body { 
  background:#000 url(images/gradient.jpg) repeat-x;
  padding: 0;
  margin: auto;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  _font-size: 12px; /* IE Hack */
  line-height: 150%;
  text-align: center;
}

code {
  color: #000;
  font-weight: bold;
  }
  
h1 {
  color: #970100;
  font-size: xx-large;
  _font-size: x-large; /* IE Hack */
  }

h2 {
  color: #970100;
  font-size: x-large;
  _font-size: large; /* IE Hack */
  }
   
h3 {
  color: #970100;
  border-bottom: 1px #5e5e5e solid;
  font-size: large;
  _font-size: medium; /* IE Hack */
  }

hr {
  border: none 0; 
  border-top: 3px solid #970100;
  height: 3px;
  margin: 10px auto 0 0;
  }	  

a { 
  color: #6a83c7;
  text-decoration: underline;
  }

a:hover { 
  color: #970100;
  }

#wrap {	
  margin: 0px auto;	
  width: 730px;
  background: #000;
  text-align: left;  
}

#header {
  height: 180px;
  margin: 0;
  padding: 0;
  background-image: url('images/headers/rotate.php');
}

#topmenu {  
  font-size: 11px;
  text-align: left;
  background-color: #3f3f3f;
  color: #fff;
  _height: 22px; /* IE Hack */
  }
  
#topmenu a { 
  color: #fff;
  text-decoration: none;
  line-height: 22px;
  margin-right: 10px; 
  }
 
#topmenu a:hover {
  color: #fff;
  font-weight: bold;
  background: #970100;
  }

#topmenu a:visited {
  color: #fff;
  }

#content {
  width: 95%;
  margin: auto;
  padding: 20px;
  color: #3f3f3f;
  text-align: left; 
  background: #fff;  
  }

#footer {
  clear:both; 
  width:730px;
  height: 90px;
  background: transparent url('images/footer.jpg') no-repeat;
  }

#footer p {
  width: 60%;
  padding-top: 25px;
  _padding-top: 10px; /* IE Hack */
  text-align: center;
  margin: auto;
  _margin-left: 200px; /* IE Hack */
  font-size: 11px;
  line-height: 11px;
  color: #e0e0e0;
  }
  
.photo {
  float: left;
  padding: 10px; 
  margin: 10px; 
  border: #fff 1px solid;
  }
  
.crewphoto {
  float: left;
  padding: 10px; 
  margin: 10px; 
  border: #3f3f3f 1px solid;
  }
  
img {
  border: none;
  }

/* SUCKERTREE MENU */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 95%;
  }

/*Top level list items*/
.suckertreemenu ul li{
  position: relative;
  display: inline;
  float: left;
  background-color: #3f3f3f; /*overall menu background color*/
  }

/*Top level menu link items style*/
.suckertreemenu ul li a{
  display: block;
  width: 85px; /*Width of top level menu link items*/
  text-decoration: none;
  padding-left: 10px;
  }
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
  left: 0;
  position: absolute;
  top: 0em; /* no need to change, as true value set by script */
  display: block;
  visibility: hidden;
  }

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
  display: list-item;
  float: left;
  }

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
  left: 159px; /* no need to change, as true value set by script */
  top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
  display: block;
  width: 160px; /*width of sub menu levels*/
  text-decoration: none;
  padding: 1px 16px;
}

.suckertreemenu ul li a:hover{
  background-color: black;
  color: white;
  }

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon {
  background: #3f3f3f url(images/arrow-down.gif) no-repeat right;
  }

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
  background: #3f3f3f url(images/arrow-right.gif) no-repeat center right;
  }

/* Holly Hack for IE \*/
  * html .suckertreemenu ul li { float: left; height: 1%; }
  * html .suckertreemenu ul li a { height: 1%; }

/* End */

/* Front Page Mojo */

#front {	
  margin: 0px auto;
  background: #000;
  width: 730px; 
  text-align: left;  
}

#frontcontent {
  background: #000;
  /* background: transparent; */
  margin: auto;
  /* padding: 20px; */
  color: #fff;
  text-align: left;  
  }

#contentleft {
  width: 30%;
  height:400px;
  padding: 1px;
  float:left;
  line-height: 125%;
  background:#fff;
  font-size: small;		
  _font-size: x-small; /* IE Hack */
  margin:10px 2px 10px 10px;
  text-align:left;
  border: #e2bb3d 3px solid;
  background: transparent url(images/r2-bg.jpg) repeat;
  color: #3f3f3f;
  }
	
#contentleft h2 {
  font-size: small;
  margin-left: 10px;
  }	

#contentleft p {
  margin-left: 5px;
  margin-right: 5px;
  }
		
#contentcenter {
  width: 30%;
  height: 400px;
  padding:0px;		
  float:left;
  line-height: 125%;
  background:#fff;
  font-size: small;
  _font-size: x-small; /* IE Hack */
  float:left;
  margin:10px 2px 10px 10px;
  padding:1px;
  text-align:left;
  border: #e2bb3d 3px solid;
  background: transparent url(images/r2-bg.jpg) repeat;
  color: #3f3f3f;
  }

#contentcenter h2 {
  font-size: small;
  margin-left: 10px;
  }	

#contentcenter p {
  margin-left: 5px;
  margin-right: 5px;
  }
	
#contenttopright {
  width: 30%;
  height: 140px;
  padding:0px;
  float:left;
  line-height: 125%;		
  background:#fff;
  font-size: small;
  _font-size: x-small; /* IE Hack */
  margin:10px 2px 5px 10px;
  padding:1px;
  text-align:left;
  border: #e2bb3d 3px solid;
  background: transparent url(images/r2-bg.jpg) repeat;
  color: #3f3f3f;
  }

#contenttopright h2 {
  font-size: small;
  margin-left: 10px;
  }

#contenttopright div{
  margin-left: 5px;
  margin-right: 5px;
  }  

#contentbottomright {
  width: 30%;
  height: 243px;
  _height: 250px; /* IE Hack */
  padding:0px;
  float:left;
  line-height: 125%;		
  background:#fff;
  font-size: 0.60em;
  _font-size: 0.75em; /* IE Hack */
  margin:5px 2px 10px 10px;
  padding:1px;
  text-align:left;
  border: #e2bb3d 3px solid;
  background: transparent url(images/r2-bg.jpg) repeat;
  color: #3f3f3f;
  }

#contentbottomright h2 {
  font-size: small;
  margin-left: 10px;
  }		  

#contentbottomright div {
  margin-left: 5px;
  margin-right: 5px;
  }  
  
#contentheader {
  background: transparent;
  }

#greeting {
  font-size: medium;
  color: #fff;
  margin-left: 10px;
  }  

#greeting blockquote {
  color: #777;
  margin-left: 100px;
  }

#greeting h2 {
  color: #e2bb3d;
  _font-size: medium;
  }  

#greeting p {
  font-size: medium;
  _font-size: small;
  }   
  
#greeting a:hover {
  color: #e2bb3d;
  }
  
/* Rolllover menu on the right */  

#rightnav {
	width: 80px;
	border-left: 3px #e2bb3d solid;
	margin:10px 2px 10px 10px;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	float: none;
    }

#rightnav div {
	width: 80px;
	}

#rightnav img {
	width: 50px;
	margin-bottom: 0px;
	_margin-bottom: 20px; /* IE Hack */
	_height: 50px; /* IE Hack */
    }	

#rightnav a { 
	background: url('images/icondown.gif') no-repeat;
	display: table-cell;
	}
 
#rightnav a:hover {
	background: url("images/iconup.gif") no-repeat;
	}
	
#rightnav a img {
	visibility: hidden;
	}
	
#rightnav span {
	_margin-left: -50px; /* IE Hack */
	font-size: 10px;
	color: #fff;
	}

#rightnav a:hover img {
	visibility:visible;
	}

/* opacity experiment */

.opaque {
	opacity: .5;
	filter: alpha(opacity=50);
}
