﻿
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-image: url(images/standardButton.png);width: 80px; height: 24px;	padding: 6px 0 0 0;	display: block;	text-decoration: none;color: White;	font-family: arial;	font-weight: bold; font-size: 10pt;text-align: center;}
p{margin: 10px;}

/* 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 10px 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 input{width: 100px;float: left;padding: 3px;font-size: 12pt;font-weight: bold;margin: 0 3px 0 0;color: #01487e;}
#leftcolumn .search .label{margin: 13px 0 0 17px;}
#leftcolumn .search .standardButton{background: url(images/shortButton.png) no-repeat;width: 40px;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;float: left;}
#leftcolumn .search .control{padding: 30px 0 0 11px;}

/* Generic Box */
#leftcolumn .leftbox2{margin: 0px 0px 10px 0px; border-top: 1px solid #ccc;}

/* 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 {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 0;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{float: left;text-align: right;width: 150px;font-size: 12pt;font-weight: bold;padding: 8px 5px 0 0;margin: 3px 0 0 0;}
div.standardForm .label div.instruction{font-size: 8pt; font-style: italic;}
div.standardForm .control{float: left;text-align: left;width: 359px;padding: 8px 0 0 0;}
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;}

/* -- SHADOW IMAGES -------------*/
.img-shadow{ float:left; 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: 400px;}
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 div.threadListing{margin: 10px;}
div.forum div.threadListing div{float: left;}
div.forum div.threadListing div.left{width: 60%;}
div.forum div.threadListing div.left div.title{font: bold 120% arial; width: 100%;}
div.forum div.threadListing div.left div.author{font: normal 100% arial; color: #fe860c; width: 100%;}
div.forum div.threadListing div.threadViews{width: 10%;}
/* ... 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;}

