/* define font family */
p,q,table,li,h1,h2,h3,h4
{
font-family: lucida grande, arial, "sans serif"; 
}


/* define font size, th table header*/
p,q,li,th,td
{
font-size: 75%;
}


/* define font and bg color */
body
{
#ffffff;
background-color:white;
}

/* define headings color */
h1,h2,hr
{
color: maroon;
line-height:130%;}

h3
{
color: black;
line-height:130%;}


/* define headings color */
h4
{
color: black;
line-height:130%;}


/* define hyperlinks colors */
a:link {
color: maroon;
text-decoration: none;
}
a:visited {
color: maroon;
text-decoration: none;
}
a:active {
color: navy;
text-decoration: none;
}
a:hover {
color: navy;
text-decoration: none;
}

div.container
{
width:100%;
margin:0px;
border:0px;
line-height:130%;
}

div.header
{
}


#header 
{
list-style:none;
width:100%;
margin:0;
padding:0;
 }

#header li
{
display:inline;
}


#header li a
{
width:100%;
float:left;
color:white; 
background:gray;
font-family: lucida grande, arial, "sans serif";
font-size: 200%;
line-height: 150%;
text-decoration:none;
margin:0;
padding:10px;
}

div.nav
{
}

#nav 
{
list-style:none;
margin:0;
padding:0;
 }
     
#nav li 
{
}

#nav li a 
{
display:inline;
float:left;
line-height:100%;
color:white; 
font-family: lucida grande, arial, "sans serif"; 
text-decoration:none; padding:5px;margin:0;
border-right:1px solid white;
background:maroon;
padding:10px;
}

div.right
{
float:right;
width:170px;
margin:0;
border-left: 1px dotted gray;
padding:10px;
}

div.content
{
margin-right:200px;
border-right:1px dotted gray;
padding:10% 10px 10px 10px;
}

div.footer
{ 
position: absolute; 
padding:10px; 
color:white; 
font-size: 50%; 
font-family: lucida grande, arial, "sans serif"; 
background-color:gray; 
bottom: 10px; 
width: 100%; 
clear: left; 
}