/* ======================================================================================
 General Styles
====================================================================================== */
 * { 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; } /* for old browser reset to left */
p { line-height:1.3em; margin:1em 0 1em 0.4em; }
a { color:#F30; text-decoration:none; padding:2px 0; }
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; }
h1 { font-size:1.3em; color:#0066CC; padding:10px 0 5px 20px; border-bottom:1px solid #DDD; }
h2 { font-size:1.3em; }
h3 { font-size:1.2em; }
h4 { font-size:1.1em; color:#FF3300; }
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:779px; margin:0 auto; background:#FFF;  }
#contentarea, #footer { border-right:1px solid #026; border-left:1px solid #026; width:779px; }
#contentarea { background:url(/local/images/page/contentbg.gif) repeat-y top center #FFF; border-top:0px solid #036; overflow:hidden ;}
#header { height:180px; min-height:180px; 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; height:120px; clear:both; }
#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 20px ;  }
#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; }

#photo { width:360px; height:250px; border:1px solid #AAA; text-align:center; vertical-align:center; 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:175px; margin:0; text-decoration:none; text-indent:0px; font-size:88%; font-weight:bold; }
#verticalmenu a:hover{ font-size:88%;   border-bottom:1px solid #FFF; background-color:#FFF; color:Maroon; }
#verticalmenu li  { margin:0; padding:0; position:relative; border:0; background:#FFF; }
#verticalmenu ul { position:absolute; list-style:none; top:-1px; left:183px; width:183px; z-index:100; border:1px solid #465773; margin:0; padding:0; }
#verticalmenu a.sectionparent {font-size:94%;   border-bottom:2px solid #FFF; background:#036; color:#FFF;  }
#verticalmenu ul li a.sectionparent  { font-size:88%; margin:0;  padding-top:2px;  background:#D1DBEF; color:#465773; background-image:url(/global/images/ui/arrows/simple/right.gif); background-repeat:no-repeat; background-position:96% 3px;}
#verticalmenu ul li a.sectionparent:hover {font-size:88%;}
#verticalmenu a.sectionparent:hover {border-bottom:2px solid #FFF; background-color:#FFF; color:Maroon; font-size:94%; background-image:url(/global/images/ui/arrows/simple/right.gif); background-repeat:no-repeat; background-position:96% 3px; margin:0; /* padding-top:3px; */}
#verticalmenu a.section { font-size:94%; border-bottom:2px solid #FFF; background:#036; color:#FFF;  }
#verticalmenu a.section:hover { font-size:94%; background:#36C; color:#FFF; border-bottom:2px solid #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;}
#maillink { margin-top :30px;}

/*==================================================================*/
  /*=  Login
  /*==================================================================*/
 #content .login {  padding:2px; width:280px; float:left; }
 #content .login input.text { width:150px; font-size:114%; padding:0;  border:1px 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 ;padding-right:20px; }
  #content .login div.rememberme label {  padding-left :10px;  }
 #content .login div.passwordrecovery { padding:5px; margin:10px 10px 10px 10px; width:200px}
  #content .login p.alert { color:red; margin:10px 0; }
  #content .login div.buttonarea  {clear:both;   padding-top :10px;  border-top:0px;  padding-left:50px; text-align:center ;}
  #content .login div.buttonarea  input { border :1px solid #cccccc; background:#0D63A0; color:#ffffff; font-weight:bold; cursor:pointer;}
   #accounttips ul li {margin:0 0 0 3px;}
    #accounttips{  margin-left :10px;}
   
   
   
/*==================================================================*/
  /*=  News
  /*==================================================================*/ 
  .prheadline{margin-bottom:8px;}