body { 
background-color: #003333;
color: #cccc66;
font-family: trebuchet, sans-serif;
font-size: 1em;
margin: 0;
}

h1 {
font-size:1.7em ;
background-color:#003300;
color: #ffff99;
letter-spacing: 5px;
}

h2 {
font-size: large;
color: #cc6666;
}

h3 {
font-size: 1.1em;
color: #ccff66;
}

p {
font-size: 1em;
text-align: justify;
text-indent: 10px;
line-height: 1.7em;
color: #99FF99;
}

p.footer {
font-size: .5em;
text-align: center;
font-weight: bold;
}

strong {
	font-style: italic;
	color: #ccff66;
	}
DT {
font-size: 1.3em;
color: #ffff99;
letter-spacing: 5px;
font-style: italic;
padding-top: 1em;
	}
td {
	font-size: 1em;
	}

#mContainer {
	position:relative;
	float: right;
	width:500px;
	height:309px;
}

.mPhoto {
	position:absolute;
	top:0px;
	left:0px;
	-moz-opacity:0.0;
	filter:Alpha(opacity=0);
}



a:link{ 
color: #660000;
text-decoration: underline;
}

a:visited {
color: #660000;
}

a:hover {
color: #ffffff;
background-color: #660000;
}

a:active {
color: #ffcc33;
background-color: #336699;
}
a.nav:link {
color: #ffcc33;
text-decoration: none;
}
a.nav:visited {
color: #ffcc33;
text-decoration: none;
}
a.nav:hover {
color: #ffffff;
}
a.nav:active {
color: #ffffff;
background-color: #006600;
}
/*---------Header--------*/

#header {
	background-color: #999933;
	background-image: url(title.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	border: 1px #000000 solid;
	position: relative;
	clear: both;
	left: 2%;
	padding-top: 10px;
 	padding-left: 5px;
	padding-right: 5px;
	top: 5px;
 	height: 160px;
	width: 94%;
	}

/*-------------Main Text--------*/
#main {
position: absolute;
clear: both;
top: 175px;
left: 2%;
background-color: #006633;
/*background-image: url(names.png);*/
background-repeat: repeat;
background-position: center top;
padding: 5px;
padding-top: 0px;
margin-bottom: 10px;
border: 1px #000000 solid;
width: 94%;
}
	

#content {
  margin-left:0px;
  padding: 5px;
  margin-right: 200px;
/*
position: relative;
top: 0px;
padding: 0px;
float: left;
left: 0%;
width: 75%;
*/
}

#sidebar {
  position: absolute;
  right: 15px;
  top: 0px;
  padding: 5px;
  width:165px;
}

#nav ul{
   position: absolute;
   /*top: 165px;*/
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 10px;
   padding-bottom: 10px;
   background-image: url(nav-back.png);
   border: 1px #000000 solid;
   font-size: x-large;
   left: 2%;
   width: 94%;
   height: 40px;
   color: #000000;
   margin: 0;
   white-space: nowrap;
}
#nav ul li{
   display : inline;
   text-decoration: none;
   color: #000000; 
   
}

#info {
	position: relative;
	top: 0px;
	float: right;
	margin: 5px 5px 5px 5px;
	padding: 5px;
	border: 1px #000000 dotted;
	background-color: transparent;
	width: 165px;
	}
#info p {
	font: 12/22pt "arial black";
	text-align:center;
	color: #660000;
	}

#quickSummary {
	position: relative;
	float: right;
	margin: 10px 10px 10px 10px; 
	border: 1px #000000 dotted;
	width: 100%; 
	}
#quickSummary p {
	font: 12pt/22pt "arial black"; 
	text-align:center;
	color: #009966;
	}
#pictureHolder  {
	position: relative;
	float: left;
	top: 10px;
	margin: 0px 20px 10px 10px;
	border: 1px #000000 solid;
	width: 300px;
	height: 225px;
	}

#footer {
	position: relative;
	clear: both;
	font-size:1em; 
	text-align: center;
	padding-top: 10px;
	border-top: 2px #660000 solid;
	width: 100%;
	left: 0%;
  	margin: 0px;
	height: 130px;
	}