body {
	color:#333;
	background-color:gray;
	margin:20px;
	padding:10px;
	font:12px verdana, arial, helvetica, sans-serif;
	}
h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:28px;
	font-weight:800;
	color:black;
	}

h2 {
	font:bold 20px/22px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:0px;
	color:blue;
	}
h3 {font:bold 16px/18px verdana, arial, helvetica, sans-serif;
margin: 0px 0px 5px 0px;

padding:0px;
color:black;
}
p {
	font:14px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;

	}


a {
	color:#09c;
	font-size:12px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:800;
	text-decoration:none;
	}
a:link {color:#3300FF;}
a:visited {color:#3300FF;}
a:hover {background-color:#eee;}
  

/* All the content boxes belong to the content class. */
#content {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width: auto;
	min-width:400px;
	margin:0px 90px 10px 240px;
	border:1px solid black;
     background-image: 
	url(whitetexture.jpg);
	background-repeat: repeat;
	
	padding:10px;
    z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	
	}

#nav1 {
	position:absolute;
	width:130px;
	top:20px;
	left:20px;
	
	background-color:gray;
	padding:10px;
	z-index:2;
}


		
#nav2 {
	position:absolute;
	width:160px;
	top:30px;
right: 20px;
	border:1px solid black;
	background-color: #D3D3D3;
	padding:10px;
	

	
	
	}


#navcontainer { width: 100px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 160px;
background-color: 	#0000CD;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #369;
color: #fff;
}
#navlist
{
padding: 0 0 1px;
margin-left: 0;
font: bold 16px Verdana, sans-serif;
background: gray;
width: 13em;
}

#navlist li
{
list-style: none;
margin: 0;
border-top: 1px solid gray;
text-align: left;
}

#navlist li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.01em;
border-left: 1em solid #191970;
background: #EDEDED;
text-decoration: none;
}

#navlist li a:link { color: #0000EE; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
border-color: #FE3;
color: #FFF;
background: #332;
}

#navcontainer3
{
margin: 0;
padding: 5px 0 7px 5px;
width: 100%;
line-height: 1.75;
background-color: #669;
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
}

ul#navlist3
{
display: inline;
list-style: none;
}

ul#navlist3 li
{
float: left;
width: 250px;
margin-right: 5px;
border: 2px solid #fff;
background-color: #ddd;
}

ul#navlist3 li a
{
padding: 1px 54px;
line-height: 1.75;
text-decoration: none;
color: #03C;
}

ul#navlist3 li a#current
{
background-color: #669;
color: #fff;
}

ul#navlist3 li a:hover, ul#navlist3 a#current:hover
{
background-color: #777;
color: #fff;
}

ul#navlist3 li a:active, ul#navlist li#active a#current:active
{
background-color: #f63;
color: #fff;
}