body { margin: 0; padding: 0; text-align: center; background-color: #dcdfe3; color: #000; }

#wrap { width: 980px; margin: 0 auto; text-align: left; background: #fff; }
#head { height: 55px; background-color: #c4bd97; }
#menu { background-color: #ddd9c3; border-bottom: 1px solid #fff; overflow: auto; padding-left: 169px;	}
#homeLeft { float: left; width: 545px;}
#homeRight { float: right; width: 386px; padding: 24px; min-height: 218px; }
#homeReg { float: right; width: 386px; padding: 12px 24px; background: url(img/temp_bkg-register.jpg); height:195px; }
#indexRight { float: right; width: 480px; border-bottom: 1px solid #fff; }
#indexLeft { float: left; width: 451px; padding: 24px 24px 0; text-align: right; }
#whoWeAreRight { float: right; width: 545px; border-bottom: 1px solid #fff; }
#whoWeAreLeft { float: left; width: 386px; padding: 24px 24px 0; min-height: 371px; text-align: right; }
#whoWeAreReg { float: right; width: 337px; padding: 12px 184px 12px 24px; background: #c4bd97 url(img/bkg-reg-who.jpg) no-repeat right top; height: 136px; }
#foot { clear: both; width: 932px; padding: 16px 24px; background-color: #245590; border-top: 1px solid #fff;	}
#main { float: left; width: 608px; padding: 24px 0 24px 24px; min-height: 450px; }
#side { float: right; width: 300px; padding: 24px 24px 24px 0; }
#mainFull { width: 932px; padding: 24px; min-height: 450px; }
#mainLogin { width: 618px; padding: 24px 24px 24px 338px; background:url(img/bkg-login-side.png) repeat-y top left; min-height: 450px; }
#mainEnviro { width: 618px; padding: 24px 24px 24px 338px; background:url(img/bkg-enviro.jpg) no-repeat left top; min-height: 460px; }
#memberLeft, #hinLeft { float: left; width: 224px; padding: 15px 0 24px; }
#memberMain { float: left; width: 384px; padding: 24px 14px 24px 24px; }
#memberRight, #hinRight { float: right; width: 300px; padding: 24px 24px 24px 0; }
#memberMainFull, #hinMainFull { float: left; width: 708px; padding: 24px; }
#hinMain { float: left; width: 608px; padding: 24px 24px 0; }
#memberSPright { float: right; width: 324px; padding: 0; }

a { color: #245590; }
a:hover { color: #8e8164; }

h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; line-height: 1.375em; margin-bottom: 1em; }
h1 { font-size: 1.125em; margin-top: 0; color: #245590; }
h2 { font-size: 1em; margin-bottom: 4px; }
h3 { font-size: 0.875em; color: #245590; }
h4 { font-size: 0.875em; color: #b00; }


#whoWeAreLeft h1 { margin-bottom: 0; }
#memberLeft h3 { color: #b00; padding: 8px 0 8px 24px; margin: 0; border: 1px solid #c4bd97; background-color: #ddd9c3; }
#memberRight h3 { margin: 0 0 4px; }
#hinMain h2, #hinMain h3 { margin-bottom: 0; }
#memberLeft h4 { color: #b00; margin: 1em 24px 0; }

p, address, ul, ol, td, th { font: normal 0.75em/1.5em Verdana, Arial, Helvetica, sans-serif; margin-top: 0; margin-bottom: 1em; }
ul ul { font-size: 1em; }
address { margin-bottom: 1em; }
#hinMain p, #homeReg p { font-size: 0.6875em; line-height: 1.375em; }
abbr { border-bottom: 1px dotted #d5d6d9; cursor: help; }

img { border: 0; }
img.imgLeft { float: left; margin: 0 16px 16px 0; }
img.imgRight { float: right; margin: 0 0 16px 16px; }
#side h2 { margin: 0; color: #245590; }
#side ul { list-style: square; margin-left: 0; padding-left: 20px; }

#menuSide1, #menuSide2 { margin: 0; background-color: #c4bd97; list-style: none; padding: 4px 0 8px; }
#menuSide1 li, #menuSide2 li {}
#menuSide1 li a, #menuSide2 li a { display: block; text-decoration: none; padding: 6px 24px; }
#menuSide1 li a:hover, #menuSide2 li a:hover { color: #fff; background: #245590; }

form { font: 0.75em/1em Verdana, Arial, Helvetica, sans-serif; margin: 0; }
#side form { margin: 0 0 24px; }
form div { margin: 5px 0 2px; }
form fieldset { padding: 12px 24px 22px; }
form label { display: block; margin: 5px 0 2px; padding: 0; }
form legend { font-size: 1.25em; font-weight: bold; color: #5987c6; padding: 12px; }
form div label { display: inline; }
form h2 { font-size: 1.375em; color: #5987c6; }
form h3 { font-size: 1.25em; margin-top: 0; }
form h4 { font-size: 1em; margin-top: 0; }
form td, form p { font-size: .75em; }
form table.payTable td { font-size: 1em; }

#head form, #head fieldset { display: inline; margin: 0; padding: 0; border: 0; height: 55px; }
#head label { display: inline; margin: 0 0 0 24px; font: bold 1em/55px Verdana, Arial, Helvetica, sans-serif; padding: 0; color: #245590; }
#head a.topLink, #head a.topLinkRed { display: inline; margin: 0 0 0 24px; float: left; font: bold 0.75em/55px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#head a.topLinkRed { color: #b00; }
#head a.topLink:hover, #head a.topLinkRed:hover { color: #fff; }
/* for older top menu 
#head label { display: inline; margin: 0; font: bold 1em/55px Verdana, Arial, Helvetica, sans-serif; padding: 0 0 0 15px; color: #245590; }
#topMenu { margin: 0 0 0 15px; padding: 0; list-style: none; text-align: center; display: inline; float: left; }
#topMenu li { display: inline; line-height: 55px; }
#topMenu li form { font-size: 1em; }
#topMenu li { display: inline; line-height: 55px; }
#topMenu a { color: #245590; line-height: 55px; padding: 0 15px; font-weight: bold; text-decoration: none; }
#topMenu a.login { color: #b00; }
#topMenu a:hover { color: #fff; }
*/

table.event { width: 100%; background-color: #c4bd97; border: 0; }
td { vertical-align: top; }
caption { text-align: left; margin: 0; padding-bottom: 4px; font: 1.125em bold Arial, Helvetica, sans-serif; }
tfoot td { font-size: 0.625em; }

hr { color: #ccc; background-color: #ccc; border: none; height: 1px; margin-bottom: 1em; }
.ctr { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.sm { font-size: 74%; line-height: normal; }
.sm80 { font-size: 80%; line-height: normal; }
.block { display: block; }
.inline { display: inline; }
.clear { clear: both; }
.clearRight { clear: right; }
.floatLeft { float: left; }
.floatRight { float: right; }
.margin0 { margin: 0; }
.marginLeft { margin-left: 1.5em; }
.marginRight14 { margin-right: 14px; }
.marginTop16 { margin-top: 16px; }
.marginTop24 { margin-top: 24px; }
.marginBtm0 { margin-bottom: 0; }
.padding12 { padding: 12px; }
.padLeft40 { padding-left: 40px; }
.gallerycontent { border-top: 1px solid #fff; text-align: center; }
.gallerycontent img { display: block; margin: 0 auto; }
#indexRight .gallerycontent { border-top: 0; float: left; }
#indexRight .gallerycontent img { display: block; margin: 0; }
.red { color: #b00; }
.blue { color: #245590; }
.orange { color: #e46c0a; }
.warning { color: #f30; }
.borderTop1 { border-top: 1px solid #fff; }
#side h2.warning { margin: 1em 0; color: #f30; }
ul.pdf li, li.pdf { background: url(img/pdf.png) no-repeat left top; padding-left: 24px; list-style: none; margin: 0px 0px 0px -24px; }
ul.doc li, li.doc { background: url(img/doc.png) no-repeat left top; padding-left: 24px; list-style: none; margin: 0px 0px 0px -24px; }
ul.noIndent { padding-left: 20px; margin-left: 0; }

#hintbox { background-color: #ffffe0; text-align: left; padding: 3px; border: solid 1px black; position: absolute; z-index: 100; top: 0; width: 180px; visibility: hidden; font: 0.6875em Verdana, Arial, Helvetica, sans-serif; }
.hintanchor { margin: 0 3px; }

#proMenu { margin: 0 24px 0 0; padding: 0; list-style: none; text-align: center; display: inline; float: right; }
#proMenu li { display: inline; line-height: 55px; }
#proMenu a { color: #245590; padding: 5px 8px; background-color: #ddd9c3; border: 1px solid #000; text-decoration: none; font-weight: bold; }
#proMenu a:hover { color: #fff; background-color: #245590; }

#menu ul { margin: 0; padding: 0; list-style: none; line-height: 1em; text-align: center; }
#menu li { display: inline; width: 145px; float: left; }
#menu a { color: #245590; text-decoration: none; display: block; padding: 15px 0; width: 145px; font-weight: bold; outline: none; }
#menu a:hover, #menu a:focus { color: #fff; background: #245590; }
#menu li.welcome { border-right: 1px solid #fff; text-align: right; }
#menu li.welcome a { width: 125px; padding-right: 20px; }
#menu li.hin { width: 230px; }
#menu li.hin a { width: 230px; }

.dropdown { position: absolute; z-index: 100; background-color: #c4bd97; width: 220px; right: 9999px; }
.dropdown ul { text-align: left; list-style: none; margin: 0; padding: 0; }
.dropdown li a { color: #245590; display: block; padding: 5px 15px; text-decoration: none; }
.dropdown a:hover { background-color: #245590; color: #fff; }
.dropdown li span.gray { color: #666; display: block; padding: 5px 15px; text-decoration: none; }

span.gray { color: #666; }

#foot a, #foot h3, #foot p, #foot address { color: #fff; line-height: 1.5em; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; padding: 0; margin: 0; }
#foot h3 { font-size: 0.75em; }
#foot address { font-size: 0.6875em; }
#foot p { font-size: 0.5625em; }
#foot a:hover { color: #fc3; }

/*a.buttonJoin { display: block; color: #ff3; width: 158px; height: 72px; background-color: #245590; text-decoration: none; font: bold 1em/1.5em Arial, Helvetica, sans-serif; text-align: center; margin: 0 20px 0 70px; float: left; border: 1px solid #bbb; text-transform: uppercase; padding: 43px 0; }*/
a.buttonJoin { float: left; display: block; color: #ff3; width: 158px; height: 72px; background-color: #245590; text-decoration: none; font: bold 1em/1.5em Arial, Helvetica, sans-serif; text-align: center; margin: 0; float: left; border: 1px solid #bbb; text-transform: uppercase; padding: 43px 0; }
a.buttonJoin:hover { background-color: #c41230; color: #fff; }
a.buttonRegLarge { color: #fff; padding: 12px 24px; background-color: #245590; border: 1px solid #fff; text-decoration: none; font: bold 0.8125em Verdana, Arial, Helvetica, sans-serif; }
a.buttonRegLarge:hover { background-color: #930; }
a.buttonRegLarge span { color: #ff3; }

a.buttonRegLarge2 { color: #fff; padding: 12px 24px; background-color: #930; border: 1px solid #fff; text-decoration: none; font: bold 0.8125em Verdana, Arial, Helvetica, sans-serif; }
a.buttonRegLarge2:hover { background-color: #245590; }
a.buttonRegLarge2 span { color: #ff3; }

div.brownBox { background-color: #c4bd97; padding: 24px; border: 1px solid #245590; overflow: auto; }
div.blueBox { background-color: #245590; padding: 16px; border: 1px solid #fff; }
div.blueBox p { color: #fff; margin: 0; }
div.blueBox h2, div.blueBox h3, div.blueBox a { color: #fc3; }
div.blueBox a:hover { color: #fff; }
#memberLeft div.blueBox ul { margin-left: 0; padding-left: 0; list-style: none; }
#memberLeft div.blueBox ul li { font-size: 90%; color: #fff; }

div.bbamBox { background-color: #eee; padding: 15px 20px; border: #0000 solid 1px; margin-top: 20px; }
div.whoBox { float: left; clear: left; width: 433px; background-color: #6ff; }
div.loginBox { float: left; width: 268px; border-right: 1px solid #fff; height: 280px; background: #ddd9c3 url(img/bkg-login-box.png) no-repeat left top; padding: 0 20px; }
div.loginBox h3 { color: #fff; line-height: 48px; margin: 0; }

div.boxRight { float: right; margin: 6px 0 0 20px; }
div.boxRight160 { float: right; width: 160px; margin: 6px 0 20px 20px; }
div.boxRight200 { float: right; width: 200px; margin: 6px 0 0 20px; }
div.boxRight212 { float: right; width: 212px; margin: 6px 0 20px 20px; }
div.boxRight300 { float: right; width: 300px; margin: 6px 0 0 20px; }
div.left50 { width: 50%; float: left; }
div.right50 { width: 50%; float: right; }

#tooltip { position: absolute; z-index: 3000; border: 1px solid #fff; background-color: #245590; padding: 8px; width: 300px; }
#tooltip h3, #tooltip div { margin: 0; font-size: 11px; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; }
.tooltip { color: #245590; text-decoration: underline; cursor: help; }

div.gallery { text-align: center; }
div.gallery img { margin: 4px; padding: 4px; background: #eee; }
div.gallery a img { border: 1px solid #161616; }
div.gallery a:hover img { border-color: #b00; }
div.galleryMenu { float: right; width: 212px; margin: 0 0 20px 20px; }
div.galleryMenu h4 { margin: 0 0 0.25em; }

#jquery-overlay {	position: absolute;	top: 0;	left: 0;	z-index: 90;	width: 100%;	height: 500px; }
#jquery-lightbox {	position: absolute;	top: 0;	left: 0;	width: 100%;	z-index: 100;	text-align: center;	line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {	position: relative;	background-color: #fff;	width: 250px;	height: 250px;	margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading {	position: absolute;	top: 40%;	left: 0%;	height: 25%;	width: 100%;	text-align: center;	line-height: 0; }
#lightbox-nav {	position: absolute;	top: 0;	left: 0;	height: 100%;	width: 100%;	z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {	width: 49%;	height: 100%;	zoom: 1;	display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { color: #000;	font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 100%;	padding: 0 10px 0; }
#lightbox-container-image-data {	padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { color: #000; font-weight: bold; }
#lightbox-image-details-currentNumber {	display: block; clear: left; padding-bottom: 1.0em;	}			
#lightbox-secNav-btnClose {	width: 66px; float: right;	padding-bottom: 0.7em;	}

table.strategicPlan { margin: 0 0 1em; border: 1px solid #789fcc; }
table.strategicPlan caption { color: #e46c0a; margin-left: 0; padding-left: 0; }
table.strategicPlan th { border: 1px solid #fff; padding: 0; font-weight: bold; }
td.spBlueBdr { color: #245590; border: 1px solid #245590; text-align: center; padding: 4px; }
td.spBlueBkg { color: #fff; background-color: #245590; text-align: center; padding: 4px; }

.buttonRed a { display: block; padding: 10px; background-color: #b00; font: bold 0.875em/1.25em Arial, Helvetica, sans-serif; color: #fff; border: 1px solid #b00; text-decoration: none;}
.buttonRed a:hover { background-color: #fff; color: #b00; }

#new { background: #d9d9d9; margin: 20px 0; }
#new #wrap { width: 940px; padding: 10px; border: 2px solid #a6a6a6; overflow: auto; }
#new #header { width: 940px; height: 220px; margin: 0 0 10px; }
#new #main { float: left; width: 558px; padding: 20px 20px 16px; border: 1px solid #1f497d; }
#new #ads { float: right; width: 300px; padding: 36px 14px 14px; border: 1px solid #1f497d; margin: 0 0 10px; background: url(img/ads.png) no-repeat center 14px; }
#new #mbrRsc { float: right; width: 300px; padding: 50px 14px 15px; border: 1px solid #1f497d; margin: 0; background: url(img/member_resources.png) no-repeat 14px 15px; }
#new #main h1 { height: 35px; background: url(img/consumer_resources.png) no-repeat left top; text-indent:-500em; margin: 0; padding: 0; }
#new #main #sideBtns { float: right; width: 132px; margin: 0 0 10px 28px; }
#new .gallerycontent { border: 0; }
#new .marginRight10 { margin: 0 10px 0 0; }
#new .marginBtm10 { margin: 0 0 10px 0; }
#new #mbrRsc form, #new #mbrRsc fieldset { display: inline; margin: 0; padding: 0; border: 0; height: 34px; }
#new #mbrRsc form { margin: 10px 0; }
#new #mbrRsc label { display: inline; margin: 0; font: bold 1em/34px Verdana, Arial, Helvetica, sans-serif; padding: 0; }
#new #mbrRsc a.btnJoin, #new #mbrRsc a.btnEvents { clear: both; display: block; color: #fff; width: 300px; height: 50px; background-color: #1f497d; text-decoration: none; font: bold 1em/48px Arial, Helvetica, sans-serif; text-align: center; margin: 10px 0 0; border: 1px solid #5986C7; }
#new #mbrRsc a.btnEvents { margin: 10px 0; }
#new #mbrRsc a.btnJoin:hover, #new #mbrRsc a.btnEvents:hover { background-color: #b20737; color: #fff; border: 1px solid #a9a9a9; }