body {
	margin:0;
	background-image:url(tealstrip.jpg);
	background-repeat:repeat-x;
	}
a {   
	font-size: 1em;
	text-decoration: none;
	font-weight:bold;
	}
a:link { 
	color: #FE9B98; 
	}
a:visited {
	color: #FE9B98;
	}
a:hover {
	color:#9dd9c4;
	}
a:active {
	color: #FE9B98; 
	}
h1 {
  font-family:Georgia,Utopia,Palatino,'Palatino Linotype','Times New Roman', Times, serif;
  font-size: 2.8em;
  }
h2 {  
	font-size: 1.5em; 
	color: #fff;
	background-color: #9dd9c4;
	padding: 0px 3px;
	font-weight: bold;
	}
img {
	border: 0;
	}
img.panel {
	border:solid;
	border-color:#000000;
	}
blockquote, p, ul {   
	font-size: 1em; 
	color:#666666;
	font-family:Georgia,Utopia,Palatino,'Palatino Linotype','Times New Roman', serif;
	}
table {
  border-collapse: collapse;
  	}
ul {
	list-style: none;
	}

#master {
	width:1000px;
	margin:0px auto;
	text-align:left;
	padding:0px;
	border:0px;
	}
	
#header {
	position:absolute;
	top:0;
	width:800px;
	height:310;
	padding:0px;
	margin:0px;
	border:0px;
	}

#mainContent {
	position:absolute;
	top:320px;   /*clears navbar*/
	width:800px;
	margin:0px auto;
	text-align:left;
	padding:0px;
	border:0px;
	}

#menu {
	float:right;
	width:200px;
	margin:0px;
	padding:0px;
	border:0px;
	font-family:sans-serif;
	font-size:small;
	color:#666666;
	}

#navigation ul {          /*turn off bullets*/
	list-style: none;
	}
	
#navigation li {   /*keeps the boxes stacked L-R, won't work if float is on a elements*/
	float: left;
	}

a#navHome, a#navHistory, a#navEvents, a#navYouth, a#navSponsors {  /*applies block size to all nav id's*/
	display: block;
	width: 100px;
	height: 146px;
	background-position: top left;     /*shows only the top portion of image*/
	}

a#navHome.on, a#navHistory.on, a#navEvents.on, a#navYouth.on, a#navSponsors.on {
	background-position: 0px -146px;   /*shows bottom portion of image initially to all class="on" links*/
	}
	
a#navHome.on:hover, a#navHistory.on:hover, a#navEvents.on:hover, a#navYouth.on:hover, a#navSponsors.on:hover {
	cursor: default; 
	}
	
a#navHome:hover, a#navHistory:hover, a#navEvents:hover, a#navYouth:hover, a#navSponsors:hover {
   background-position: 0px -146px;   /*shows bottom portion of image when hovered*/
   }
   

/*nav imgs, 100 x 146 px*/

a#navHome {
   background: url(bambooflip.gif);
   }

a#navHistory {
   background: url(bambooflip.gif);
   }

a#navEvents {
   background: url(bambooflip.gif);
   }
   
a#navYouth {
   background: url(bambooflip.gif);
   }

a#navSponsors {
   background: url(bambooflip.gif);
   }