html{ height: 100%; }
body { margin: 0; padding: 0; width: 100%; font: 62.5% arial, verdana, sans-serif; color: #000; background: #e0e0e0; overflow: auto; }
strong { font-weight: bold; }
input{ font-family: arial, verdana, sans-serif; }

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{ display: none; }

h1{ font-size: 1em; color: #000; }
h2{ font-size: 1em; color: #000; }
h3{ font-size: 1em; color: #000; }
h4{ font-size: 1em; color: #000; }
h5{ font-size: 1em; color: #000; }

.left { float: left; }
.right { float: right; }

.red { color: red; }
.small { font-size: 1em; } .medium { font-size: 1.2em; } .large { font-size: 1.4em; }
.caption { font-size: 1em; color: #777; text-align: right; padding-top: 3px; border-top: 1px solid #ccc; margin-top: 3px; }
.number{ text-align: right; }
.center{ text-align: center; }

.mr10{ margin-right: 10px !important; }
.ml10{ margin-left: 10px !important; }

/* a links */
a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
a:active { color: #000; text-decoration: none; }
/*a.arrow { display: block; background: url(Images/arrow.gif) 0 3px no-repeat; padding: 4px 0 5px 20px; height: 18px; font-size: 11px; margin: .3em 0; }*/


/* Layout */
#wrapper{ margin: 0 auto; padding: 0; width: 960px; }
#pageTop{ margin: 0; padding: 0 10px; min-height: 132px; background: #335764 url(images/layout/top/bg.png) repeat-x left top; }
#pageContent{ margin: 0 0 10px 0; padding: 0; }
#pageBottom{ margin: 0; padding: 0 0 10px 0; }


/* Page Top */
#pageTop .upper{ margin: 0; padding: 0; height: 109px; overflow: hidden; }
#pageTop .upper .logo{ margin: 0; padding: 38px 0 0 20px; width: 280px; height: 71px; float: left; }
#pageTop .upper .topnav{ margin: 0; padding: 0; width: 430px; height: 109px; float: left; }
#pageTop .upper .newsletter{ margin: 0 0 0 10px; padding: 0; width: 200px; height: 109px; float: left; }

#pageTop .upper .logo h1{ margin: 0; padding: 0; width: 194px; height: 56px; }
#pageTop .upper .logo h1 a{ margin: 0; padding: 0; width: 194px; height: 56px; display: block; background: url(images/layout/top/logo.png) no-repeat; }
#pageTop .upper .logo h1 a span{ display: none; }

#pageTop .upper .newsletter .nl{ margin: 0 0 0 37px; padding: 0 12px 21px 12px; float: left; width: 126px; height: 52px; background: url(images/layout/top/newsletter_bg2.png) no-repeat; text-align: center; }
#pageTop .upper .newsletter .nl a{ margin: 0; padding: 7px 0 0 0; font-size: 12px; color: #234557; display: block; width: 126px; height: 45px; text-decoration: none; }
#pageTop .upper .newsletter .nl a span{ font-size: 18px; font-weight: bold; }

#pageTop .upper .topnav ul{ margin: 0; padding: 0; float: right; }
#pageTop .upper .topnav ul li{ margin: 0; padding: 0; float: left; }
#pageTop .upper .topnav ul li a{ margin: 0 1px; padding: 0 10px; height: 16px; float: left; background: #eaeaea; font-size: 12px; color: #000; text-decoration: none; }
#pageTop .upper .topnav ul li span.cmb{ margin: 0 1px; padding: 0 30px 0 10px; height: 16px; float: left; Font-size: 12px; color: #000; background: #eaeaea url(images/layout/top/cmb_arrow.png) no-repeat right center; cursor: pointer; }

#pageTop .upper .topnav ul li.search{ margin: 0 0 0 1px; }
#pageTop .upper .topnav ul li.search input{ margin: 0; padding: 0 3px; float: left; height: 16px; width: 94px; border: 0; background: #ebebeb; font-size: 12px; }
#pageTop .upper .topnav ul li.search a{ margin: 0; padding: 0; float: left; height: 16px; width: 16px; background: #ebebeb url(images/layout/top/search_btn.png) no-repeat center center; }
#pageTop .upper .topnav ul li.search a span{ display: none; }

/* nav */
#pageTop .nav{ margin: 0; padding: 0; height: 23px; width: 730px; position: relative; }
#pageTop .navOpen{ height: 48px; }
#pageTop .nav ul{ margin: 0; padding: 0; height: 23px; float: right; }
#pageTop .nav ul li{ margin: 0 1px; padding: 0; float: left; background: #ebecec url(images/layout/top/nav_left.png) no-repeat; }
#pageTop .nav ul li a{ margin: 0; padding: 3px 8px 0 8px; height: 20px; float: left; color: #002d3d; font-size: 1.5em; text-decoration: none; background: url(images/layout/top/nav_right.png) no-repeat right top; }
#pageTop .nav ul li.selected,
#pageTop .nav ul li:hover{ background-color: #c8d7da; background-position: 0 -23px; }
#pageTop .nav ul li.selected a,
#pageTop .nav ul li:hover a{ background-position: right -23px; }

/* nav second level */
#pageTop .nav ul ul{ margin: 23px 0 0 -10px; padding: 0; height: 25px; position: absolute; top: 0; left: 0; width: 960px; background: #c8d7da; display: none; z-index: 90; }
#pageTop .nav ul ul li{ margin: 0 10px; padding: 5px 0 0 0; float: left; height: 20px; background: none; }
#pageTop .nav ul ul li a{ margin: 0; padding: 0; float: left; color: #000; font-size: 1.2em; background: none; }

#pageTop .nav ul ul li.selected,
#pageTop .nav ul ul li:hover{ background-color: transparent; }
#pageTop .nav ul ul li.selected a,
#pageTop .nav ul ul li:hover a{ text-decoration: underline; color: #16606f; }

/*#pageTop .nav ul li:hover ul{ display: block; z-index: 110; }*/

#pageTop .nav ul li.selected ul{ display: block !important; z-index: 100; }



/* Layout cols */
#pageContent .cols{ margin: 0; padding: 0; }
#pageContent .cols .main{ margin: 0 10px 0 0; padding: 10px 10px 0 10px; background: #fff; width: 730px; float: left; overflow: hidden; }
#pageContent .cols .side{ margin: 0; padding: 10px 10px 0 10px; background: #fff; width: 180px; float: left; }


/* Content cols */
#pageContent .cols .main .four-cols{ margin: 0; padding: 0; width: 740px; }
#pageContent .cols .main .four-cols .col{ margin: 0 10px 0 0; padding: 0; width: 175px; float: left; }
#pageContent .cols .main .two-cols{ margin: 0; padding: 0; width: 740px; }
#pageContent .cols .main .two-cols .col{ margin: 0 10px 0 0; padding: 0; width: 360px; float: left; }


/* Side col */
#pageContent .cols .side .banner{ margin: 0 0 10px 0; text-align: center; }
#pageContent .cols .side .search{ height: 124px; }
#pageContent .cols .side .banner a{ }
#pageContent .cols .side .banner img{ border: 0; display: block; }

#pageContent .cols .side .talkoftown{ margin: 0 0 10px 0; padding: 10px; background: #f4f4f4;  }
#pageContent .cols .side .talkoftown h5{ margin: 0 0 5px 0; padding: 0; font-size: 1.6em; font-weight: bold; color: #2c6771; }
#pageContent .cols .side .talkoftown .item{ margin: 0 0 5px 0; padding: 0; }
#pageContent .cols .side .talkoftown .item p{ margin: 0; padding: 0; font-size: 1.1em; }
#pageContent .cols .side .talkoftown .item p span.title{ font-weight: bold; color: #2a6772; font-size: 12px; }
#pageContent .cols .side .talkoftown .item p img{ float: left; margin: 0 5px 5px 0; }
#pageContent .cols .side .talkoftown .item a.more{ color: #2c6771; }
#pageContent .cols .side .talkoftown .list{}
#pageContent .cols .side .talkoftown .list ul{}
#pageContent .cols .side .talkoftown .list ul li{ margin: 0; padding: 1px 0 2px 12px; font-size: 1.1em; background: url(images/layout/side/list_item_bullet.png) no-repeat left 3px;  }
#pageContent .cols .side .talkoftown .list ul li a{  }
#pageContent .cols .side .talkoftown .list ul li a span{ font-weight: bold; color: #2a6772; font-size: 12px; }



/* Page Bottom */
#pageBottom .footer{ margin: 0; padding: 8px 10px 0 10px; height: 22px; font-size: 1em; color: #ffffff; background: #16606f; font-weight: bold; }
#pageBottom .footer span.sep{ margin: 0 5px; padding: 0; }
#pageBottom .footer a{ color: #fff; }

#pageBottom .banners-comments{ margin: 0; padding: 10px 10px 0 10px; background: #fff; }
#pageBottom .banners-comments .banners{ margin: 0 10px 0 0; padding: 0; width: 545px; float: left; }
#pageBottom .banners-comments .banners .banner{ margin: 0 0 10px 0; padding: 0;  }
#pageBottom .banners-comments .banners .banner img{ margin: 0; padding: 0; display: block; border: 0; }
		#pageBottom .banners-comments .comments{ margin: 0 0 10px 0; padding: 0; width: 385px; float: right; }

#pageBottom .links{ margin: 0; padding: 8px 0 0 0; height: 22px; background: #fff; }
#pageBottom .links a{ margin: 0 10px 0 0; font-size: 1.1em; color: #16606f; }
#pageBottom .links a.fb{ padding: 1px 0 0 20px; height: 17px; background: url(images/layout/bottom/fb.png) no-repeat left center; float: right; }
#pageBottom .links a.twitter{ padding: 1px 0 0 20px; height: 17px; background: url(images/layout/bottom/tw.png) no-repeat left center; float: right; }
#pageBottom .links a.rss{ padding: 1px 0 0 20px; height: 17px; background: url(images/layout/bottom/rss.png) no-repeat left center; float: right; }
#pageBottom .links a.bm{ padding: 1px 0 0 20px; height: 17px; background: url(images/layout/bottom/bm.png) no-repeat left center; float: right; }	



#TB_NewsLetter{ margin: 0; padding: 7px; width: 586px; height: 386px; overflow: hidden; font-family: Arial, Verdana, Sans-Serif; }
#TB_NewsLetter .wrapper{ margin: 0; padding: 0; width: 586px; height: 386px; overflow: hidden; position: relative; }

#TB_NewsLetter .wrapper .content{ margin: 0; padding: 80px 0 0 168px; height: 271px; background: #e6e9ea; }
#TB_NewsLetter .wrapper .content h5{ margin: 0 0 20px 0; padding: 0; height: 27px; width: 253px; background: url(/template/01/images/Lightbox/newsletter_header.png) no-repeat;  }
#TB_NewsLetter .wrapper .content h5 span{ display: none; }

#TB_NewsLetter .wrapper .content .field{ height: 25px; margin: 0 0 10px 0; }
#TB_NewsLetter .wrapper .content .field label{ margin: 3px 0 0 0; padding: 0; font-size: 16px; color: #694e44; float: left; width: 60px; }
#TB_NewsLetter .wrapper .content .field input{ margin: 0; padding: 5px 10px; height: 15px; width: 170px; border: 0; float: left; font-size: 14px; color: #afb3b4; }
#TB_NewsLetter .wrapper .content .field input.focus{ color: #000 !important; }
#TB_NewsLetter .wrapper .content .field span.err{ margin: 0 0 0 5px; padding: 0; float: left; color: red; font-size: 20px; cursor: help; }

#TB_NewsLetter .wrapper .content .message{ margin: 0 0 10px 0; }
#TB_NewsLetter .wrapper .content .message p{ margin: 0; padding: 0; font-size: 12px; }
#TB_NewsLetter .wrapper .content .message p.err{ color: red; }

#TB_NewsLetter .wrapper .content .controls{ text-align: right; width: 250px; height: 25px; }
#TB_NewsLetter .wrapper .content .controls a{ margin: 0; padding: 5px 0 0 0; font-size: 12px; background: #684e44; color: #fff; text-align: center; float: right; height: 20px; width: 78px; text-decoration: none; }


#TB_NewsLetter .wrapper .footer{ margin: 0; padding: 5px 0 0 0; height: 20px; text-align: right; }
#TB_NewsLetter .wrapper .footer a{ font-size: 14px; }

#TB_NewsLetter .wrapper .spinner{ position: absolute; top: 150px; text-align: center; width: 586px; }
#TB_NewsLetter .wrapper a{ cursor: pointer; }


#TB_Send{ margin: 0; padding: 7px; width: 586px; height: 386px; overflow: hidden; font-family: Arial, Verdana, Sans-Serif; }
#TB_Send .wrapper{ margin: 0; padding: 0; width: 586px; height: 386px; overflow: hidden; position: relative; }

#TB_Send .wrapper .content{ margin: 0; padding: 60px 0 0 168px; height: 291px; background: #e6e9ea; }
#TB_Send .wrapper .content h5{ margin: 0 0 20px 0; padding: 0; height: 27px; width: 253px; background: url(/template/01/images/Lightbox/sendpage_header.png) no-repeat;  }
#TB_Send .wrapper .content h5 span{ display: none; }

#TB_Send .wrapper .content .field{ height: 25px; margin: 0 0 10px 0; }
#TB_Send .wrapper .content .field label{ margin: 3px 0 0 0; padding: 0; font-size: 16px; color: #694e44; float: left; width: 60px; }
#TB_Send .wrapper .content .field input{ margin: 0; padding: 5px 10px; height: 15px; width: 170px; border: 0; float: left; font-size: 14px; color: #afb3b4; }
#TB_Send .wrapper .content .field input.focus{ color: #000 !important; }
#TB_Send .wrapper .content .field span.err{ margin: 0 0 0 5px; padding: 0; float: left; color: red; font-size: 20px; cursor: help; }

#TB_Send .wrapper .content .body{ height: auto !important; }
#TB_Send .wrapper .content .body label{ margin-bottom: 5px; display: block !important; width: 200px !important; clear: both !important; }
#TB_Send .wrapper .content .body textarea{ height: 70px !important; width: 250px !important; overflow: auto !important; border: 0 !important; }

#TB_Send .wrapper .content .message{ margin: 0 0 10px 0; }
#TB_Send .wrapper .content .message p{ margin: 0; padding: 0; font-size: 12px; }
#TB_Send .wrapper .content .message p.err{ color: red; }

#TB_Send .wrapper .content .controls{ text-align: right; width: 250px; height: 25px; }
#TB_Send .wrapper .content .controls a{ margin: 0; padding: 5px 0 0 0; font-size: 12px; background: #684e44; color: #fff; text-align: center; float: right; height: 20px; width: 78px; text-decoration: none; }


#TB_Send .wrapper .footer{ margin: 0; padding: 5px 0 0 0; height: 20px; text-align: right; }
#TB_Send .wrapper .footer a{ font-size: 14px; }

#TB_Send .wrapper .spinner{ position: absolute; top: 150px; text-align: center; width: 586px; }

#TB_Send .wrapper a{ cursor: pointer; }