/* CSS Document */
body {
	right: 0px;
	margin: 0;
	text-decoration: none;
	background-image: none;
	background-color: #CCCCCC;
}

#container
{
width: 90%;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 130%;
}

div#container
{
margin-left: 5%; 
margin-right: 5%;
} 



#top {
	background-color: #999999;
	border-bottom: 1px solid gray;
	background-image: url(header_pic.jpg);
	height: 140px;
	background-repeat:no-repeat;
}

#top h1
{
	padding: 0;
	margin: 0;
	font: italic 18px 'Times New Roman';
	letter-spacing: 0.3em;
	text-transform: lowercase;
	color: #E5E5E5;
	text-align: center;
}


#content {
	margin-left: 140px;
	padding: 1em;
	max-width: 45em;
}


#col3 {
	float: left;
	width: 20%;
	margin-left: 3%;
} 

#gutter {
float: left;
width: 3%;
height: 1px; }

#footer {
	clear: both;
	margin: 0;
	padding: 0.5em;
	color: #FFFFFF;
	background-color: #663366;
	border-top: 1px solid gray;
	text-align: center;
	font-size: .85em;
 } 
 
#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; 
}



/*#col1 *
{
margin-left: 7px;
margin-right: 7px;
} */




#navcontainer
{
	background: #f0e7d7;
	margin: 0 auto;
	padding: .1em .1em 0 .1em;
	font-family: "Times New Roman", Times, serif;
	text-transform: capitalize;
	font-style: italic;
	}

/* to stretch the container div to contain floated list */

#navcontainer:after
{
content: ".";
display: block;
line-height: 10px;
font-size: .5px;
clear: both;
}

ul#navlist
{
list-style: none;
padding: 0px;
margin: 0 auto;
width: 75%;
font-size: 0.85em;
}

ul#navlist li
{
display: block;
float: left;
width: 15%;
margin: 0;
}

ul#navlist li a
{
	display: block;
	width: 75%;
	padding: 0.7em;
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	color: #000000;
	text-decoration: none;
	background: #f7f2ea;
	padding-right: 5px;
	padding-left: 5px;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li a
{
background: transparent;
color: #800000;
border-color: #aaab9c #fff #fff #ccc;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}

.h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.7em;
	color: #666666;
	text-align: center;
	font-weight: bolder;
}

#toolbox {
	width: 120px;
	padding-left: 0px;
	top: 310px;

		}
		
#Menu {
	position:absolute;
	top:220px;
	left:10px;
	width:150px;
	padding:10px;
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	}
/* Again, "be nice to Opera 5". */
body>#Menu {width:150px;}

.image {
	float: right;
	clear: none;
	padding: 10px;
}

a:link {color:#8080C0;}
a:visited {color:#07a;}
a:hover {background-color:#CCCCCC;}