* { margin: 0; padding: 0; }
img { border: 0 }

html { overflow-y: scroll; }
body { font-family: Arial,sans-serif; font-size: 62.5% }
a:focus { outline: 0 }


#wrap0{ text-align:left; width: 1000px; margin: 0 auto; }

#wrap1{ float:left; background:#FFFFFF url(../images/fade/left.jpg) repeat-y top left; }
#wrap2{ float:left; background:url(../images/fade/right.jpg) repeat-y top right;}
#wrap3{ float:left; background:url(../images/fade/bottom.jpg) repeat-x bottom left;}
#wrap4{ float:left; background:url(../images/fade/bottomleft.jpg) no-repeat bottom left;}
#wrap5{ float:left; background:url(../images/fade/bottomright.jpg) no-repeat bottom right; padding:0 21px 15px 20px; }

#container { width: 959px; float: left; }

#header { float: left; height: 69px; padding: 25px 24px 0 20px; width: 915px; position: relative }
#toplinks { float: right; font-size: 0.9em; color: #00275d; text-transform: uppercase; font-family: Verdana  }
#toplinks a { text-decoration: none; color: #00275d; }
#search { position: absolute; top: 50px; right: 24px; padding-right: 15px }
#search input { margin-left: 10px; font-family: Verdana; font-size:11px; color: #999; }
#search .submit { position: absolute; top: 6px; right: 0px; cursor: pointer }


/*top level nav*/
#nav { float: left; width: 959px; height: 21px; background: url(../images/nav-bg.jpg) repeat-x; border-bottom: solid 6px #ffff99; margin-bottom: 1px; font-family: Verdana }
#nav ul { float: left; width: 959px; height: 20px; border-bottom: solid 1px #FFF; list-style-type: none }
#nav li { float: left; background: url(../images/nav-sep.jpg) no-repeat top right; height: 20px; padding-right: 1px }
#nav li a { display: block; line-height: 20px; padding: 0 17px; color: #FFF; text-decoration: none; font-size: 0.9em;  }
#nav li a:hover, #nav .on { background: #345fa5 }

#main { float: left; width: 959px; min-height:449px; height:auto !important; height:449px; padding: 4px 0 0 0 }

/*second level nav*/
#snav { float: left; width: 173px; font-family: Verdana }
#snav ul { list-style-type: none; width: 173px; padding-top: 1px; background: url(../images/dotted-h.gif) repeat-x top left }
#snav li { padding-bottom: 1px; background: url(../images/dotted-h.gif) repeat-x bottom left }
#snav a, #snav li span { display: block; font-size: .9em; color: #001c4a; text-decoration: none; padding: 6px 0 7px 10px; }
#snav a:hover, #snav .on { color: #345fa5 }

/*third level nav*/
#snav ul ul { padding-top: 0px; background: none }
#snav ul ul li { padding-bottom: 0px; background: none }
#snav ul ul li a { display: block; font-size: .9em; color: #345fa5; padding: 0 0 5px 30px; min-height:12px; height:auto !important; height:12px; }
#snav ul ul a:hover, #snav ul ul .on { color: #001c4a; background: url(../images/blue-arrow.gif) no-repeat 12px 3px }



/* main styles */
#left { float: left; width: 156px; padding: 121px 21px 0 40px; text-align: right; }
#left h2 { color: #001c4a; font-size: 16px; font-family: Times New Roman, Serif; font-weight:normal; line-height: 18px}
#left p { color: #666; font-size: 1.1em; margin-bottom: 1.3em }
#left a { color: #001c4a; text-decoration: underline }
#left a:hover { text-decoration: none }


#right { float: left; padding: 52px 42px 20px 0; width: 500px; position: relative; }
#right h1 { color: #001c4a; font-size: 40px; font-family: Times New Roman, Serif; font-weight:normal; margin-bottom: 21px}
#right h2 { color: #001c4a; font-size: 12px; margin-bottom: 7px; font-weight: bold}
#right .heading { color: #345fa5; font-size: 12px; margin-bottom: 7px; font-weight: bold}
#right h3 { color: #666; font-size: 11px; margin-bottom: 0px; font-weight: bold}

#right p { color: #666; font-size: 1.1em; margin-bottom: 1.3em }
#right .small { font-size: 1em }
#right ul { color: #666; font-size: 1.1em; margin-bottom: 1.3em; margin-left: 15px; list-style-type: disc }
#right a { color: #001c4a; text-decoration: underline }
#right a:hover { text-decoration: none }

#right input { float: left; height: 17px; margin-right: 5px; font-family: Arial; font-size: 11px;}

#right #trainee{ float:left; font-size:1.1em; border:solid 0px red;}
#right #trainee h3{font-size:1.8em; font-weight:bold; padding:5px 0 5px 0}
#right #trainee h4{font-size:1.1em; font-weight:bold; padding:5px 0 5px 0}
#right #trainee .section{float:left; clear:both; padding-top:5px;}
#right #trainee .section label{float:left;padding:3px 5px 0 0; width:100px;}
#right #trainee .section input{float:left; clear:right; padding-top:2px; width:150px;}

#right #trainee .sectionlong{float:left; clear:both; padding-top:5px; width:450px;}
#right #trainee .sectionlong label{float:left;padding:3px 10px 0 0; width:200px;}
#right #trainee .sectionlong input{float:left; padding-top:2px; width:20px;}
#right #trainee .sectionlong textarea{float:left; border:solid 1px #001c4a}
#right #trainee .sectionlong select{float:left; width:120px;}

#right #trainee #progress{float:left; width:290px; margin-top:10px; height:20px; clear:both; border:solid 0px green; padding-bottom:70px;}
#right #trainee #progress table{float:left;}
#right #trainee #progress td {float:left; width:20px; background-color:#ff0033; height:20px; border:solid 1px white;}
#right #trainee #progress td.bg{float:left; background-color:#00cc00;}
#right #trainee #progress td.white{float:left; background-color:white; width:250px;}
#right #trainee #progress td.white p{color:Black; font-size:1em; padding-top:5px;}


#footer { float: left; width: 959px; background: url(../images/footer-bg.jpg) repeat-x; height: 14px; font-size: 1em; color: #FFF; }
#fleft { float: left; padding-left: 7px; }
#fright { float: right; text-align: right; padding-right: 7px }
#footer a { color: #FFF; text-decoration: none }

#fleft, #fright { filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: .8; -khtml-opacity: .8; opacity: .8; }

#pubnav { float: left; width: 527px; margin: 5px 0 0 0; border-bottom: dotted 1px #001d49; width: 527px; padding: 5px 0 }
#pubnav form { float: right }
#pubnav form select { float: left; height: 19px; margin-right: 5px; font-family: Arial; font-size: 11px; width:160px }

#pagenumbers { float: left; clear: left; font-size: 11px; line-height: 17px; }
#pagenumbers a { color: #000; text-decoration: none }
#pagenumbers a:hover { text-decoration: underline }
.pagelinkselect { font-weight: bold }

.pdf { float: left; clear: left; width: 527px; border-bottom: dotted 1px #001d49; padding: 10px 0 10px 0 }
.noborder { border-bottom: 0;}

.pdfleft { float: left; width: 40px; }
.pdf h2 { float: left }
#right .pdf h2 a {  }
#right h2 em { font-size: 11px; font-style: normal }
.pdf p { float: left; clear: left; width: 487px }
.pdfright { float: left; width: 487px  }

#lettersearch { margin: -6px 0 0 -6px }
#lettersearch a { padding: 0 6px; text-decoration: none }
#lettersearch .on { font-weight: bold }

#right .contact {  }
#right .contact img { padding-right: 3px; vertical-align: middle }