body{font-family: Arial, Helvetica, sans-serif;	color: #00487D;	font-size: 12px; padding: 0; margin: 0; background: #BFE4FF;}
#wrapper{width: 770px; margin: 0 auto; border: 1px solid #eef1ed; background: url(images/forest.jpg) repeat-x bottom;}
.standardButton{background: #004882; border: none; padding: 10px 15px 10px 15px;	display: block;	text-decoration: none; color: White; font-family: arial; font-weight: bold; font-size: 10pt; text-align: center;}
p{margin: 10px;}
FIELDSET{margin: 10px;}
.bold{font-weight: bold;}

/*--- BUTTONS --------------------------------------------------------------------- */
.deleteButton{width: 16px; height: 16px; background: transparent url(images/delete.png) no-repeat 0 0; border: none;}



/* Begin Parent Left Column --------------------------------------------------------------------- */
#leftcolumn{padding: 10px; display: inline; /* IE Fix */ float: left; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; background-color: #fff;}

/*--- TOP LEFT SEARCH BOX --------------------------------------------------------------------- */
#leftcolumn .search{margin: 0px 0px 0px 0px; width: 180px; border: 1px solid #ccc; background-image: url(images/logo.jpg); background-position: center; background-repeat: no-repeat; height: 98px; color: #01487e;	font-size: 12pt; font-weight: bold;}
#leftcolumn .search h1{font-size: 11pt; margin: 13px 0 0 17px;}
#leftcolumn .search input{width: 100px; margin: 20px 3px 0 17px; display: inline-block; float: left; padding: 3px; font-size: 12pt; font-weight: bold; color: #01487e;}
#leftcolumn .search .standardButton{width: 40px; margin: 20px 0 0 0;  display: inline-block; float: left; height: 29px; padding: 5px 0 0 0;display: block;text-decoration: none;color: White;font-family: arial;font-weight: bold;font-size: 12pt;text-align: center; background: url(images/shortButton.png) no-repeat;}


/* Begin Left Navigation */
#leftcolumn ul.mainnav {margin: 0px; padding: 0; list-style: none;}
#leftcolumn ul.mainnav .heading{background-color: #0066B3;padding: 5px;color: #fff;font-size: 16px;}
#leftcolumn ul.mainnav li {margin: 0 1px 0 1px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
#leftcolumn ul.mainnav li a:link, #leftcolumn ul.mainnav li a:visited{color: #333;background-color: #F9F9F9;text-decoration: none;padding: 5px;display: block;}
#leftcolumn ul.mainnav li a:hover{display: block;background-color: #BFE4FF;text-decoration: none;padding: 5px;}

/* Begin Parent Right Column ----------------------------------------------------------------------- */
#rightcolumn{border-left: 1px solid #ccc;border-right: 1px solid #ccc; margin: 0 0 0 10px; padding: 0 0 20px 0; display: inline; /* IE Fix */width: 514px;float: left;background-color: #fff;}
#rightcolumn h1{margin: 10px 10px 0 10px;padding: 3px 10px;	border: 1px solid #ccc;	font-size: 24px; background: #80C9FF; border: 0;}
#rightcolumn h1 a{text-decoration: none;color: #01487e; }
#rightcolumn h1 image{border: 0;}
#rightcolumn .lblTop5{height: 112px; display: block; padding: 8px 12px 0 12px; text-align: justify;}
#rightcolumn .banner{margin: 10px;border: 1px solid #ccc;background-color: #EEF1ED;}
#rightcolumn .banner img{display: block;border: 0;}

DIV.coralCell{width: 120px; height: 150px; margin: 3px 0 0 7px; float: left; background: #ffffff url(images/coralCellBack.png) repeat-x 0 0;}
DIV.coralCell A.title{height: 30px; width: 115px; text-decoration: none; color: #01487e; margin: 0 auto; display: block; font: bold 100% arial; padding: 3px;}
DIV.coralCell DIV.body{}
DIV.coralCell DIV.img-shadow{padding-left: 2px;}

.bottomLinks{padding: 20px 0 0 400px;text-align: right;}
.bottomLinks2{margin: 20px 0 0 300px;text-align: right;}
.bottomLinks a.standardButton, .bottomLinks2 a.standardButton{margin: 20px 10px 20px 0;float: left;}


/* FORMS ----------------------------------------------------------------------- */
/* CENTERED FORM ----------------------------------------------------------------------- */
#centeredForm{background: #ffffff;margin:0 auto;text-align:left;width: 400px;}
#centeredForm input{padding: 5px 5px 5px 5px;font-family: Arial;font-weight: bold;font-size: 11pt;}
#centeredForm h3{text-align:left;width: 300px;padding: 0 0 20px 50px;margin: 0;font-size: 14pt;}
#centeredForm .top{display:block;height:30px;margin:10px auto 0;background: #80c9fe url(images/top.png) no-repeat 0 0;padding: 10px 0 0 0;}
#centeredForm .body{border-left: solid 1px #CCCCCC;border-right: solid 1px #CCCCCC;border-bottom: solid 1px #CCCCCC;padding: 30px 0 30px 0;}
#centeredForm .body p{padding: 10px;}
#centeredForm .bottom{height: 10px;display:block;background: #ffffff url(images/bottom.png) no-repeat 0 0;}
#centeredForm .label{padding: 5px 0 0 100px;}
#centeredForm .control{padding: 0 0 0 100px;}
#centeredForm .error{width: 190px;padding: 5px 0 5px 0;margin: 0 0 0 100px;background-position: 5px 45%;}
#centeredForm .error ul{text-align: left;padding: 10px 0 10px 0;margin: 0;}
#centeredForm .error li{margin: 0 0 0 50px;	padding: 0;	color: #01487e;}
#centeredForm .error span{padding: 0 0 0 40px;color: #01487e;}

/* STANDARD FORM ------------------------ */
div.standardForm{width: 514px;}
div.standardForm h2{padding: 10px 0 10px 20px;margin: 0 0 0 0;}
div.standardForm .label{display:inline-block; text-align: right; width: 140px; font-size: 11pt; font-weight: bold; padding: 8px 5px 0 0; margin: 3px 0 0 0; vertical-align: top;}
div.standardForm .label div.instruction{font-size: 8pt; font-style: italic;}
div.standardForm .control{display: inline-block; text-align: left;width: 359px;padding: 8px 0 0 0;}
div.standardForm .chk{display: inline-block; text-align: left; width: 350px; padding: 8px 0 0 0;}
div.standardForm .chk input{border-style: none;	width: 320px;}
div.standardForm .submit{text-align: right;padding: 30px 0 20px 400px;float: left;}
div.standardForm .control input,textarea,select{font-size: 11pt;font-weight: bold;font-family: Arial;color: #666666;padding: 5px;background-color: #FFFFFF;border: solid 1px #0066b3;width: 320px;}
div.standardForm .fileUpload{border: solid 1px gray;width: 320px;}
div.standardForm .standardButton{text-decoration: none;float: left;}
div.standardForm .error ul{text-align: left;padding: 0 0 10px 0;margin: 0;}
div.standardForm .error li{margin: 0 0 0 95px;padding: 0;color: #01487e;}
div.standardForm .error span{padding: 0 0 0 90px;color: #01487e;}
div.confirmation{border: solid 1px #CCCCCC;padding: 30px 0 30px 10px;margin: 10px;}
div.confirmation p{padding: 10px;}


#emptyForm{padding: 50px 0 200px 0;text-align: center;}

/* FOOTER ----------------------------------------------------------------------- */
.clear {clear: left;}
#footer {background: #fff; border: 1px solid #ccc;}
#footer .text {padding: 10px; margin: 0 auto; width: 710px; border: 1px solid #fff;}
#footer .text a:link, #footer .text a:visited { color: #333; text-decoration: none; }
#footer .text a:hover {  color: #333; text-decoration: underline; }
#footer .text img { border: none ; }

/* SPECIMEN PAGES ----------------------------------------------------------------------- */
#specimen{border: 1px solid #fff;margin: 10px;font-size: 8pt;vertical-align: top;text-align: justify;}
#specimen h2{padding: 8px 0 4px 0;margin: 0;font-size: 12pt;}
#specimen div.gallery{padding: 10px;margin: 0 0 0 5px;background-color: White;float: right;width: 125px;border: 1px solid #ccc;}
#specimen .editLabel{margin: 0 0 0 5px;}

/* Comment Section ----------------------------------------------------------------------- */
#comments{padding: 0;}
#comments h3{padding: 0 0 0 20px;margin: 0;font-size: 14pt;}
#comments p{padding: 0 0 0 20px;margin: 0;font-size: 8pt;}
#comments .standardTextbox{margin: 0 20px 0 20px;padding: 3px;width: 460px;font-size: 8pt;color: #01487e;overflow: auto;}
#comments a.standardButton{margin: 3px 0 0 201px;float: left;}
#comments p.disclaimer{margin: 3px 0 0 2px;float: left;font-size: 8pt;}
#comments ol{list-style: none;}
#comments li img{float: left;}
#comments li span{padding: 4px 0 0 0;display: block;float: left;height: 24px;}
#comments li div{padding: 0;margin: 0;height: 30px;}
#comments div.comment{border: dashed 1px gray;padding: 15px 0 0 0;margin: 0 20px 10px 0;}
#comments div.commentAlt{border: dashed 1px gray;padding: 15px 0 0 0;margin: 0 20px 10px 0;background: #bfe4ff;color: #03365c;}

/* -- IMAGE CONTAINER -------------*/
.imageContainer{display: inline-block; width: 493px; padding: 10px;}
.addImageContainer{}
.imageContainerAdmin{padding: 10px;}
.imageContainerAdmin .unit{width: 120px; padding:5px;  display: inline-block;}

/* -- SHADOW IMAGES -------------*/
.img-shadow{display: inline-block; background: url(images/shadow/shadowAlpha.png) no-repeat bottom right !important; background: url(images/shadow/shadow.gif) no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; padding: 0 0 0 5px;}
.img-shadow img{display: block;position: relative;background-color: #fff;border-style: solid;border-width: 7px;border-color: red;margin: -6px 6px 6px -6px;padding: 4px 4px 4px 4px;}

/* -- MESSAGE BOXES  -------------*/
.error{width: 300px;padding: 15px 0 0 0;margin: 15px 0 15px 100px;background-color: #FFF9BF;background-image: url(images/error.gif);background-position: 5px 50%;background-repeat: no-repeat;font-size: 9pt;font-weight: bold;border-style: solid;border-width: 1px;text-align: center;}
.accept{width: 400px;padding: 15px 0 15px 24px;background-color: #FFF9BF;background-image: url(images/24check.gif);background-position: 7px 11px;background-repeat: no-repeat;font-size: 9pt;font-weight: bold;border-style: solid;border-width: 1px;}

/* -- FORUM  -------------*/
div.forum{min-height: 600px; padding: 0 10px 0 10px;}
div.forum a.title{margin: 0 0 0 10px; color: #00487d; font: bold 150% arial; text-decoration: none;}
div.forum p{padding: 0; margin: 3px 0 10px 10px;}
div.forum h1{background: #fe7e00; margin: 0 0 10px 0 !important;}

/* -- FORUM BREADCRUMBS -------------*/
UL.breadcrumbs{margin: 0; padding: 0; margin: 0 0 5px 0;}
UL.breadcrumbs LI{display: inline-block; list-style-type: circle; margin: 0 0 0 10px;}

/* -- FORUM  threadListing-------------*/
div.forum table.threadListing{margin: 10px 0 10px 0; border: solid 2px #01487e; width: 490px;}
div.forum table.threadListing th{background: #01487e; color: White; padding: 3px; margin: 0; border: none; text-align: center;}
div.forum table.threadListing td{margin: 0; padding: 3px;}
div.forum table.threadListing td.topic{width: 300px;}
div.forum table.threadListing td.topic div.title{width: 100%; }
div.forum table.threadListing td.topic div.title a{font: bold 120% arial; color: #01487e;  text-decoration: none;}
div.forum table.threadListing td.topic div.author{font: normal 100% arial; color: #fe860c; width: 100%;}
div.forum table.threadListing td.replyCount{width: 30px; text-align: center; padding: 0;}
div.forum table.threadListing td.threadViews{width: 30px; text-align: center;}
div.forum table.threadListing td.lastPost{width: 100px;}

/* -- FORUM  thread-------------*/
div.forum div#thread{margin: 10px 0 10px 0; background: #bfe4ff; }

/* -- FORUM  post-------------*/
div.forum div#thread div.post{width: 495px; padding: 0; margin: 0;}
div.forum div#thread div.post div.title{font: bold 120% arial; margin: 0 10px 0 10px; }
div.forum div#thread div.post div.subTitle{font: normal 80% arial; margin: 0 10px 0 10px;}
div.forum div#thread div.post div.body{font: normal 100% arial; margin: 8px 10px 0 10px;}
div.forum div#thread div.spacer{height: 10px; background: #ffffff;}

/* -- FORUM  quick post-------------*/
div.quickPost{}
div.quickPost h2{font: bold 120% arial; margin: 0;}
div.quickPost .multilineTextbox{width: 473px; margin: 0 0 10px 0;}
div.quickPost .standardTextbox{width: 480px; }

/* -- NIFTY ROUNDED CORNERS-------------*/
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}
.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

/* -- Pagination-------------*/
.pageButton, .pageNumber, .pageNumberCurrent{font: bold 80% arial; display: inline-block; border: solid 1px #bfc9cb; text-align: center; }
.pageButton{padding: 3px; margin: 2px; }
.pageNumber{padding: 3px; margin: 2px;}
.pageNumberCurrent{padding: 5px; margin: 2px; background: #01487e; color: White;}

/* ------------------------ coolForm -----------------*/
div.coolForm fieldset { margin-bottom: 10px;}
div.coolForm legend { padding: 0 2px; font-weight: bold;}
div.coolForm label { display: inline-block; line-height: 1.8; vertical-align: top; }
div.coolForm fieldset ol { margin: 0; padding: 0;}
div.coolForm fieldset li { list-style: none; padding: 5px; margin: 0;}
div.coolForm fieldset fieldset { border: none; margin: 3px 0 0;}
div.coolForm fieldset fieldset legend { padding: 0 0 5px; font-weight: normal;}
div.coolForm fieldset fieldset label { display: block; width: auto;}
div.coolForm em { font-weight: bold; font-style: normal; color: #f00;}
div.coolForm label { width: 120px; /* Width of labels */}
div.coolForm fieldset fieldset label { margin-left: 123px; /* Width plus 3 (html space) */}

div.coolForm {width: 732px; }
div.coolForm legend { padding-left: 0; }
div.coolForm legend,div.coolForm label {}
div.coolForm fieldset {border: none;border-top: 1px solid #01487e;	background: url(../images/PostAddBackground.gif) left bottom repeat-x;}
div.coolForm fieldset fieldset { background: none; }
div.coolForm fieldset li {padding: 5px 10px 7px;	background: url(../images/PostAddDivider.gif) left bottom repeat-x;}
div.coolForm .standardTextbox{width: 500px;}
div.coolForm .multilineTextbox{width: 500px;}




/* ... social bookmarks ... */
ul#sharepost{background:transparent url(images/sharepost.jpg) 0 0 no-repeat;list-style:none;width:180px;height:40px;padding:0;margin:10px 0 10px 0;position:relative;}
ul#sharepost li{width:45px;height:40px;list-style:none;margin:0;padding:0;display:block;position:absolute;top: 0;}
ul#sharepost li#share1{left:0;}
ul#sharepost li#share2{left:45px;}
ul#sharepost li#share3{left:90px;}
ul#sharepost li#share4{left:135px;}
ul#sharepost li a, ul#sharepost li a:hover{text-indent:-9999px;text-decoration:none;height:40px;display:block;background-color:transparent;}


/* ... ADMIN ... */
UL.adminLinks LI{display: inline-block; padding: 0 5px 0 0;}




#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/Lightbox2/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/Lightbox2/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }