/* ===== General Styles ===== */
body 
{
	margin: 0px 0px 5px 0px;
	background-image:  url("Site-Graphics/bg.jpg");
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment:fixed;
	background-color:#001E32;
	min-width:320px; 
	}

a:link 
{
	font-family:Palatino Linotype, Geneva, sans-serif;
	color: #F3F1F1;
	font-weight: normal;
	text-decoration: none;
}

a:visited 
{
	font-family:Palatino Linotype, Geneva, sans-serif;
	color:#F3F1F1;
	font-weight: normal;
	text-decoration: none;
}

a:hover 
{
	font-family:Palatino Linotype, Geneva, sans-serif;
	color: #C8B464;
	font-weight: normal;
	text-decoration: none;
}

/* ===== Top Nav Buttons ===== */

a.TopNav:link /* Nav Buttons */
{
	 font-family:Palatino Linotype, Geneva, sans-serif;
     background-color: transparent;
     padding: 5px 10px 5px 10px;
     color: #AFAFAF; 
     font-size: 0.9em;
     font-weight: normal;  
     text-decoration: none;
     -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	  border-radius: 5px;
	  border: 0px;

}
a.TopNav:visited /* Nav Buttons */
{
	 font-family:Palatino Linotype, Geneva, sans-serif;
     background-color: transparent;
     padding: 5px 10px 5px 10px;
     color: #AFAFAF; 
     font-size: 0.9em;
     font-weight: normal;  
     text-decoration: none;
     -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	  border-radius: 5px;
}
a.TopNav:hover /* Nav Buttons */
{
	 font-family:Palatino Linotype, Geneva, sans-serif;
     background-color: #3C698C;
     padding: 5px 10px 5px 10px;
     color: #fff; 
     font-size: 0.9em;
     font-weight: normal;  
     text-decoration: none;
     -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	  border-radius: 5px;
}


/* ===== Main Site Layout ===== */

#outterWrapper 
{
	max-width : 1000px;
	width : 100%;
	margin: 0px auto 0px auto;
	background-color: #000F19;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 0px 5px 100px #000;
	-webkit-box-shadow: 0px 5px 100px #000;
	box-shadow: 0px 5px 100px #000;
}


#banner
{
	max-width : 900px;
	width : 100%;
	margin: 2% 0% 1% 0%;
	background-color: transparent;
	text-align:center;
}

.nav
{
	max-width : 900px;
	width : 100%;
	margin: 0px 0px 5px 0px;
	padding: 7px 0px 7px 0px;
	background-color: transparent;
	border-top: 1px #DCD2A0 dotted;
	border-bottom: 1px #DCD2A0 dotted;
	text-align:right;
}

#wrapper 
{
	max-width : 900px;
	width : 100%;
	margin: 0px auto 0px auto;
	background-color: transparent;
}

.slides
	{
	width : 100%;
	margin: 20px auto 0px auto;
	background-color: transparent;
	}

	.vid {
		position : relative;
		padding-bottom : 55.0%;
		padding-top : 0px;
		height : 0;
		overflow : hidden;
	}
	.vid iframe {
		position : absolute;
		top : 0;
		left : 0;
		width : 100%;
		height : 100%;
	}

.header
{
	max-width : 900px;
	width : 100%;
	margin-top: 5px;
	background-color: transparent;
}

.comContent
{
	max-width : 900px;
	width : 100%;
	margin: 2% auto 2% auto;
	background-color: transparent;
}

.ltHome
{
	float:left;
	width : 48%;
	margin: 1% 0% 2% 0%;
	background-color: transparent;
}

.rtHome
{
	float:right;
	width : 48%;
	margin: 0% 0% 2% 0%;
	background-color: transparent;
}

.ltCol
{
	float:left;
	width : 48%;
	margin: 1% 0% 2% 0%;
	background-color: transparent;
	border-right: 1px solid #fff;
}

.rtCol
{
	float:right;
	width : 48%;
	margin: 1% 0% 2% 0%;
	background-color: transparent;
}

.homeWrapper
{
	max-width : 900px;
	width : 100%;
	margin-top: 10px;
	background-color: transparent;
	border-top: 1px #DCD2A0 dotted;
}


.homBox
{
	float:left;
	width: 30%;
	margin: 3% 0% 2% 2.5%;
	background-color: transparent;
	text-align:center;
}


.spacer
{
	width: 100%;
	height:10px;
	background-color: transparent;
	clear:both
}



/* ===== Text styles ===== */

h1 /* Main Heading Text */
{
	font-family:arial, Geneva, sans-serif;
	color: #3C698C;
	font-size: 1.4em;
	font-weight: normal;
	text-decoration: none;
}

.homeButtonText  
{
	font-family:arial, Geneva, sans-serif;
	color: #F3F1F1;
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: none;
	margin-top:0px;
}

.siteText  
{
	font-family:arial, Geneva, sans-serif;
	color: #F3F1F1;
	font-size: 1.1em;
	font-weight: normal;
	text-decoration: none;
	margin-top:0px;
}

.charterText  
{
	font-family:arial, Geneva, sans-serif;
	color: #F3F1F1;
	font-size: 1.1em;
	font-weight: normal;
	text-decoration: none;
	margin-top:15px;
}

li
{
	font-family:arial, Geneva, sans-serif;
	color: #F3F1F1;
	font-size: 1.1em;
	font-weight: normal;
	text-decoration: none;
	margin: 2px;
}

.redText  
{
	font-family:arial, Geneva, sans-serif;
	color: red;
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: none;
}


/* ===== Image styles ===== */

.homeImg
{
	max-width : 100%;
	height : auto;
	width : auto;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 0px 5px 30px #000;
	-webkit-box-shadow: 0px 5px 30px #000;
	box-shadow: 0px 5px 30px #000;
	margin-bottom:10px;	
	border:0px;
}

.imgLink
{
	max-width : 100%;
	height : auto;
	width : auto;
	border:0px;

}

.mobile
{
	max-width : 100%;
	height : auto;
	width : auto;
	border:0px;
	margin: 0px 5px 0px 5px;
}

/* ===== Footer Styles ===== */

#footerWrapper 
{
	width: 100%;
	background-color: transparent;
	margin-top:10px;
	padding: 10px 0px 10px 0px;
	border-top: 1px #DCD2A0 dotted;
	text-align:center;
}

/* ===== MEDIA SCREENS ===== */

@media screen and (max-width: 740px) 	
	{

.wrapper 
{
	width: 98%;
}
#banner 
{
	width: 96%;
}

.nav 
{
	width: 100%;
	text-align:center;
}

.ltHome
{
	float:left;
	width : 96%;
	margin: 1% 0% 2% 2%;
}

.rtHome
{
	float:right;
	width : 98%;
	margin: 0% 0% 2% 0%;
}

.ltCol
{
	float:left;
	width : 96%;
	margin: 1% 0% 2% 2%;
	border:0px;
}

.rtCol
{
	float:left;
	width : 96%;
	margin: 1% 0% 2% 2%;
}
		
.homeWrapper
{
	width : 100%;
}

.homBox
{
	width: 40%;
	margin: 10% 5% 3% 3%;
}

.header
{
	width : 96%;
	margin: 2% auto 0% auto;;
	background-color: transparent;
}

.comContent
{
	width : 96%;
}

.imgLink
{
	max-width : 95%;
}

}