/* These are the styles for the main structural elements of the document */

body {
	background: #fff;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

td {
	text-align: left;
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #ffc;
}

.t8 {
	text-align: left;
	font-family: verdana, helvetica, sans-serif;
	font-size: 10px;
	color: #f00;
	background-color: #fff;
}

.year {
	text-align: left;
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #ff0;
	background-color: #b0e0e6;
}

.prev {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	text-align: left;
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #00c;
	background-color: #cff;
}

.month {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	text-align: center;
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #00c;
	background-color: #cff;
}

.next {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	text-align: right;
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #00c;
	background-color: #cff;
}

.eventLeft {
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	text-align: left;
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #ffd;
	white-space: nowrap;
}

.eventRight {
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	text-align: left;
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #ffd;
}

.plain {
	text-align: left;
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #fff;
}
	
/* Outer frame to contain all the structural elements */
#outer {
	position: absolute;
	width: 100%;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	background-color: #fff;
}

/* Header frame */
#banner {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 106px; 
	text-align: left;
	background-image: url(images/newbanner.gif);
}

#subhead {
	position: absolute;
	top: 106px;
	left: 0px;
	width: 100%;
	height: 14px; 
	text-align: center;
	background-color: black;
	font-family: verdana, helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	
}

/* Menu btns */
#home {
	position: absolute;
	top: 8px;
	left: 0px;
	width: 45px;
	height: 14px; 
	border-right: 1px solid #fff;
	text-align: center;
}

#about {
	position: absolute;
	top: 8px;
	left: 45px;
	width: 60px;
	height: 14px;  
	border-right: 1px solid #fff;
	text-align: center;
}

#meet {
	position: absolute;
	top: 8px;
	left: 105px;
	width: 95px;
	height: 14px;  
	border-right: 1px solid #fff;
	text-align: center;
}

#events {
	position: absolute;
	top: 8px;
	left: 200px;
	width: 48px;
	height: 14px;  
	border-right: 1px solid #fff;
	text-align: center;
}

#news {
	position: absolute;
	top: 8px;
	left: 248px;
	width: 43px;
	height: 14px;  
	border-right: 1px solid #fff;
	text-align: center;
}

#contact {
	position: absolute;
	top: 8px;
	left: 291px;
	width: 58px;
	height: 14px;  
	border-right: 1px solid #fff;
	text-align: center;
}

#logo {
	position: absolute;
	top: 140px;
	left: 0px;
	width: 140px;
	height: auto;
	text-align: center;
	background-color: #fff;
	float: left;
}

#main {
	position: absolute;
	top: 140px;
	left: 140px;
	width: 560px;
	height: auto;
	text-align: left;
	background-color: #fff;
	float: left;
}

#bottom {
	width: 100%;
	height: 14px; 
	text-align: left;
	font-family: verdana, helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	background-color: #999;
}

.link {
	text-decoration: none;
	font-family: verdana, helvetica, sans-serif;
	font-size: 10px;
	color: #f00;
}

.link:link {color: #666;}

.link:visited {color: #666;}

.link:hover {color: #00f;}

.email {
	text-decoration: none;
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #00f;
}

.email:link {color: #00f;}

.email:visited {color: #00f;}

.email:hover {color: #f00;}

.gry {
	text-decoration: none;
	font-family: verdana, helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
}

.gry:link {color: #fff;}

.gry:visited {color: #fff;}

.gry:hover {color: #00f;}

.title {
	text-align: left;
	font-family: verdana, helvetica, sans-serif;
	font-size: 18px;
	color: #00f;
}

p {	text-align: left;
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}