* { padding: 0; margin: 0;  }

html { overflow-y: scroll }
body { font-family: Trebuchet MS, Arial, Sans-Serif; background:#f4f4f4;  }

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

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

#top { float: left; width: 751px; padding: 0px 0px 0 10px; border-bottom:solid 8px #37c7f4;}
#top img { float: right; }
#top h1 { float: left; width: 473px; padding:67px 0 0 0; color: #37c7f4; font-size: 18px; font-family: Arial }
#top h1 a { font-size: 25px; font-weight:normal; font-family:Trebuchet MS; color: #37c7f4; text-decoration: none }

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

#left { float: left; width: 189px; background: #dcdcdd }
#left ul { list-style-type: none; width: 189px; margin:8px 0 0px 0; }
#left li { float: left; clear: left; width: 189px; font-size: 10px; border-bottom:solid 1px #eeeeef; }
#left .last { background: none; border-bottom:0px; }
#left li a { width: 179px; color: #333333; text-decoration: none; line-height: 17px; padding:1px 0 1px 10px; display: block;  background: url(../images/pnav.gif) no-repeat 97% 0; }
#left li a:hover, #left .on { color: #0085c7; background:#ededee url(../images/pnav-on.gif) no-repeat 97% 0;  }
#left ul ul { margin-top: 1px;}
#left li li { padding-bottom: 0px;  border-bottom: solid 1px #ffffff;  background:#efefef;}
#left li li a { width: 165px; color: #333; padding-left: 24px; line-height: 17px; height: 17px; display: block; background:none; }
#left li li a:hover, #left li li .on { color: #333; background: #e5eaec; }

#loginform{ float:left;  font-size:10px; color:#FFF; margin:8px 0 0 0; padding:14px 11px 0px 8px; background:#37c7f4; 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: 572px; background:#FFFFFF; }

#text { float: left; width: 356px; padding: 17px 0px 20px 14px;  }
#text p { font-size: 12px; margin-bottom: 12px; color: #333 }
#text h2 { font-size: 22px; color: #37c7f4; font-weight: normal; margin-bottom: 19px; }
#text h3 { font-size: 18px; color: #004c9d;  font-weight: bold; margin-bottom: 0px; }
#text ul { font-size: 11px; margin-bottom: 11px; margin-left: 15px; color: #333 }
#text a { color: #0087C8 }
#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, .frm textarea { float: left; margin-bottom: 3px;  }
.frm br { clear: left }
.frm .sub { clear: both; float: right; margin-bottom: 0 }

.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: right; width: 165px}
#images img { margin-bottom: 0px; 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:19px 0 9px 10px; width: 751px; background:#f4f4f4 url(../images/footerbg.gif) repeat-x top left; } 
#fleft { float: left; font-size:10px; font-family: Tahoma; color: #37c7f4; width: 302px; }
#fright { float: right; font-size:10px; font-family: Tahoma; color: #37c7f4;width: 302px; text-align:right; }
#footer a { color: #37c7f4; text-decoration: none }
#footer a:hover { text-decoration: underline; }

#wfsequence{ list-style-type:none; width:200px;}
#nums{ float:left;}
#nums li,.wf{ cursor:move; font-size:12px; font-weight:bold; width:200px; margin:0 0 1px 0; padding:4px 0 4px 10px; border:solid 1px #cccccc; background:#eeeeee; list-style: none;}
#nums li{ width:20px; margin:0 1px 1px 0;}
.wf:hover{ background:#e5f5f5;}