/* CSS Document */

body {background-color:#FFFFFF;
	  font-family: Geneva, Arial, Helvetica, sans-serif;
	  color: #006633;
	  }

	
/** Contains all visible page elements */
#container { 
			 position:absolute;
			 width: 860px; 
			 left:60px;
			 top:20px;

			 /* margin: 20px auto; */
			 background: transparent;
			 z-index:2;
			}


/** sidebars that frame content */
#frame { width:859px;
		 height:700px;
			/*background-color:#e1ac10;*/  /* Same color as the typeface in the title (almost) */
			background-image:url(../Images/sides.png);
			repeat-y;
			margin-bottom:0px;
		 }
	
/** Text and images go in here */
#contents { margin-right:13px;
			height:100%;
			margin-left:14px;
			margin-bottom:0px;
			/*background-image:url(../Images/beach-sand-faded.jpg);
			background-repeat:no-repeat;
			background-color:#FFFFFF;*/
			}
 
 #contents p {margin-left:30px;
 			  margin-right:30px;
			  }
 
				
#header {background-image:url(../Images/Header.png);
		height:88px;
		display:block;
		}

#footer {background-image:url(../Images/Footer.png);
		margin-top:0;
    	vertical-align: middle;
		height: 48px;
		font-size:x-small;
		/*color: #e1ac10;  syf can't even find this hex */
		}

/* Page layout classes */
div.left {
		width:40%;
		float:left;
		 }
		 
div.right {
		   width:45%;
		   float:right;
		  }
div.below {
			clear:both;
		  }
		  
/*  common type styles   */
p {opacity:1.0; }

p.caption {font-size: small; text-align:center; }
p.text {text-indent: 30pt;}

/* ------------------------------------ navigation tabs------------------------------ */

div#navbar {
	background-image:url(../Images/BlankNavigationBar.png);
	height:36px;
	width:100%;
	display:block;
	text-decoration:none;
	}
			
div#navbar a {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:large;
	color:#0000FF;
	}

div#navbar a:visited {
	color:#0000FF;
	}

a#home {
	height:36px;
	width:131px;
	}

a#about {
	height:36px;
	width:85px;
	}

a#schedule {
	height:36px;
	width:160px;
	}

a#photos {
	height:36px;
	width:140px;
	}
a#events {
	height:36px;
	width:80px;
	}
	
a#links {
	height:36px;
	width:70px;
	}
	
	
a#contact {
	height:36px;
	width:151px;
	}

/*    ---------------------  Hack navigation bar for IE   ---------------------------------  */

table#ienavbar {
			display:none;
			padding:0 0 0 0;
			}
			
table#ienavbar td {
			padding:0 0 0 0;
			}

table#ienavbar td a {
			text-decoration:none;
			}