body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	background-image: url(images/backVestTeal.jpg);
	background-repeat: no-repeat;
	background-color: #1D1C20;
		scrollbar-track-color: teal;
	scrollbar-face-color: #727272;
	scrollbar-highlight-color: #339999;
	scrollbar-shadow-color: #666666;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color:#C2E0E0;
	scrollbar-darkshadow-color: #000000;
	}
#navMain { /* menu bar div */
		z-index:1000; /* doc added this theme change here */
	width: 650px;
	margin-left: auto;
	margin-right: auto;
}
#alwaysOnTop{
	width:99%;
	position:fixed;
	margin-left:auto;
	margin-right:auto;
}
#wrapper {
	width:75%;
	margin-left: auto;
	margin-right: auto;
	background-color: #333333;
	/*border: solid 2px white;*/
}
#indexContentWrapper{
	position: relative;
	color: #333333;
	background-color: #FFFFFF;
	padding: 20px;
	border-width:10px;
	border-top-style: ridge;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-top-color: #8DB4B9;
	border-right-color: #8DB4B9;
	border-bottom-color: #8DB4B9;
	border-left-color: #8DB4B9;
	top: 1.865in;
	left: 263px;
	background-image: url(images/starback.jpg);
	background-repeat: no-repeat;
}
	
#beanieHat {
	position: absolute;
	left: -13px;
	top: -1096px;
}
#mainContent { /*used on content pages */
	position: relative;
	top: 150px;
	/*height: 700px;*/
	width: 650px;
	/*left: 200px;*/
		margin-left:auto;
		margin-right:auto;
	color: black; /*#333333;*/
	background-color: #FFFFFF;
	padding: 7px;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-top-color: #8DB4B9;
	border-right-color: #8DB4B9;
	border-bottom-color: #8DB4B9;
	border-left-color: #8DB4B9;
	min-height:300px !important;
	max-height:700px !important;
	overflow: auto;

}
/* =====================================  Suckerfish Menu Styles================================ */
	#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 11em;
	background-color: #006564;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 11em;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 11.05em;
		margin-top : -1.35em;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width: 11em;
		w\idth : 10em;
		display : block;
		color : black;
		font-weight : bold;
		text-decoration : none;
		background-color : white;
					background-color:#e1f8f8;
		border : 1px solid black;
		padding : 0 0.5em;
	}
	
	#nav li a:hover {
		color : white;
		background-color : black;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
	#content {
		margin-left : 12em;
	}
/* =====================================  END OF Suckerfish Menu Styles================================ */	
#vertMenu {
	top: 150px;
	position: relative;
}
div#mainContent a:link {
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	color: #004F4F;
	font-weight: bolder;
}

div#mainContent a:visited:hover, div#mainContent a:link:hover  {
	font-size: 110%;
	color: White;
	text-decoration: none;
	background-color: Teal;
	padding-left:5px;
	padding-right:5px;
}
a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #005B5B;
	font-weight: bold;
	font-size: 105%;
}


/* I am trying to create better hyperlinks through this class. Not WORKING
.hypelink { 
a:link 
	font-family: "Trebuchet MS";
	color: Black;
	font-weight:bolder;
	font-style:italic;
	text-decoration:none;

a:hover  
font-family: "Trebuceht MS";
	font-weight: bold;
	color: White;
	text-decoration:none;
	background-color: Teal;
	padding-left:5px;
	padding-right:5px;*/

a:visited {
	color: Teal;
	text-decoration:none;
	font-size: 110%;
}

#topHat {
	line-height: .55em;
}
#subtopHat {
	line-height: .55em;
}
div#innerWrapper {
	position: absolute;
	color: #333333;
	background-color: #FFFFFF;
	padding: 15px;
	border-width:10px;
	border-top-style: ridge;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-top-color: #8DB4B9;
	border-right-color: #8DB4B9;
	border-bottom-color: #8DB4B9;
	border-left-color: #8DB4B9;
	top: 1.865in;
	left: 263px;
	background-image: url(images/starback.jpg);
	background-repeat: no-repeat;
}
div#innerWrapper #colRight {
	position: relative;
	height: 350px;
	width: 300px;
	color: #333333;
	background-color: #FFFFFF;
	padding: 10px;
	border-width:medium;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-top-color: #8DB4B9;
	border-right-color: #8DB4B9;
	border-bottom-color: #8DB4B9;
	border-left-color: #8DB4B9;
	float:right;
	top: inherit;
}
#wrapper #innerWrapper #flip {
	position: absolute;
	left: 378px;
	top: 300px;
	float:right;
	height: 405px;
}
#wrapper #innerWrapper #flip object {
	z-index: 0;
}
#wrapper #innerWrapper .textWrap {
	width: 350px;
}
#indexpagefooter{
	position:relative;
	/*left:300px;*/
	top: 11in;
	margin-bottom: 50px;
	width: 660px;
		margin-left:auto;
		margin-right:auto;

}
#footer {
	position:absolute;
	display:block;
	left: 266px;
	top: 12.333in;
	margin-bottom: 50px;
	/*width: 660px;*/
	width:698px;
		margin-left:auto;
		margin-right:auto;

}



#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

.videoBG {
	background-image:url(images/starback.jpg);
}
.copyright {
	font-family: "Courier New", Courier, monospace;
	color: #CCCCCC;
	padding: 7px;
	margin-bottom: 50px;
}

.bullet {
	list-style-image: url(images/t1.gif);
}
.bullet2 {
	list-style-image: url(images/TealSquare.gif);
}


p.quote {
	font-family: "Calibri", serif;
	font-style: Italic;
	font-size: 110%;
	margin-left: 2em;
	margin-right: 2em;
	border-width: Thin;
	border-color: Teal;
	border-style: solid;
	padding: 5px;
	text-align: left;
}
p.news {
	font-weight: bolder;
	color: #004f4f;
	font-size: 105%;
	text-align: justified;
	border-width: Thin;
	border-color: Teal;
	border-style: solid;
	padding: 5px;
}

.much {
	font-weight: Bold;
	font-style: italic;
	text-decoration: none;
	color: #004F4F;
	font-size: 100%;
}

.bui {
font-weight: Bold;
font-style: Italic;
text-decoration: Underline;
}
.fltrt {
	float: right;
	margin-right: 8px;
}

h1, h2, h3, h4, h5 {
	font-family:"Trebuchet MS", sans-serif;
}
h1 {font-size: 250%;
	text-align: Center;
	font-weight: Bolder;
	}

h2 {font-size: 200%;
	text-align: Center;
	font-weight: Bold;
	font-style: Italic;

	}

h3 {font-size: 150%;
	text-align: Center;
	font-weight: Bold;
	}

h4 {
	font-size: 105%;
	font-weight: bold;
	font-style: normal;
	text-align: Left;
	}

h5 {font-size: 100%;
	font-weight: bold;
	text-align: Left;
	font-style: Italic;
	text-decoration: Underline;
	color:teal
	}
h6 {font-size: 105%;
	font-weight: bold;
	text-align: Left;
	color:black
    }