body, html {
  margin:0;
  padding:0;
  color:#000;
  font-size: 100%;
}
body {
  min-width:750px;
  /*background: #F6F6F4 url('../../photos/rotate.php') no-repeat top left; */
  font-family: Verdana, Arial, Helvetica, Calibri, serif;
  font-size: 90%;
}

/* layout styles */
#wrap {
  background:transparent;
  margin:0;
  width:800px;
}
#header {
  padding-top: 6px;
  margin-top: 10px;
  background: transparent;
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
  color: black;
  height: 40px;
}
#headerBox {
  background: transparent url('../img/headerbgbox1.gif') no-repeat top center; 
  float: right;
  border: 0px outset gray;
  height: 54px;
  width: 400px;
  padding: 0px;
  filter: alpha(opacity=90);   
  -moz-opacity: 0.9;   
  opacity: 0.9;  
  padding-top: 14px; /* controls height of header text */
}
#header h1 {
  padding:5px;
  margin:0;
}
#nav {
  background:transparent;
  text-align:right;
  padding:8px;
  clear:both;
}	
#nav ul{
  margin:0;
  padding:0;
  list-style:none;
}
#nav li{
  display:inline;
  margin:0;
  padding:0;
}
#content{
  float:right;
  background:white;
 /* background: white url('../img/contentbgbox1.gif') no-repeat top center; */
  border-top: 1px solid #848484;
  border-left: 1px solid #848484;
  border-right: 2px solid #848484;/*
  border-bottom: 2px outset gray;
  border: 1px solid #848484;*/
  width: 580px;
  height: auto;
  margin-top: 75px;
  min-height: 385px;
  filter: alpha(opacity=90);   
  -moz-opacity: 0.9;   
  opacity: 0.9;  
}
#content h2, #content h3, #content p {
  padding:0 10px;
}
#content p, #content ul {
  font-size: 0.95em;
}
  
#sidebar {
  float:left;
  width:180px;
}
#navBox {
  background: transparent url('../img/navbgbox1.gif') no-repeat center;
  top: 160px;
  height:227px;
  border: 0px solid #848484;
  margin-left: 10px; 
  position: relative;
  margin-top: 0px;
}
#sidebar h3, #sidebar p {
  padding:0 0 0 10px;
}
#footer {
  clear:both;
  background: transparent;
  border: 0px solid gray;
  text-align:center;
  padding-bottom: 5px;
  font-size: 0.7em;
}
#footer p {
  padding:5px;
  margin:0;
}

#ajaxticker1{
margin-top: 30px;
margin-left: -5px;
width: 131px;
height: 50px;
padding: 5px;/*
border: 1px ridge black;
background-color: #FEEEB8;
position: relative;*/
text-align: center;
}
#ticker {
  margin-top:180px;
  margin-left: 25px; 
  text-align: center; 
  border: 0px solid gray;
  background: transparent url('../img/hhsletter2.gif') no-repeat top center; 
  color: black; 
  font-weight:bold; 
  width:131px;
  height:153px;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV
background-color: #FEEEB8;*/
}

.someclass{ //class to apply to your scroller(s) if desired
}

.navlist {
  padding: 10px 0 10px 0; /*controls height of link text*/
  list-style: none;
  text-align: center;
  margin-top: 4px;
}

/* end of layout styles */

/* table styles */
table.registerForm {  
  width: 85%;
  font-size: 0.9em;
  margin-left: 20px;
}
table.general {
  font-family: Verdana, Arial, serif;
  border: 1px solid black;
  border-collapse: collapse;
  font-size: 1em;
  color: black;
  margin-left: 10px;
  padding: 3px;
  font-size: 0.9em;
}
table.general td, table.general th {
  border: 1px solid black;
  padding: 3px;
}
table.general th {
  background-color: #E5E5E5;
}
table.hidden {
  font-family: Verdana, Arial, serif;
  border: 0px solid black;
  border-collapse: collapse;
  font-size: 0.9em;
  color: black;
  margin-left: 10px;
  padding: 3px;
}
table.hidden td, table.hidden th {
  border: 0px solid black;
  padding: 3px;
}
table.hidden th {
  background-color: #E5E5E5;
  text-align: left;
}
/* end of table styles */

/* text and misc styles */
.highlightText1 {
 color: red;
}
h1 {
}
h2 {
}
h3 {
}
h4 {
margin-left: 5px;
}
.strong {
  font-weight: bold;
}
/* end of text and misc styles */

/* link styles */	
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
  font-size: 1em;
}
a:link {
  color: #130E8B;
  font-size: 10pt; 
  font-weight: bold;
  text-decoration: none;
}
a:visited {
  color: #130E8B; 
  font-size: 10pt; 
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: gold;
  font-size: 10pt; 
  font-weight: bold;
  text-decoration: underline;
}
a:active {
  color: #FCD401;
  font-size: 10pt; 
  font-weight: bold;
  text-decoration: none;
}
.navlist a:link {
  color: #130E8B; 
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
}
.navlist a:visited {
  color: #130E8B; 
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
}
.navlist a:hover {
  color: #130E8B; 
  font-size: 1em;
  font-weight: bold;
  text-decoration: underline;
}
.navlist a:active {
  color: #FCD401;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
}
#content a:link {
  font-size: 1em;
  color: #130E8B;
  text-decoration: none;
}
#content a:hover {
  font-size: 1em;
  color: #130E8B;
  text-decoration: underline;
}
#content a:visited {
  font-size: 1em;
  color: #130E8B;
  text-decoration: none;
}
#content a:active {
  font-size: 1em;
  color: #FCD401;
  text-decoration: none;
}
/* end of link styles */	


/*
Common colors I use:
#130E8B - dark blue
#B9BAB1 - med gray
#F5F4F0 - med-light gray
#F8F7F6 - slightly lighter gray

#FCD401 - gold

Grays used on 87lions.com:
#ECE9E2 - light gray
#F5F4F0, #F7F7F5, #F6F6F4 - lighter grays
#FAF9F7 - lightest gray
*/

/* overflow values are visible, hidden, auto, and scroll */
/* margin values are top right bottom left */