/*

Created by Chris Young.  As often is the case, I found it useful to begin by modifying a css template from code-sucks.com.
	  
*/

* { padding: 0; margin: 0; }

body {
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 14px;
	color	: #000000;
}

li {list-style-type: square;}

#frontpage {
	position: absolute;
	height: 30%;
	left: 30%;
	top: 40%;
}

a:link {color: #990000}
a:visited {color: #990000}
a:active{color: #990000}
a:hover, a:focus, a:active {color: #CC3333}
a {text-decoration: none; outline: none;}

img {
	border: none;  
}

p { 
	text-align: justify;
	margin-top: 15px;
 }
 
p.poststamp {
font-size: 11px;
} 

table.center {margin-left:auto; margin-right:auto;}
 
.rotatingtext { 
	float: right;
	width: 300px;
	margin-right: 30px;
	color: #000000;
}

img.right { 
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: right;
 }

 
img.left { 
	margin-right: 20px;
	margin-top: 10px;
	float: left;
 }
 
img.gallery {
	margin: 30px;
	width: 100px;
}

.prop {
    height:600px;
    float:right;
    width:1px;
  }
  
.clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }  

table.center {margin-left:auto; margin-right:auto;}  
  
h1 {
text-align: left;
font-size: 16px;
font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
}  
  
h2 {
font-size: 14px;
padding-top: 10px;
padding-bottom: 5px;
}  
  
#wrapper { 
	margin: 0 auto;
	width: 772px;
	background-color: #FFFFFF;
	
}


#header {
	position: relative;
	width: 750px;
	height: 100px;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	margin: 20px 0px 5px 0px;
	background: #FFFFFF;
}

#bannersection 
{
	position: absolute;
	top: 5px;
	width: 340px;
}

#navitems 
{
	position: absolute;
	top: 3px;
	right: 0px;
	width: 400px;
}


#navitems ul {
display: inline;
margin: 0;
padding: 0;
}

#navitems li {
display: inline;
list-style: none;
float: left;
margin: 0;
padding: 0;
}

#navitems li a:active {
outline: none;
}

#navitems li.news a{
background: url('../images/nav_news.png');
display: block;
width: 49px;
height: 100px;
color: #ffffff;
background-position: 0px 100px;
}


#navitems li.news a:hover  {
background: url('../images/nav_news.png');
background-position: 0px 0px;
}

#navitems li.news a:focus, a:active  {
background: url('../images/nav_news.png');
background-position: 0px 0px;
}

#navitems li.about a{
background: url('../images/nav_about.png');
display: block;
width: 52px;
height: 100px;
color: #ffffff;
background-position: 0px 100px;
}

#navitems li.about a:hover {
background: url('../images/nav_about.png');
background-position: 0px 0px;
}

#navitems li.about a:focus, a:active {
background: url('../images/nav_about.png');
background-position: 0px 0px;
}


#navitems li.hear a{
background: url('../images/nav_hear.png');
display: block;
width: 47px;
height: 100px;
color: #ffffff;
background-position: 0px 100px;
}

#navitems li.hear a:hover {
background: url('../images/nav_hear.png');
background-position: 0px 0px;
}

#navitems li.hear a:focus, a:active {
background: url('../images/nav_hear.png');
background-position: 0px 0px;
}


#navitems li.see a{
background: url('../images/nav_see.png');
display: block;
width: 34px;
height: 100px;
color: #ffffff;
background-position: 0px 100px;
}

#navitems li.see a:hover {
background: url('../images/nav_see.png');
background-position: 0px 0px;
}

#navitems li.see a:focus, a:active {
background: url('../images/nav_see.png');
background-position: 0px 0px;
}


#navitems li.rep a{
background: url('../images/nav_rep.png');
display: block;
width: 36px;
height: 100px;
color: #ffffff;
background-position: 0px 100px;
}

#navitems li.rep a:hover {
background: url('../images/nav_rep.png');
background-position: 0px 0px;
}

#navitems li.rep a:focus, a:active {
background: url('../images/nav_rep.png');
background-position: 0px 0px;
}


#navitems li.press a{
background: url('../images/nav_press.png');
display: block;
width: 53px;
height: 100px;
color: #ffffff;
background-position: 0px 100px;
}

#navitems li.press a:hover {
background: url('../images/nav_press.png');
background-position: 0px 0px;
}

#navitems li.press a:focus, a:active {
background: url('../images/nav_press.png');
background-position: 0px 0px;
}


#navitems li.contact a{
background: url('../images/nav_contact.png');
display: block;
width: 70px;
height: 100px;
color: #ffffff;
background-position: 0px 100px;
}

#navitems li.contact a:hover {
background: url('../images/nav_contact.png');
background-position: 0px 0px;
}

#navitems li.contact a:focus, a:active {
background: url('../images/nav_contact.png');
background-position: 0px 0px;
}


#navitems li.links a{
background: url('../images/nav_links.png');
display: block;
width: 50px;
height: 100px;
color: #ffffff;
background-position: 0px 100px;
}

#navitems li.links a:hover {
background: url('../images/nav_links.png');
background-position: 0px 0px;
}

#navitems li.links a: {
background: url('../images/nav_links.png');
background-position: 0px 0px;
}


#morse 
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	height: 25px;
}



#content 
{
	position: relative;
	width: 750px;
	margin: 0px 0px 30px 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 40px;
	padding-bottom: 10px;
	background-color: #ffffff;
	background-image: url('../images/faded_silhouette.png');
	background-repeat: no-repeat;
	background-position: 50px 130px;

	}

#biopics {
text-align: center;
margin-left: auto;
margin-right: auto;
}
	


#footer { 
	width: 750px;
	color: #333;	
	border: 1px solid;
	background: #FFFFFF;
	text-align: center;
	font-size: 9px;
	margin: 0px 0px 10px 0px;
	padding: 10px;
}