/* base styling for site including base font-family etc */

*{
border:0px;
margin:0px;
padding:0px;

}

body{
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
}

h1{
font-size:100%;
}

h2{
font-size:100%;
}

h3{
font-size:100%;
font-weight:bold;
}

a
{
color:#003366;
text-decoration:none;
}

a:hover
{
color:#660000;
text-decoration:none;
}
/*------------------------------------------------
</Basic Formatting>*/

/*################################################*/

/*<Positional>
--------------------------------------------------*/
/*margin-left:auto;
margin-right:auto;
text-align:center;
position:relative;
(positional css for centering a div.. always useful :)
*/

#wrapper
{
position:relative;
width:800px;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#banner
{
background:#fff;
height:186px;
background-image:url(hazlewoodinc-header.jpg);

}
#footer
{
background:#fff;
height:186px;
background-image:url(hazlewoodinc-footer.jpg);

}
#nav
{
margin:0;
padding-top:165px;
text-align:center;
min-height:30px;
}

#nav ul
{
text-align:center;
list-style:none;
display:inline;
color:#003366;
font-weight:bold;
}

#nav li
{
list-style:none;
display:inline;
margin:0 15px 10px 0;
}

#nav a
{
color:#003366;
font-size:1.2em;
text-decoration:none;
}

#nav a:hover
{
text-decoration:none;
color:#660000;
}

#content
{
text-align:left;
padding:30px;
background-image:url(hazlewoodinc.jpg);
background-repeat:repeat;
min-height:200px;
}

#content ul
{
padding-left:75px;
}
#content li
{
padding-bottom:0.5em;
}

#content h1
{
padding:0.5em 0 0 0;
color:#FFFFFF;
font-size:120%;
}

#content p
{
padding:1em 0 2em 2em;
}

/*------------------------------------------------
</Positional>*/

/*################################################*/



.activelink
{
color:white;
}