* { padding: 0; margin: 0;  }

html { overflow-y: scroll }
body { font-family: Verdana, Geneva, Arial, Sans-Serif;  }

#dims{ text-align:left; width: 756px; margin: 0 auto; }

#sitearea { float: left; width: 756px; position: relative  }

#top { float: left; width: 722px; height: 67px; padding: 18px 20px 0 14px; background: url(../images/header-bg.gif) repeat-x bottom left; margin-bottom: 3px }
#top img { float: right; }
#top h1 { float: left; width: 473px; color: #d43533; font-size: 14px; font-family: Arial }
#top h1 a { font-size: 22px; color: #00489b; font-weight: bold; text-decoration: none }

#main { float: left; width: 756px; position: relative; background: url(../images/page-bg.gif) repeat-y top left }

#left { float: left; width: 189px; position: absolute; top: 0px; left: 0px; background: #FFF }
#left ul { list-style-type: none; width: 189px; }
#left li { float: left; clear: left; width: 189px; font-family: Arial; font-size: 10px; padding-bottom: 1px; }
#left .last { background: none }
#left li a { width: 183px; color: #FFF; text-decoration: none; padding-left: 6px; line-height: 17px; height: 17px; display: block; background: #0e5491 url(../images/pnav.jpg) no-repeat; }
#left li a:hover, #left .on { color: #FFF; background: #d02c1c url(../images/pnav-on.jpg) no-repeat; }
#left ul ul { margin-left: 12px; width: 177px; margin-top: 1px }
#left li li { padding-bottom: 0px; border-bottom: solid 1px #99b6cf; width: 177px;}
#left li li a { width: 177px; color: #333; padding-left: 0px; line-height: 17px; height: 17px; display: block; background: none; }
#left li li a:hover, #left li li .on { color: #333; background: #d1dee9 url(../images/snav-on.gif) no-repeat; }

#hys { float: left; width: 189px; background: #004a8b; text-align: center;padding-top: 24px; }
#hys img { border: 0;margin-bottom:6px; }

#loginform{ float:left; bottom: 0px; left: 0px; z-index: 10; font-size:10px; color:#FFF; padding:10px 11px 0px 8px; background:#00325e url(../images/login-bg.jpg) repeat-x; font-family: Verdana; }
#loginform div{ float:left; width: 170px; padding-bottom: 10px }
#loginform input{ font-size:10px; width: 167px; margin-bottom: 4px; font-family: Verdana;  float: left }
#loginform label { width: 55px; color: #FFF; padding-bottom: 7px; float: left }
#loginform p{ padding:0 0 11px 0; color: #FFF}
#loginform .sub{ float:right; background:transparent; font-weight: bold; border:0px; cursor:pointer; color:#FFF; margin:0 0 0 55px; width: auto; font-family: Verdana;}
#loginform a{ color:#FFF; font-weight:bold;}

#right { float: left; width: 567px; min-height: 402px; height: auto!important; height: 402px; position: relative; left: 189px;}


#text { float: left; width: 311px; padding: 22px 57px 0 32px;  }
#text p { font-size: 12px; margin-bottom: 12px; color: #333 }
#text h2 { font-size: 18px; color: #e4331f; font-weight: bold; margin-bottom: 19px; }
#text h3 { font-size: 14px; color: #004c9d; font-weight: bold; margin-bottom: 5px; }
#text ul { font-size: 12px; margin-bottom: 11px; margin-left: 15px; color: #333 }
#text a { color: #e4331f }
#text a:hover { text-decoration: none }

.frm{ border:solid 1px #666; background:#eee; padding:10px; margin-bottom: 14px; float: left}
.frm label{ display:block; width:130px; float: left;font-size: 11px; color: #333; padding-top: 2px; }
.frm input, .frm select { float: left; margin-bottom: 3px }
.frm br { clear: left }
.frm .sub { clear: both; float: right; margin-bottom: 0 }
.frm span { float: left; font-size: 11px; color: #333; margin-bottom: 5px; width: 270px; padding-left: 5px}
#text .frm p { font-size: 11px; }

.linkbox{ border:solid 1px #666; background:#eee; padding:10px 4px 10px 4px; margin:0 0 10px 0; font-size :0.7em}
.pdflink{ padding:0 0 10px 25px; background:url(../images/icon_pdf.gif) no-repeat top left;}
.intlink{ padding:0 0 10px 25px; background:url(../images/link_go.gif) no-repeat top left;}
.weblink{ padding:0 0 10px 25px; background:url(../images/world_link.gif) no-repeat top left;}
.right { text-align: right }

#images { float: left; width: 167px}
#images h2 { font-size: 18px; color: #e4331f; font-weight: bold; margin-bottom: 19px; }
#news { float: left; background: #004a8b; width: 138px; height: 99px; margin-bottom: 14px; color: #FFF; padding: 13px 14px 0 14px }
#news h2 { font-size: 11px; font-weight: bold; font-family: Verdana; line-height: 14px; margin-bottom: 6px }
#news p { font-size: 10px; font-weight: normal; font-family: Verdana; line-height: 12px; margin-bottom: 7px }
#news .more { font-size: 11px; font-weight: bold; float:right; font-family: Verdana; text-decoration: none; color: #FFF }
#images img { margin-bottom: 14px; float: left; clear: left; }
#mission { float: left; width: 535px; height: 31px; background: #dd0101; padding-left: 221px; margin-top: 1px }
#mission p { line-height: 31px; color: #FFF; font-size:11px }
#consense { float: left; width: 535px; height: 14px; background: #004e9e; padding-left: 221px }
#consense p { line-height: 14px; color: #FFF; font-size:10px; font-family: Tahoma }
#consense a { color: #FFF; text-decoration: none }

#footer { float: left; padding:9px 0 9px 19px; width: 737px; } 
#fleft { float: left; font-size:10px; font-family: Tahoma; color: #e4331f; width: 202px; }
#fright { float: left; font-size:10px; font-family: Tahoma; color: #e4331f }
#fleft a { color: #e4331f; text-decoration: none }

.headline{font-size:10px; color:#e4331f; float:left; clear:both; padding-bottom:15px; width:167px;}
.headline a { color: #e4331f }
.headline a:hover { text-decoration: none }