﻿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-image: url(images/shortButton.png);
	background-repeat: 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;
}

/* ... 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;}

/* End Left Navigation */
/* End Parent Left Column ----------------------------------------------------------------------- */


/* 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;}
#rightcolumn h1 a{text-decoration: none;color: #01487e;}
#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; }

DIV.fishCell{width: 120px; height: 150px; margin: 3px 0 0 7px; float: left; background: #ffffff url(images/fishCellBack.png) repeat-x 0 0;}
DIV.fishCell A.title{height: 30px; width: 115px; text-decoration: none; color: #01487e; margin: 0 auto; display: block; font: bold 100% arial; padding: 3px;}
DIV.fishCell DIV.body{}
DIV.fishCell 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;}

/* End Parent Right Column ----------------------------------------------------------------------- */






/* 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: 10pt;
	font-weight: bold;
	padding: 8px 5px 0 0;
	margin: 3px 0 0 0;
}
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 .chk
{
	float: left;
	text-align: left;
	width: 359px;
	padding: 8px 0 0 0;
}
div.standardForm .chk input
{
	border-style: none;
	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;
}