body {

	margin: 0px;

	padding: 0px;

	font: 62.7% Verdana, Arial, Helvetica, sans-serif;

	background: #E6E6E6 url(edges.png) repeat-y center top;

	text-align: center;

}



h1, h2, h3, h4, p, ul, ol {

	margin: 0px;

	padding: 0px;

}



a img { 

	border: none;

}
/*this centers everything*/
#wrapper {

	width: 760px;

	margin-right: auto;

	margin-left: auto;

	border-right: 2px solid #000000;

	border-left: 2px solid #000000;

	background: #FFFFFF url(column_bg.png) repeat-y right top;

	text-align: left;

}



#banner {

	width: 760px;

	background: url(logo.png) no-repeat center;

	height: 90px;

	float: left;

}

#nav {

	float: left;

	width: 150px;

	clear: left;

}

#main {

	float: left;
	
	color: Black;

	width: 429px;

	margin-right: 10px;

	padding-left: 10px;

	border-left: 1px dashed #999999;

	display: inline;
	min-height: 1000px;/*gave this value to make sure pages long enough*/
}
/* for Internet Explorer which does not recognize min height*/
/**/
* html #main {
height: 1000px;
}
/**/
#news {

	float: right;

	width: 160px;

	padding-bottom: 15px;


}

/*Footer*/

#footer {
	border-top: 1px dashed #999999;
	width: 760px;
	height: 50px;
	background-color: Black;
	font-weight: bold;
	color: #666666;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-style: italic;

}

#footer a {
	text-decoration: none;

	border-bottom: 1px dashed White;

	color: White;
}
/* Bottom left image div*/

div.leftimage {
	background-image: url(always.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 100px;
}
.textbelow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-style: italic;
	color: #666666;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999999;
}
.textbelow a {
	text-decoration: none;

	border-bottom: 1px dashed #0002BF;

	color: #152D6A;
}

/* NAVIGATION */

#mainNav li {

	list-style: none;

	display: inline;

}

#mainNav a {

	text-decoration: none;

	color: #000000;

	font-size: 1.1em;

	text-transform: uppercase;

	border-bottom: 1px dashed #999999;

	display: block;

	padding: 7px 5px 7px 30px;

	background: #E7E7E7 url(grey.png) no-repeat left center;

}

a#homeLink {

	background-image: url(house.png); 

	background-repeat: no-repeat;

	background-position: left center;

}

#mainNav ul {

	border-top: 1px dashed #999999;

	margin-top: 20px;

	margin-bottom: 20px;

}



#mainNav a:hover {

	background: #B2F511 url(green.png) no-repeat left center;

	padding-right: 15px;

	padding-left: 30px;

	font-weight: bold;

}



#home #maintNav a#homelink,

#feature #mainNav a#featureLink {

	background: #FFFFFF url(check.png) no-repeat 95% 50%;

	padding-right: 15px;

	padding-left: 30px;

	font-weight: bold;

}



#home #mainNav a#homelink:hover,

#feature #mainNav a#featureLink:hover {

	color: Black;

}



#nav p {

	color: #ED6733;

	padding-right: 5px;

	padding-left: 5px;

}





#nav a {

	text-decoration: none;

	color: #666666;

}



/* BANNER STYLES */

#banner img {

	float: left;

}

#banner ul {

	margin: 0px;

	padding: 0px;

	list-style: none;

}

#banner li {

	display: inline;

	float: right;

	margin-right: 5px;

	padding-bottom: .5em; /* to display bottom border on links in IE */

}



/* MAIN */



#main a {

	text-decoration: none;

	border-bottom: 1px dashed #0723A1;

	color: #152D6A;

}



#main h1 {

	color: #3074E0;

	margin-top: 15px;

	margin-bottom: 5px;

	border-bottom: 2px solid #B2F511;

	font: normal 2.7em Impact, "Arial Narrow", sans-serif;

	text-transform: uppercase;

	letter-spacing: 1px;

	word-spacing: 5px;

	background: url(club.png) no-repeat top right;

}
#main h2 {

	font: normal 2em Impact, "Arial Narrow", sans-serif;
	
	text-transform: uppercase;

	letter-spacing: 1px;

	margin-top: 15px;

	margin-bottom: 3px;

	color: #3F27C0;
	}
#main h3 {
  font: normal 1.4em Impact, "Arial Narrow", sans-serif;
  
  text-transform: uppercase;
  
  letter-spacing: 1px;

	margin-top: 15px;

	margin-bottom: 3px;

	color: #3737FF;
}

#main p {

	font-size: 1.25em;

	margin-bottom: 5px;

}



/* headlines with icons(put a different image here */

.icon {

	background: url(heart.png) no-repeat left center;

	padding-top: 2px;

	padding-left: 30px;

	border-bottom: 1px dotted #CCCCCC;

}



/* NEWS */
#news li {

	list-style: none;

	display: inline;

}

#news a {

	text-decoration: none;

	color: #000000;

	font-size: 1.1em;

	text-transform: uppercase;

	border-bottom: 1px dashed #999999;

	display: block;

	padding: 7px 5px 7px 30px;

	background: #E7E7E7 url(grey.png) no-repeat left center;

}


#news ul {

	border-top: 1px dashed #999999;

	margin-top: 20px;

	margin-bottom: 20px;

}



#news a:hover {

	background: #B2F511 url(green.png) no-repeat left center;

	padding-right: 15px;

	padding-left: 30px;

	font-weight: bold;

}


/*
....................thumbnail determines how the small photos look
*/
 .thumbnail
{
float: left;
width: 83px;
height: 115px;
border: 1px solid #999;
margin: 0px 15px 5px 0;
padding: 5px;
}
/*
.................thumbnailUnitBoard determines how the photos look on Unit Board page
*/
 .thumbnailUnitBoard
{
float: left;
width: 160px;
margin: 0px 15px 5px 0;
padding: 5px;
}
#centerunitboard {
float: left;
   width: 380px;
	min-height: 800px;/*gave this value to make sure pages long enough*/
   margin-right: 10px;
   padding-left: 10px;
   border-left: 1px dashed #999999;
   display: inline;
}


#centerunitphotos {
   float: left;
   width: 350px;
	min-height: 800px;/*gave this value to make sure pages long enough*/
   margin-right: 10px;
   padding-left: 10px;
   border-left: 1px dashed #999999;
   display: inline;
}
.alphabet {
   float: left;
   width: 420px;
	height: 20px;
	
}
/* this div belongs on photo pages and shows the alphabet on the top.*/
.alphabet ul{
padding: 3px 9px 2px 5px;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font-size: 1em;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}
.alphabet li{
display: inline;
margin: 0;
}
.alphabet li a{
text-decoration: none;
padding: 3px 2px 2px 2px;
margin: 0;
margin-right: 0px; /*distance between each tab*/
color: black;
font-size: 1em;
}
.alphabet li a:visited{
color: black;
}
.alphabet li a:hover{
background-color: #7E7E7E;
color: black;
}
/*End of Alphabet Div*/