body
{
background:url(images/bg.gif) repeat; 
text-align:center
}

#main {
margin: 0 auto;  
width: 80%;
max-width:1000px;
min-width:200px;
background-color:#FFFFFF;
font-size:0.938em;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
border:#999999 thin solid;
}

#header {
width:100%;
height:200px;
text-align:center;
background-color:#FFFFFF;
background:url(images/layout1.png) center no-repeat;
}

#content {
	text-align:left; 
	float:left; 
	width:70%;
	padding-left:2%;
	padding-top:12px;
	padding-bottom:10px;
}

#secondary {
	text-align: right;
	float:right;
	width:25%;
	border-left:#CC99FF thin dotted;
	margin-right:2%;
	padding-top:12px;
	padding-bottom:10px;
} 

#footer {
	text-align:center;
	width:100%;
	background-color:#000000;
	color:#FFFFFF;
	padding:5px;
	clear:both;
	}
	
a:link, a:active, a:visited{
color:#66CCFF;
}

a:hover{
color:#FFCCFF
}

h1{
display:none;
}
	
h2{font-size:1.5em; border-bottom:#FFCC66 thin dashed}

h3{font-size:1.25em; border-bottom:#00FF99 thin dotted}

h4{font-size:1em;}

#nav {
margin:0 auto;
width:100%;
background-color:#FFFFFF;
}

#nav ul {
list-style-type:none;
padding-left:0;
}

#nav ul li {
display:inline;
}

#nav ul li a {
display:block;
float:left;
width:16%;
text-align:center;
height:2em;
line-height:2em;
color:#333333;
text-decoration:none;
font-size:1.25 em;
}

#people a:hover {
background:#CC99FF;
}
#people a{
background:url(images/star1.gif) left no-repeat;
}

#history a:hover {
background:#FFCCFF;
}
#history a{
background:url(images/star2.gif) left no-repeat;
}

#fun a:hover {
background:#FFCC66;
}
#fun a{
background:url(images/star3.gif) left no-repeat;
}

#other a:hover {
background:#FFFF66;
}
#other a{
background:url(images/star4.gif) left no-repeat;
}

#about a:hover {
background:#00FF99;
}
#about a{
background:url(images/star5.gif) left no-repeat;
}

#home a:hover {
background:#66CCFF;
}
#home a{
background:url(images/star6.gif) left no-repeat;
}

table{
border: 1px dashed #FFCCFF;
color:#000000;
background-color:#FFFFFF;
padding:0px;
margin:0px;
text-align:center;
}

ul li{list-style-image:url(images/bullet.gif)}

#secondary ul {
list-style-type:none;
padding-left:0;
}

#secondary ul li {
display:inline;
}

hr{width:400px;
text-align:center;}

img{border:0;}

.portrait{
width:185px;
}