<style type="text/css">

/*
David Watts  dwatts@davidwatts.net
http://davidwatts.net 20091215
*/


/*html*/
*{
margin:0;
padding:0;
border:0;
}



body {
    margin: 0; padding: 0;
    font: 10px normal Verdana, Arial, Helvetica, sans-serif;
    background:#555 url('/images/bg04.jpg') top left fixed no-repeat;
    color:#140707;

}

h1{
font-family: Georgia, serif;
font-weight: bold;
font-size:2.2em;
line-height: 40px;
color:#222;
float: left;
margin: 0px 10px 0px 4px;
}

h1 a:link, 
h1 a:active, 
h1 a:visited{
color: #00aeef; 
text-decoration: none;
}

h1 a:hover  {
color: #00aeef;
text-decoration: underline; 
}


#header{
margin-top: 20em;
margin-bottom:10em;
float:left;


}

/*content*/

.content{
height: 40px;
width: 890px;
/*border-top: #222 solid 3px; */
}


h2{
font-family: Georgia, serif;
font-weight: bold;
font-size:2.2em;
line-height: 40px;
color:#b8d943;
float: left;
margin: 0px 0px 0px 4px;
}

h2 a:link, 
h2 a:active, 
h2 a:visited{
color: #00aeef; 
text-decoration: none;
}

h2 a:hover  {
color: #00aeef;
text-decoration: underline; 
}

h3 {
font-family: Georgia, serif;
font-weight: normal;
color: #000;
margin: 0px 0px 15px 0px;
}

h3 a:link, 
h3 a:active{
color: #b8d943; 
text-decoration: none;
}

h3 a:visited {
color: #b8d943; 
text-decoration: underline;
}

h3 a:hover {
/*color: #;*/
text-decoration: underline;
}

h4{
background:#111;
font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
font-weight: normal;
font-size: 2.1em;
line-height: 40px;
color: #222;
float: right; 
margin: 0px 4px 0px 0px;
}

h4 a:link, h4 a:active, h4 a:visited{
font-size:1.2em;
color:#b8d943;
text-decoration: none;
}

h4 a:hover{
/*color:#;*/
text-decoration: underline; 
}

p{
font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
font-size: 11px;
line-height: 15px;
color: #666; 
margin: 0px 5px 15px 0px; }

p a:link, 
p a:active, 
p a:visited{
color: #00aeef; 
text-decoration: none;
}

p a:hover{
color: #00aeef;
text-decoration: underline;
}


img {border: none;}

/*topnav*/
ul#topnav {
    margin: 0px 0 20px;
    padding: 0;
    list-style: none;   
    font-size: 1.5em;
    clear: both;
    float: left;
    width: 900px;
}
ul#topnav li{
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: left;
    height:40px;
}
ul#topnav a, ul#topnav span {
    padding: 10px 20px;
    float: left;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    clear: both;
    height: 20px;
    line-height: 20px;
    background:#111;
}
ul#topnav a {color:#b8d943; }
ul#topnav span {display: none;}




/*classes*/
.clear {clear:both;}
.smimage{padding-top:12px;width:64px;height:64px;}


/*data*/

#wrapper{
width: 900px;
background:url(/images/header2.png);margin: 0px auto;
padding: 20px 0px 0px 10px; 
}



.data_wrapper{margin: 10px 0px 0px 0px; }

.data_wrapper .data{margin: 10px 0px 0px 5px; }

.data{
background:transparent url(/images/header2.png) repeat;
height: 90px;
width:100%;
overflow:auto;

}
.data_2{
height: 500px;
width: 440px;
margin-bottom: 10px;
padding-right: 4px;
margin-right: 5px;
/*border-right: #ccc dotted 1px;*/
float: left;
}

.data_3{
height: 350px;
width: 290px;
margin-bottom: 10px;
padding-right: 4px;
margin-right: 5px;
/*border-right: #ccc dotted 1px;*/
float: left;
}


.data_e{
height: 350px;
width: 290px;
margin-bottom: 10px;
padding-right: 4px;
margin-right: 5px;
float: left;
}

.data_4{
height: 400px;
width: 215px;
margin-bottom: 10px;
padding-right: 4px;
margin-right: 5px;
/*border-right: #ccc dotted 1px;*/
float: left;
}

.data_5{
height: 475px;
width: 170px;
float: left;
margin-bottom: 10px;
padding-right: 4px;
margin-right: 5px;
/*border-right: #ccc dotted 1px;*/
}


.data_5 img{
width: 170px; 
height: 110px;
}


.data_2 h3{
font-size: 14px;
line-height: 20px;
}

.data_3 h3{
font-size: 15px;
line-height: 20px;
}

.data_4 h3{
font-size: 13px;
line-height: 15px;
}

.data_5 h3{
font-size: 12px;
line-height: 15px;
min-height: 30px;
}

.data_d h3{
font-size: 13px;
line-height: 18px;
}

.data_e h3{
font-size: 15px;
line-height: 20px;
}


.data h4{
font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
font-weight: normal;
font-size: 10px;
line-height: 12px;
text-transform: uppercase;
color: #999; 
float: none;
margin: 0px 4px 0px 0px; }

.data_3 p{
font-size: 12px;
line-height: 16px; }



/*footer*/
#footer{
background:transparent url(/images/header2.png) repeat;
height:20px;
border-top:1px solid #222;
padding:15px 0;
width:100%;
color:#fff;
font-weight:900;
margin-top:10em;
}

#footer ul{
float:right;
}

#footer li{
display:inline;
list-style:none;
padding-left:10px;
padding-right:10px;
}  

#footer a{
font:.9em "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
font-weight:900;
line-height: 1.0;
color:#777;
font-weight:100;

}

ul.nav li{ margin: 0 }




</style>