* {font-family: "Trebuchet MS",Trebuchet,Calibri,Tahoma,Arial,sans-serif; font-size: 100%; margin: 0; padding: 0}
body {height: 100%}
img {border: none}
table {border-collapse: collapse}
td {vertical-align: top}
li {margin: 2px}
hr {width: 100%; height: 1px; background-color: #DDD; text-align: left; margin: 20px 0}
h1 {font-size: 120%; font-weight: normal; color: darkred; display: inline}

.center {text-align: center}
.right {text-align: right}

.medium {font-size: 90%}

.padl10 {padding-left: 10px}
.padl20 {padding-left: 20px}
.padr10 {padding-right: 10px}
.padl20 {padding-right: 20px}

.lower {text-transform: lowercase}
.upper {text-transform: uppercase}

.blue {color: #085881}
.red {color: #904949}
.black {color: black}
.center {text-align: center}

a:link, a:visited {text-decoration: none; border-bottom: 1px dotted #DDD; color: #0066DD}
a:hover {text-decoration: none; border-bottom: 1px dotted red; color: red}

a.adminicon {padding-left: 25px; display: block; margin: 10px 0; padding-bottom: 10px; border-bottom: 1px dotted #CCC}

#biponly {padding: 20px; border: 2px solid red; background-color: yellow}

#header, #breadcrumb, #body, #footer, .contentbox1 {width: 966px; text-align: left; color: #4A4945; line-height: 1.7em}
#header {padding: 15px 0 20px 10px; border-bottom: 1px solid #DDD}
#header #logo {border-bottom: 0; position: relative; top: 10px}
#header .nav {float: right; margin-top: 10px}
#header .nav li {display: block; float: left; font-size: 14px; font-weight: bold; height: 49px; margin: 0 6px; text-align: center; text-transform: lowercase; _width: 1px; _white-space: nowrap}
#header .nav li a {color: #999; display: block; height: 38px; text-decoration: none; border: none}
#header .nav li a :hover {color: red}
#header .nav li a span {display: block; height: 40px; padding: 6px 9px 1px 11px}
#header .nav .selected a {background: #DDD}
#header .nav .selected span {background: url(/images/arrow_bottom.png) no-repeat 50% 35px;}
#breadcrumb {padding: 5px 0 10px 10px; font-size: 130%; font-weight: normal; color: black; text-transform: lowercase; border-bottom: 1px solid #DDD; margin-bottom: 10px; line-height: 1.2em}
#breadcrumb a {color: black}
#breadcrumb a:hover {text-decoration: underline}
#breadcrumb p {font-size: 75%; text-transform: none; line-height: 1.2em; margin-top: 5px}

#body {padding: 15px 0; min-height: 600px; height: expression(this.height > 600 ? 600: true)}
#body p {margin-bottom: 20px}

#menu {width: 966px}
#menu li {display: inline; position: relative; width: 312px}
#menu li a {position: relative; width: 312px}
#menu #sub td {white-space: nowrap; border-right: 1px solid black; padding: 0 10px}
#menu #sub td.active {background-color: #66737B}
#menu #sub a:link, #menu #sub a:visited {color: white; text-decoration: none}
#menu #sub a:hover {color: yellow; text-decoration: underline}








#footer {font-size: 12px; border-top: 1px solid #DDD; margin-top: 10px; padding-top: 10px; margin-bottom: 50px}
#footer a {border-bottom: 1px solid #CCC; padding-bottom: 1px}
#footer a:hover {text-decoration: none; border-bottom: 1px solid red; color: red}

.contentbox1 {line-height: 2.0em; text-align: justify}
.contentbox1 b {color: darkred; font-size: 120%}
.contentbox1 img {float: right; margin-top: 10px; margin-left: 30px}

.contentbox2 {line-height: 1.3em; text-align: left; width: 33%; padding-right: 20px; border-right: 1px solid #DDD}
.contentbox3, .contentbox4 {line-height: 1.3em; text-align: left; width: 33%; padding-right: 20px}
.contentbox3 p {line-height: 1.5em; font-style: italic; font-size: 105%; font-family: serif; color: #4A4945}
.contentbox4 p {line-height: 1.2em; color: #4A4945}

.quote {line-height: 1.5em; font-size: 100%; color: #4A4945}

.reportDiv {border: 3px solid #CCC; padding: 10px; margin: 0 0 30px 0}
.report td {white-space: nowrap; padding: 5px 20px 5px 2px; border-bottom: 1px dotted #CCCCCC; border-right: 10px solid white}
.report a {text-decoration: none; border-bottom: 1px solid pink}
.report .header {font-weight: bold; border-bottom: 1px solid black}

.report2 td {white-space: nowrap; padding: 5px 10px ; border-bottom: 1px dotted #CCCCCC; border-right: 10px solid white}
.report2 a {text-decoration: none; border-bottom: 1px solid pink}
.report2 .header {font-weight: bold; border-bottom: 1px solid black}

.services {margin: 0; padding: 20px; border: 0; width: 700px}
.services img {float: left; margin-right: 30px}
.services a {color: #4A4945}
.services a:hover {color: red}
.services b {padding-right: 10px}
