* { padding: 0; margin: 0 }
img { border: 0 }
html { overflow-y: scroll }
a:focus { outline: 0 }
body { font-family: Arial, helvetica, Sans-Serif; font-size: 62.5%; background: #e8f0f8; margin-top: 2px }
h2 { color: #3399cc; font-size: 14px; font-weight: bold; margin-bottom: 14px }
h3 { color: #3399cc; font-size: 11px; font-weight: bold; margin-bottom: 2px }
p { color: #666; font-size: 11px; margin-bottom: 11px; line-height: 12px; }
.intro { font-weight: bold }
u { text-decoration: none }

#wrap0{ text-align:left; width: 793px; margin: 0 auto;}
#wrap1{ float:left; background:#FFFFFF url(../images/box/left.jpg) repeat-y top left; }
#wrap2{ float:left; background:url(../images/box/top.jpg) repeat-x top left;}
#wrap3{ float:left; background:url(../images/box/right.jpg) repeat-y top right;}
#wrap4{ float:left; background:url(../images/box/bottom.jpg) repeat-x bottom left;}
#wrap5{ float:left; background:url(../images/box/topleft.jpg) no-repeat top left;}
#wrap6{ float:left; background:url(../images/box/topright.jpg) no-repeat top right;}
#wrap7{ float:left; background:url(../images/box/bottomleft.jpg) no-repeat bottom left;}
#wrap8{ float:left; background:url(../images/box/bottomright.jpg) no-repeat bottom right; padding:14px 14px 20px 13px; }

#container { float: left; background: #FFF url(../images/page-bg.gif) repeat-y; width: 765px}

#header { float: left; width: 765px; height: 100px; border-bottom: solid 8px #00549c; background: #FFF }
#header h1 { float: left; font-size: 25px; font-weight: normal; line-height: 35px; margin: 32px 0 0 11px }
#header h1 a { color: #00549c; text-decoration: none }

#logo { float: right; height: 100px }

#left { width: 193px; float: left; background: #c7dbed; padding-top: 13px; overflow: hidden }
#left ul { float: left; width: 180px; list-style-type: none }
#left ul li { float: left; clear: left; width: 180px; border-bottom: solid 1px #dee8f2 }
#left .last { border-bottom: solid 1px #c7dbed }
#left ul a { width: 144px; line-height: 12px; color: #000; text-decoration: none; display: block; font-weight: normal; font-size: 1.1em; padding: 5px 25px 5px 11px; background: url(../images/nav-arrow.gif) no-repeat top right } 
#left ul a:hover, #left ul .on { width: 157px; background: #6398c4 url(../images/nav-arrow-on.gif) no-repeat 172px 0}
#left ul a { width: 144px; line-height: 12px; color: #000; text-decoration: none; display: block; font-weight: normal; font-size: 1.1em; padding: 5px 25px 5px 11px; background: url(../images/nav-arrow.gif) no-repeat top right } 
#left ul ul li { float: left; clear: left; width: 193px; border-bottom: 0 }
#left ul ul { float: left; width: 193px; list-style-type: none; background: #FFF; padding: 3px 0 }
#left ul ul a { background: none; padding: 3px 0 3px 11px; width: 185px; font-size: 10px } 
#left ul ul a:hover, #left ul ul .on { width: auto; background: none; color: #6398c4 }

#loginform{ float:left; font-size:1.1em; color:#FFFFFF; padding:10px 0 10px 9px; width: 184px; background: #206fb6; margin-top: 14px }
#loginform div{ float:left; width:191px; height:90px;}
#loginform input{ font-size:11px; }
#loginform label { width: 57px; float: left; font-weight: normal}
#loginform p{ padding:0 0 4px 0; color: #FFF; margin-bottom: 0px; line-height: 12px}
#loginform .sub{ float:left; background:transparent; border:0px; width: auto; cursor:pointer; color:#FFFFFF; margin:0 0 0 55px; }
#loginform .txt{ width: 107px; height: 14px; }
#loginform .sub:hover{ color:#333333;}
#loginform a{ color:#FFF; font-weight:bold;}

#main { float: left; width: 572px; min-height: 432px; height: auto !important; height: 432px; position:relative; background: #FFF }
#right { width: 400px; float: left; overflow: hidden  }
#pics { position: absolute; top: 0px; right: 0px; width: 200px }
#pics img { float: left; clear: left }
#text { float: left; padding: 13px 15px 13px 15px; min-height: 348px; height: auto !important; height: 348px; width: 342px; position:relative; background: url(../images/main-fade.jpg) repeat-x top left  }
#text h2 { color: #3399cc; font-size: 1.4em; font-weight: bold; margin-bottom: 1.4em }
#text p { color: #000; font-size: 1.1em; margin-bottom: 1.1em; line-height: 1.2em; }
#text ul, #text ol { margin-left: 15px; margin-bottom: 11px; }
#text li { color: #000; font-size: 1.1em; line-height: 1.2em }
#text a { color: #2c9acf; }
#text .intro { font-weight: bold }
#links select { color: #000; font-size: 1.1em; margin-bottom: 1.1em; line-height: 1.2em }
#links input { color: #000; font-size: 1.1em; margin-bottom: 1.1em; line-height: 1.2em }

#tbg { position: absolute; top: 0px; left: 0px; width: 372px; height: 58px; background: #00549c; filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity: .5; z-index: 3 }
#title { float: left; width: 572px; height: 40px; z-index: 4; position: relative; padding: 18px 0 0 12px }
#title h1 { color: #FFF; font-weight: normal; font-size: 23px; line-height: 23px }

#footer { float: left; clear: left; width: 765px; height: 17px; background: #00549c; line-height: 17px; color: #FFF; font-size: 10px }
#fleft { float: left; width: 200px; padding-left: 6px }
#fright { float: right; width: 200px; padding-right: 6px; text-align: right }
#fright a { color: #FFF; text-decoration: none }

.frm{ border:solid 1px #b4c6c9; background:#eef2f3; padding:10px; margin-bottom: 1.4em; float: left}
.frm label{ display:block; width:130px; float: left;font-size: 11px; color: #000; padding-top: 2px; }
.frm input, .frm select { float: left; margin-bottom: 3px }
.frm br { clear: left }

.linkbox{ border:solid 1px #b4c6c9; background:#eef2f3; padding:10px 4px 10px 4px; margin:0 0 10px 0;}
.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 }
#text a.faqlink{ text-decoration:none; font-weight:normal;}
.right { text-align: right }