/* blue: #028; grey text: #666 */

body {
margin: 25px 50px 50px 50px;
padding: 0;
background: #888 url(assets/site_bg.gif) repeat-x;
font: 100% Trebuchet, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

/* General Typography */
h1 { margin: 0; padding: 0; font-weight: normal; font-size: 2em; }
h2 { margin: 0; padding: 0; font-weight: normal; font-size: 1.2em; }
h3 { margin: 0; padding: 0; font-weight: normal; font-size: 1.4em; }
h4 { margin: 0; padding: 0; font-weight: normal; }
h5 { margin: 0; padding: 0; font-weight: normal; }
p, li { margin: 0; padding: 0; font-size: 0.9em; }
a { color: #028; text-decoration: none; }
a:hover { color: #f00; text-decoration: underline; }

/* Span Classes */
.white { color: #fff; }
.bold { font-weight: bold; }
.blue { color: #028; }
.boldblue { color: #028; font-weight: bold; }
.clear { clear: both; }
.offleft { position: absolute; left: -999px; width: 990px; visibility: hidden; }
.w3c { border: none; }
.inlinepic { margin: 0 10px; border: 0; }

/* Control */
#wrapper1, #wrapper2, #wrapper3, #wrapper4, #wrapper5, #wrapper6, 
#wrapper7, #wrapper8, #wrapper9, #wrapper0 { margin: 0; padding: 0; background: #fff; }

#header {
border: 0;
margin: 0;
height: 85px;
background: #fff;
}
#header img { border: 0; }
#header p { position: absolute; top: 20px; right: 70px; text-align: left; padding: 15px 5px 0 15px; color: #666; }

#menu {
margin: 0; 
padding: 0; 
color: #028;
background: #888 url(/assets/menu_bg.gif) repeat-x;
text-align: right;
position: relative; 
top: 0;
}
#menu ul {
padding: 5px 10px 5px 5px;
margin: 0;
}
#menu ul li {
list-style: none;
display: inline;
line-height: 1em;
font-size: 0.9em;
}
#menu ul li a {
padding: 2px 5px;
text-decoration: none;
color: #fff;
font-weight: normal;
}
#menu ul li a:hover { 
color: #028; 
text-decoration: underline; 
}

#wrapper1 #menu li#tab1 a, #wrapper2 #menu li#tab2 a,
#wrapper3 #menu li#tab3 a, #wrapper4 #menu li#tab4 a,
#wrapper5 #menu li#tab5 a, #wrapper6 #menu li#tab6 a,
#wrapper7 #menu li#tab7 a, #wrapper8 #menu li#tab8 a 
{ font-weight: bold; text-decoration: none; color: #028; }

#picstrip { position: relative; top: 0; display: block; background: #fff; }
#picstrip h1 {
color: #028;
padding: 10px 15px 15px 15px;
float: left;
}
#picstrip img { float: right; }
#picstrip #flash { float: right; }

#clear { clear: both; height: 5px; }

#sidebar { 
clear: both; 
width: 200px; 
height: 100%;
margin: 15px 15px 0 15px;
background: #028 url(/assets/sidebar_top.gif) no-repeat;
color: #fff;
float: left;
}
#sidebar h4 { margin: 0; padding: 15px; color: #999; }
#sidebar h5 { margin: 0; padding: 0 15px; color: #999; }
#sidebar p { margin: 0; padding: 0 15px 15px 15px; }
#sidebar a { color: #fff; }
#sidebar a:hover { text-decoration: underline; }
#sidebar img { margin: 0 15px; border: 0; }

#maincontent {
color: #666;
margin-top: 15px;
padding: 0 15px 15px 215px;
background: #fff url(assets/maincontent_bg.gif) repeat-y; 
}
#maincontent h2 { margin: 0; padding: 0 300px 15px 15px; color: #028; }
#maincontent h4 { margin: 0; padding: 0 300px 15px 15px; color: #028; }
#maincontent p { padding: 0 300px 15px 15px; }
#maincontent ul { list-style: disc inside; margin-top: 0; margin-left: -10px; }

#right { margin: 0; padding: 0 15px 0 0; float: right; width: 280px; text-align: right; }
#right img { padding: 0 15px; }
#right h3 { margin: 10px 0; color: #028; }
#right p { margin: 0; padding: 0; }
#right a { margin: 0; padding: 0; color: #999; }
#right a:hover { color: #f00; }

#footer { clear: both; background: url(/assets/footer_bg.gif) repeat-x; padding-top: 5px; height: 0.5em; }
#footer p { text-align: right; color: #fff; display: block; float: right; padding-top: 5px; }
#footer ul { margin: 0; padding: 5px 5px 5px 0; float: left; }
#footer ul li { list-style: none; display: inline; padding-left: 2px; color: #028; }
#footer ul li a { text-decoration: none; color: #fff; padding: 5px ; }
#footer ul li a:hover { text-decoration: underline; color: #028; }
#footer ul li a.first { padding: 5px 5px 5px 0; }
#wrapper10 #tab10 { font-size: 2em; }