/* ======================================================================================
 General Styles
====================================================================================== */
/*#content * { margin:0; padding:0; border:0; font-family:Verdana, Helvetica, Arial, Sans-Serif; }*/
 body { font-size:0.7em; background:url(/local/images/page/bg.jpg) top center #FFF; text-align:center; color:#333; padding-bottom:20px; }
div { text-align:left; font-size:11px; font-family:Verdana,Helvetica,Arial,Sans-Serif;} /* for old browser reset to left */
#content p { line-height:1.3em; margin:1em 0 1em 0.4em; }
#content a { color:#F30; text-decoration:none; padding:2px 0; }
#content a:hover { color:#F66800; background-color:#FFF7EB; }
img { border:0; }
ul { margin:10px 0 5px 30px; list-style:square; }
ol { padding-left:10px; margin:5px 0 5px 20px; }
li { vertical-align:middle; }
ul li { padding:0 0 5px 0; }
ol li { margin:2px 0 8px 0; }
hr { height:1px; border:0; border-bottom:1px solid #CCC; margin-top:5px; clear:both; }
dt { font-weight:bold; margin-top:10px; }
dd { padding-left:10px; }
blockquote { margin:10px 20px; }
p.clear { clear:both; height:1px; line-height:1px; margin:0; padding:0; overflow:hidden; }
hr { height:1px; border:0; border-bottom:1px dashed #ccc; margin:0; padding:0; overflow:hidden; }
.center { text-align:center; }
.right { float:right; margin-left:10px; }
table { border-left:1px solid #CCC; border-top:1px solid #CCC;  clear :both; }
th { background-color:#666; color:#FFF; padding:5px; }
tbody td { padding:3px 5px; border-right:1px solid #CCC; border-bottom:1px solid #CCC;  }


h2, h3, h4 { color:#003584; }
#content h1 { font-size:1.3em; color:#0066CC; padding:20px 0 5px 15px; border-bottom:1px solid #DDD; }
#content h2 { font-size:1.3em; }
#content h3 { font-size:1.2em; }
#content h4 { font-size:1.1em; color:#FF3300; }
#content h5 { font-size:1.1em; margin-top:15px; }

#page { background:url(/local/images/page/pagebg.jpg) repeat-y top center #FFF; }
#header, #contentarea, #footer { width:752px; margin:0 auto; background:#FFF; }
#contentarea, #footer { border-right:1px solid #026; border-left:1px solid #026; width:750px; }
#contentarea { background:url(/local/images/page/contentbg.gif) repeat-y top center #FFF; border-top:6px solid #036; }
#header { height:157px; min-height:150px; background-repeat:no-repeat; background-color:#0066CC; background-position:top left; border-bottom:1px solid #FFF;  }
#header h1 { display:none; }

#footer { border-bottom:1px solid #026; }
#footer p.copyright { font-size:0.8em; color:#FFF; text-decoration:none; background-color:#036; line-height:2.2em; height:2.2em; text-align:center; margin:0; }
#footerleft, #footerright { color: #666666; text-decoration: none; width:45%; padding:10px; }
#footerleft { float:left; }
#footerright { float:right; text-align:right; }
.highlight center {  width:20px;}

.content {padding:10px 10px 20px 10px ;  }
#content { width:580px; overflow:hidden; _width:570px;}
#contentwrapper { padding:15px; margin-bottom:20px; }

.highlights { margin:5px 0; }
.highlights a.highlight { color:#F30; border:1px solid #EEE; width:135px; }
.highlights a.highlight:hover { color:#F66800; background-color:#FFF7EB; border:1px dotted #F66800; }
.highlight { float:left; width:145px; margin-right:3px; padding:15px 8px; overflow:hidden; min-height:145px; _height:145px; }
.didyouknow { padding:5px; padding-left:50px; border:1px solid #DDD; background:url(/lib/img/icons/40/help.gif) no-repeat 5px 5px #F4F4F4; }
.didyouknow h5{ font-size:1.3em; color:#003399; margin:10px 0 8px 0; }
.didyouknow p { margin:0; padding:0; }
.mainfeature { width:195px; background:url(/lib/img/icons/30/pfd.gif) no-repeat 95% 10px #FFFFEE; border:1px dotted #F66800; }
.mainfeature a, .mainfeature a:hover { border:0; }
.mainfeature h5 { padding-right:35px; }

.smallalert { padding-left:25px; background:url(/lib/img/icons/20/alert.gif) no-repeat; color:#F33; font-weight:bold; }
#links { margin-top:15px; }
#links dt { font-weight:normal; border-bottom:1px solid #DDD; padding:4px 0; margin:0; }


#directory { margin-top:20px; }
#directory div{ float:left; width:240px; margin:2px; border:1px solid #CCC; padding:5px 10PX; min-height:13em; _height:13em;  }
#directory h3{ margin:0; padding:0; }

#download { margin-top:10px; }
#download div{ float:left; width:240px; margin:2px; border:1px solid #CCC; padding:5px 10PX; min-height:13em; _height:13em;  }

#photo { width:360px; height:250px; border:1px solid #AAA; text-align:center; vertical-align:middle; overflow:hidden; padding:10px; padding-bottom:35px; }
#photo em{ display:block; font-size:0.8em; color:#999; padding:5px 10px; }
.photogroup img { width:70px; height:40px; overflow:hidden; margin-right:2px; border:1px solid #668; }
.photogroup h4 { margin:15px 0 5px 0; }

#photogallery a { display:block; float:left; height:120px; margin:0 0 5px 5px; } 
#photogallery img { padding:2px; background-color:#fff; border:1px solid #CCC; }
#photogallery h4 { font-size:1.1em; margin-bottom:15px; }

div.chart { text-align:left ; background-color:#369; color:#FFF; padding:10px; margin:0 auto; border:1px solid #336;clear:both; }
div.chart ul { list-style:none; margin:10px 0; padding:0; }
div.chart li{ clear:both; }
div.chart label { float:left; width:150px; font-weight:bold; }
div.chartarea { width:45%; float:left; background-color:#FFF; color:#333; margin:10px 20px 20px 0; border:2px solid #000; padding:10px; }

.newshead { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003366}
.newssubhead { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #003366}
.white { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #FFFFFF}



#leftmenuarea { width:170px; float:left; overflow:hidden; }
#leftmenuarea div { }



#verticalmenu { position:relative;  top:10px; margin:0; padding:0; list-style:none; }
#verticalmenu a { border:0;  border-bottom:1px solid #FFF; background:#D1DBEF; color:#465773; display:block; padding:5px 4px; width:162px; margin:0; text-decoration:none; text-indent:0px; font-size:92%; font-weight:bold; }
#verticalmenu li  { margin:0; padding:0; position:relative; border:0; background:#FFF; }
#verticalmenu ul { position:absolute; list-style:none; top:-1px; left:170px; width:170px; z-index:100; border:1px solid #465773; margin:0; padding:0; }

#verticalmenu a.parent, #verticalmenu a.parent:hover { border-bottom:2px solid #FFF;  font-size:100%;  background-image:url(/global/images/ui/arrows/simple/right.gif); background-repeat:no-repeat; background-position:96% 6px; }
#verticalmenu a.parent { background-color:#D1DBEF;}
#verticalmenu a:hover, #verticalmenu a.parent:hover { background-color:#FFF; color:Maroon; }
#verticalmenu a.section { font-size:100%;   border-bottom:2px solid #FFF; background:#036; color:#FFF;  }
#verticalmenu a.section:hover { background:#36C; color:#FFF; }


#leftmenuarea {  text-align:left; overflow:hidden; z-index:2; overflow:visible;  }


#links { float:none ;  margin-left:30px; margin-top :50px;}
#mnflist { float:none ;  margin-left:40px; margin-top :10px;}
#mnflist dt { font-weight:normal; border-bottom:1px solid #DDD; padding:4px 0; margin:0; }
.mnf { text-decoration:none; margin-left:40px;}
#mnflist ul { list-style:none;}


/*==================================================================*/
  /*=  Login
  /*==================================================================*/
 #content .login {  padding:2px; width:280px; float:left; }
 #content .login input.text { width:150px; font-size:114%; padding:0;  border:0.5px solid #668; }
  #content .login div.clearafter label { display:block; width:80px; text-align:right; float:left; padding:3px 10px 0 1px; }
 #content .login div.rememberme {padding:5px 0 5px 10px; margin:5px 5px 5px 5px; border-top:1px dotted #06234B;  }
 #content .login div.rememberme em { display:block; padding-left:27px; font-size:82%; font-style:normal; float :left  }
  #content .login div.rememberme label {  padding-left :10px;  }
 #content .login div.passwordrecovery { padding:5px; margin:10px; width:200px}
  #content .login p.alert { color:red; margin:10px 0; }
  #content .login div.buttonarea  { padding-top:30px; background :#fff; border-top:0px;  text-align:center ;}
   #accounttips ul li {margin:0 0 0 3px;}
    #accounttips{  margin-left :10px;}
    
    
.gallerywidnow {border:5px solid #CCCCCC;left:50%;margin-left:-300px;min-height:300px;overflow:hidden;padding:10px; position:absolute;
  top:50px;width:600px;z-index:10000;}
.square1, .square2 {background:#FFFFFF none repeat scroll 0%;border:1px solid #999999;cursor:pointer;padding:2px;position:absolute;top:20px;}
.square1 {left:10px;}
.square2 {right:10px;}
.square {
margin:10px auto;
min-width:70px;
padding:3px;
text-align:center;
}
.square img {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #999999;
padding:2px;
}
.nonselectedsquare {
border:3px solid #FFFFFF;
float:right;
margin-left:3px;
min-width:70px;
padding:3px;
}
#galldiv ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}


#ImageGallery {
padding:0pt 2px;
}
#ImageGallery img {
border:1px solid #FFFFFF;
}
#ImageGallery img.current {
border:1px solid #FF0000;
}