body
{
	background-color: azure;
	font-family:  Trebuchet MS, Arial, sans serif;
	font-size: small;
}


a.rollover:active
{
	color: mediumslateblue;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 18pt;
	text-decoration: none;
}

a.rollover:link 
{
	color: blue;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 18pt;
	text-decoration: none;
}

a.rollover:hover 
{
	color: red;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 18pt;
	text-decoration: none;
}

a.rollover:visited 
{
	color: purple;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 18pt;
	text-decoration: none;
}


a:active
{
    color: mediumslateblue;
}

a:link
{
    color:blue;
}

a:visited
{
    color: purple;
}

a:hover
{
    color: red;
}


h1
{
    font-size: 435%;
    color: gold;
    margin-top: 0;
    margin-bottom: 0;
}

h2
{
    font-size: 130%;
    color: white;
    margin-top: 0;
    margin-bottom: 0;
}

h3
{
    font-size: 130%;
    color: black;
    margin-top: 0;
    margin-bottom: 0;
    border-top: thick solid darkgreen;
    
}

h4
{
    font-size: 110%;
    color: black;
    margin-top: 0;
    margin-bottom: 0;
}

h5
{
    font-size: 110%;
    color: crimson;
    margin-top: 0;
    margin-bottom: 0;
}

h6
{
    font-size: 70%;
    color: white;
    margin-top: 0;
    margin-bottom: 0;
}


	
#container
{
	background-color: yellowgreen;
	width: 980px;
	margin: 0 auto;
}
	
	
#header
{
	width: 918px;
	padding: 5px 30px 5px 30px;
}

#nav
{
	width: 330px;
	padding: 5px 30px 5px 30px;
	float: left;
}	

#content
{
	position: relative;
	width: 530px;
	padding: 5px 30px 5px 30px;
	float: right;
}

#footer
{
	clear: both;
	width: 918px;
	margin: 0 auto;	
	padding: 5px 30px 5px 30px;
}
	


.imgleft
{
	float: left;
	margin-right: 20px;
	border: 0px;
}	


.imgleftno
{
	float: left;
}

.imgright
{
	float: right;
}


.clearboth
{
	clear: both;
}


ul
{
    list-style-type: square;
}