body, html {	
	margin:0;
	padding:0;
	/* font: italic small-caps bold 10px/20px Arial,Helvetica,sans-serif; */
	font-family: Verdana, Arial, Helvetica, Trebuchet, sans-serif;
	font-size:10pt;
	color:#000000;
	background-color:#E0EFFE;} 

#main_outer { 
	width:770px;
	padding:0;
	margin:0 auto;
	background-color:#FFFFFF;}
#main { 
	padding:0px 10px 0px 10px;
	margin:0;
	background-color:#FFFFFF;
	border-top: 0px solid #fff;
	border-right: 1px solid #000099;
	border-bottom: 0px solid #fff;
	border-left: 1px solid #000099;}
	
#header {
	width:750px; 
	height:110px; /* height should match image */
	padding:0; 
	margin:0;						
	background:#FFFFFF url(images/header.jpg) no-repeat bottom left;
	font: normal normal bold 24pt/84px Arial,Helvetica,sans-serif;
	color:#697078;
	text-align:left;
	text-indent:0px;
	letter-spacing:1px;}
#login {
	width:125px;
	padding:0;
	margin: 15px 0 0 5px;
	float:right;
	/*background-image:url(images/buttonLogin.gif);*/
	color:#ffffff;
	font: normal normal bold 11px/20px Arial,Helvetica,sans-serif;
	text-indent:0px;}
#join {
	width:95px;
	height:20px;
	padding:0;
	margin: 15px 0 0 5px;
	float:right;
	/*background-image:url(images/buttonJoin.gif);*/
	color:#ffffff;
	font: normal normal bold 11px/20px Arial,Helvetica,sans-serif;
	text-indent:0px;} 
#photobanner {
	clear:all;
	float:right;}	   	

#left {
	clear:all;
	width:150px;
	float:left;
	padding:0;
	margin:10px 0 10px 0;
	background-color:#FFFFFF;
	border:0px solid #0000FF;
	font: normal normal normal 8pt Arial,Helvetica,sans-serif;
	color:#009900;}
#navicontainer { 
	padding:0;
	margin:0;
	border:0px solid #000000;}
#navicontainer ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: normal normal normal 11px/20px Arial,Helvetica,sans-serif;
	color:#000099;
	text-align:left;
	letter-spacing:1px;}
#navicontainer li {
	margin:0 0 3px 0;}  
.navheader { /* used when main nav item is a header with no link */
	display: block;
	width:130px;
	padding: 0 0 0 20px; /* indents the main nav text */
	margin:0;
	color:#000099;
	background:#b0cbe5 url(images/navheader.gif) repeat-y top left; }
#navicontainer a { /* used when main nav item is a link */
	display: block;
	width:130px;
	padding: 0 0 0 20px; /* indents the main nav text */
	margin:0;
	color:#000099;
	text-decoration: none;
	background:#b0cbe5 url(images/navheader.gif) repeat-y top left;
	font-weight:normal;}
#navicontainer a:visited {color:#000099;}
#navicontainer a:hover {
	color:#FFFFFF;
	background-color: #69C;
	background:#6688aa url(images/navheaderOn.gif) no-repeat top left;
	text-decoration: none;
	font-weight:normal;}
#navicontainer ul ul {font:normal normal normal 8pt/20px Arial,Helvetica,sans-serif;}
#navicontainer ul ul li {margin:0;} /* no margin around or especially under each sub nav item */
#navicontainer ul ul a {
	display:block;
	width:125px;
	padding:0 0 0 25px;
	margin:0;
	color:#000099;
	text-decoration: none;
	font-weight:normal;
	background: url(images/navbar.gif) repeat-y top left;}
#navicontainer ul ul a:visited {color:#000099;}
#navicontainer ul ul a:hover {
	color:#FFFFFF;
	background:url(images/navbarOn.gif) repeat-y top left;		
	text-decoration: none;
	font-weight:normal;}

#content_outer { /* define the content container for a content page */
	width:595px;	/* 770px - 2pxmainborder - 20pxmainpadding - 150pxnav = 598px max */
	float:left;
	margin:0;
	padding:0;
	background-color:#FFFFFF;}
#content {
	float:left;
	margin:0;
	padding-top:5px;
	padding-right:15px;
	padding-bottom:40px;
	padding-left:15px;
	font-family: Verdana, Arial, Helvetica, Trebuchet, sans-serif;
	font-size:10pt;
	color:#000000;	
	text-align:left;
	background-color:#FFFFFF;}

.nboxTitle { /* use this if you don't want to use an image */
	display:block;
	font:normal normal normal 24px "stone hinge",verdana,arial,sans-serif;
	color:#6699FF;
	text-align:center;
	background-color:#e0ebff;}
.nbox {border:2px solid #6699FF}
.nbox p {
	margin:8px;
	font: normal normal normal 8pt/14px Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:left;
	letter-spacing: 1px;}

.imgleft {
	float: left;
	padding: 2px;
	margin: 0 10px 0 0;
	border: 1px solid #6699FF;}
.imgright {
	float: right;
	padding: 2px;
	margin: 0 0 0 10px;
	border: 1px solid #6699FF;}

/*
#nbox_container {
	width:550px;
	float:left;
	padding:0px 0 0px 0;
	margin:0 auto;
	border:0px solid #000000;}
#box1{  
	width:170px;
	float:left;
	padding:0;
	margin:5px;
	background-color:#FFF;}	
#box2{  
	width:170px;
	float:left;
	padding:0;
	margin:5px;
	background-color:#FFF;}	
#box3{ 
	width:170px;
	float:left;
	padding:0;
	margin:5px;
	background-color:#FFF;}	
#newsheader {
 	width: 150px;
	padding:5px;
	margin:0;
	border-top: 2px solid #6699ff;
	border-right: 2px solid #6699ff;
	border-bottom: 0px solid #6699ff;
	border-left: 2px solid #6699ff;
	background:#e0ebff;
	font: normal normal bolder 14pt Verdana,Arial,Helvetica,sans-serif;
	color:#6699FF;
	text-align:center;}
#newsbox {  
	width:150px;
	padding:5px;
	margin:0;
	border-top: 0px solid #6699ff;
	border-right: 2px solid #6699ff;
	border-bottom: 2px solid #6699ff;
	border-left: 2px solid #6699ff;
	background:#ffffff;
	font: normal normal normal 8pt/14px Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:left;
	letter-spacing: 1px;}
*/

#upcomingevents {
	clear:all;
	float:left;
	padding:0;
	margin:10px 0 5px 0;
	width:550px;
	border:0px solid #6699FF;}
#upcomingevents td {
	padding:0 10px 0 10px;}
	
#content td {
	font-family: Verdana, Arial, Helvetica, Trebuchet, sans-serif;
	font-size:10pt;
	color:#000000;}	
#content a:visited, #content a:link {
	color: #000099;
	text-decoration:none;
	font-weight:bold;}
#content a:hover {
	color: #6699CC;
	text-decoration:none;
	font-weight:bold;}	
	
#content h1 { /* page title */
	padding-top:0;
	padding-right:0;
	padding-bottom:0;
	padding-left:0;
	margin:0;
	font-family: Verdana, Arial, Helvetica, Trebuchet, sans-serif;
	font-size: 24px;
	color:#6699ff;
	font-weight:bold;	
	font-style:normal;}
#content h2 { /* sub titles */
	padding-top:10px;
	padding-right:0;
	padding-bottom:0;
	padding-left:0;
	margin:0;
	font-family: Verdana, Arial, Helvetica, Trebuchet, sans-serif;
	font-size: 16px;
	color:#6699ff;
	font-weight:bold;	
	font-style:normal;}
	
#footer {
	clear: both;	
	width: 750px;
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #666666;
	text-align:center}		
#footer h6 {
	padding: 0;
	margin: 5px 0 0 0;
	text-align: center;
	font: normal normal normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #555555;}
#footer h6 a:visited, #footer h6 a:link {
	color: #6699ff;
	text-decoration:none;
	border-bottom: 0px solid #6699ff;}
#footer h6 a:hover {
	color: #0000ff;
	text-decoration:none;
	border-bottom: 0px solid #0000FF;}
	
a:link, a:visited {
	color: #6699ff;
	text-decoration:none;
	font-weight:bold;}
a:hover {
	color: #0000ff;
	text-decoration:none;
	font-weight:bold;}