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:30px; background-color:#022468; }
#menu { height:30px; background-color:#022468; border-bottom:1px solid #fff; overflow:auto; }
#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:#022468; 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; }
#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:#fff; padding:8px 0 8px 24px; margin:0; border:1px solid #022468; background-color:#245590; }
#memberRight h3 { margin:0 0 4px; }
#memberLeft h4 { color: #b00; margin: 1em 24px 0; }

p, address, ul, ol, td, th { font: normal 0.8125em/1.5em 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; }

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; }

/* Header */
#head #top-nav { float:right; height:20px; list-style:none; margin:0; padding:5px 9px 5px 0; overflow:hidden; color:#fff; font:13px/20px sans-serif; }
#head #top-nav li { float:left; display:inline; margin:0; padding:0; line-height:20px; }
#head #top-nav li a { color:#fff; display:block; padding:0 12px; text-decoration:none; border-left:1px solid #fff; outline:none; }
#head #top-nav li a:hover, #head #top-nav li a:focus { text-decoration:underline; }
#head #top-nav li:first-child a { border:none; }

#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; }

#menu ul { float:right; height:20px; margin:0; padding:5px 9px 5px 0; list-style:none; }
#menu li { float:left; display:inline; height:20px; margin:0; padding:0; line-height:20px; border-left:1px solid #fff; }
#menu li:first-child { border:none;}
#menu ul li a { color:#fff; text-decoration:none; display:block; padding:0 12px; font-weight:bold; outline:none; }
#menu ul li a:hover, #menu ul li a:focus { text-decoration:underline; }
.dropdown { position:absolute; z-index:100; background-color:#022468; width:220px; right:9999px; }
.dropdown ul { text-align:left; list-style:none; margin:0; padding:0; }
.dropdown ul li { height:30px; line-height:30px; }
.dropdown ul li a { color:#022468; display:block; padding:0 12px; text-decoration:none; color:#fff; border-top:1px solid #113375; }
.dropdown ul li a:hover { background-color:#022468; color:#fff; text-decoration:underline; }

/* Membes Side Menu */
#menuSide1, #menuSide2 { margin:0; background-color: #022468; list-style: none; padding:0; }
#menuSide1 li, #menuSide2 li { line-height:1.5em; }
#menuSide1 li a, #menuSide2 li a { color:#fff; display:block; text-decoration: none; padding:5px 24px; border-top:1px solid #113375; }
#menuSide1 li a:hover, #menuSide2 li a:hover { color:#fff; text-decoration:underline; }

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; }
ul.member-news { padding-left:20px; margin-left:0; line-height:1.625em; }
ul.member-news li ul { padding-left:20px; margin-left:10px; margin-bottom:0; line-height:1.625em; }
ul.member-news li a { color:#006; }
ul.member-news li a:hover { color:#b00; }

#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; }

#foot a, #foot h3, #foot p, #foot address { color:#fff; line-height:1.5em; text-decoration:none; font-style:normal; padding:0; margin:0; }
#foot h3 { font-size: 0.8125em; }
#foot address { font-size: 0.75em; }
#foot p { font-size: 0.6875em; }
#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: 262px; 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; }

.button { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: bold 14px/120% Tahoma, Geneva, Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); }
.button {	color: #efefef;	border: solid 1px #1b0000;	background: #6a1716;	background: -webkit-gradient(linear, left top, left bottom, from(#6a1716), to(#8f1f1e));	background: -moz-linear-gradient(top, #6a1716, #8f1f1e);	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a1716', endColorstr='#8f1f1e'); }
.button:hover {	color: #fff; text-decoration: none; background: -webkit-gradient(linear, left top, left bottom, from(#8f1f1e), to(#6a1716));	background: -moz-linear-gradient(top, #8f1f1e, #6a1716);	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f1f1e', endColorstr='#6a1716'); }
/* orange */
.orange {	color: #fef4e9;	border: solid 1px #da7c0c;	background: #f78d1d;	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); }
.orange:hover { background: #f47c20;	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));	background: -moz-linear-gradient(top,  #f88e11,  #f06015);	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); }
.orange:active {	color: #fcd3a5;	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));	background: -moz-linear-gradient(top,  #f47a20, #faa51a);	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); }
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* for drop-down accordions */
.ddHeader { cursor:pointer; color:#245590; text-decoration:underline; }
.ddHeader:hover { color: #8e8164; }
.ddContents {}

/* Confirmation Messages */
.thanks { margin:0 0 20px; padding: 16px; background:#CC0000; border:1px solid #d6d6d6; font-family:Arial, Helvetica, sans-serif; }
.thanks p { color:#fff; margin:0; }
.thanks a { color:#fff; }
.thanks a:hover { color:#fc3; }