body{background-image:url("/images/design.jpg"); font-family:verdana, arial, sans-serif; color:#000000; font-size:10pt;}

#container{margin:0 auto; width:770px; background:#ffffff;}
#banner{background:#ffffff url("/images/upperbackground.jpg");}
#banner img{float:left; border:0; width:164px;}
#tagline{float:right; height:28px; width:367px;}
#tagline img{width:367px; height:25px;}

/* classes for the horizontal nav */
#navBar{clear:right; float:right; width:606px; background:#009999 url("/images/navBarBG.gif") repeat-x; text-align:center;}
#nav, #nav ul{padding:0; margin:0 auto; width:606px; list-style:none; line-height:1; z-index:1000; height:32px;}
#nav li{background:transparent; float:left; width:60px; text-align:center; postion:relative;} /* width needed or else Opera goes nuts */
#nav a{display:block; text-decoration:none; margin:0; color:#ffffff; padding:10px 0 10px 0; font-size:9pt; font-weight:bold;} 
#nav li:hover a, #nav li.hover a, #nav li.sfhover a{color:#000000;}
#nav li:hover, #nav li.sfhover{position:static; font-weight:bold; background:transparent;}
#nav ul li:hover, #nav ul li.sfhover{position:static; font-weight:bold; background:#CCFFFF;} /* fix for IE7 having sticky menus */
#nav li ul a{padding:4px; font-weight:normal; font-size:8pt; color:#000000;}
#nav li li:hover a, #nav li li.hover a, #nav li li.sfhover a{color:#000000}
#nav li li{background:#99cccc;}
#nav li ul{position:absolute; width:140px; left:-999em;}
#nav li ul li{float:left; width:140px; background:#99CCCC; border:1px solid #8097c4; text-align:left;}
#nav li:hover ul, #nav li.sfhover ul{left:auto;}
/* end of horizontal nav classes */

#content{clear:right;}
#leftCol{width:164px; background-image: url("/images/leftnavbackground.jpg"); vertical-align:top; text-align:center;}
#leftCol a{color:#ffffff;}
#leftCol p{font-family:Trebuchet MS, verdana, sans-serif; color:#000000; margin:10px 8px 8px; font-size:10pt;}
#leftCol .teal{color:#009999;}

p.headline {font-family:Trebuchet MS, verdana, sans-serif; font-weight:bold; color:#009999; margin:10px 0;	font-size:12pt;}

#footer{background-image: url("/images/footerbackground.jpg"); font-family:Trebuchet, verdana, sans-serif; color:#ffffff; font-size:8pt; padding:10px 0; text-align:center;}
#footer a{color:#ffffff;}

td.main {font-family:arial, verdana, sans-serif; background:#FFFFFF; font-size:10pt; padding:10px 8px 8px 8px;}

a:link{color:#009999;font-weight: bold;}
a:active{color:#009999;font-weight: bold;}
a:visited{color:#009999;font-weight: bold;}
a:hover{color:#009999;font-weight: bold;}

a.white {color:#000000}

a.footer:link { color: #FFFFFF; text-decoration: none }
a.footer:active { color: #FFFFFF; text-decoration: none }
a.footer:visited { color: #FFFFFF; text-decoration: none }
a.footer:hover { color: #FFFFFF; text-decoration: underline }

a.leftside:link { color: #FFFFFF; text-decoration: none }
a.leftside:active { color: #FFFFFF; text-decoration: none }
a.leftside:visited { color: #FFFFFF; text-decoration: none }
a.leftside:hover { color: #FFFFFF; text-decoration: underline }