/*---------- Main Attributes ----------*/
body {
	background: #010214 url(../images/freefly-background.jpg) top left no-repeat;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
a:link, a:active, a:visited {
	text-decoration: none;
	color: #C9C6A0;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
p {
	margin: 10px 0 10px 0;
}
img {
	padding: 0;
	margin: 0;
}
a img {
	border: none;
}
fieldset {
	margin-top: 10px;
}
/*---------- Headers ----------*/
h1 {
	height: 20px; 
	width: 295px; 
	text-indent: -9000px;
	margin: 0 0 5px 0;
	padding: 0;
	border-bottom: 1px solid #FFFFFF;
}

h1#homeh1miss { background: url(../images/head-mission-stat.gif) no-repeat bottom left; }
h1#homeh1news { background: url(../images/head-latest-news.gif) no-repeat bottom left; }
h1#homeh1event { background: url(../images/head-events.gif) no-repeat bottom left; margin: 0 0 5px 0; }
h1#homesponsor { background: url(../images/head-sponsors.gif) no-repeat bottom left; border: none; width: 130px; float: left; margin-top: 30px; }
h1#pageerror { background: url(../images/head-404.gif) no-repeat bottom left; }
h1#sponsorMain { background: url(../images/head-outbreak-sponsors.gif) no-repeat bottom left; }
h1#ourSponsors { background: url(../images/head-our-sponsors.gif) no-repeat bottom left; }
h1#coach { background: url(../images/head-coaching.gif) no-repeat bottom left; }
h1#coachPackages { background: url(../images/head-packages.gif) no-repeat bottom left; }
h1#contacts { background: url(../images/head-contacts.gif) no-repeat bottom left; padding-top: 20px; clear: both; }
h1#teamhead { background: url(../images/head-team-outbreak.gif) no-repeat bottom left; clear: both; }
h1#assochead { background: url(../images/head-friends.gif) no-repeat bottom left; clear: both; padding-top: 20px; }
h1#eventhead { background: url(../images/head-next-event.gif) no-repeat bottom left; clear: both; }
h1#upcomingEvents { background: url(../images/head-upcoming-events.gif) no-repeat bottom left; padding-top: 20px; clear: both; }
h1#previousEvents { background: url(../images/head-previous-event.gif) no-repeat bottom left; clear: both; }
h1#eventDetails { background: url(../images/head-event-details.gif) no-repeat bottom left; clear: both; }
h1#grad { background: url(../images/head-graduate.gif) no-repeat bottom left; clear: both; }
h1#certification { background: url(../images/head-certification.gif) no-repeat bottom left; clear: both; }
h1#graduates { background: url(../images/head-graduates.gif) no-repeat bottom left; clear: both; }
h1#latestoutbreak {
	background-image: url(../images/head-latest-outbreak.gif);
	background-repeat: no-repeat;
	background-position: left bottom; }

h2 {
	font-size: 15px;
	margin: 0;
	padding: 0;
	color: #99977E;
}
h3 {
	margin: 0;
	padding: 0;
	color: #99977E;
}
h4 {
	margin: 0 0 5px 0;
	padding: 0;
	border-bottom: 1px solid #FFFFFF;
	font-size: 14px;
}
#forum_container {
	float: left;
}
#forumMain {
	float: left;
	width: 600px;
	padding-left: 15px;
	margin-top: 20px;
}
/*---------- Navigation Formatting ----------*/
#mainnav { margin:0; padding:0; }

	#mainnav a { width: 205px; height:35px; text-indent: -9000px; display: block; }
	#mainnav #n1 a{
	background-color: transparent;
	background-image: url(../images/outbreak_nav.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
	#mainnav #n1 a:hover {
	background-color: transparent;
	background-image: url(../images/outbreak_nav.gif);
	background-repeat: no-repeat;
	background-position: -195px 0;
}
	#mainnav #n1 a.active{
	background-color: transparent;
	background-image: url(../images/outbreak_nav.gif);
	background-repeat: no-repeat;
	background-position: -395px 0;
}
	#mainnav #n2 a{
	background-color: transparent;
	background-image: url(../images/outbreak_nav.gif);
	background-repeat: no-repeat;
	background-position: 0 -35px;
}
	#mainnav #n2 a:hover {
	background-color: transparent;
	background-image: url(../images/outbreak_nav.gif);
	background-repeat: no-repeat;
	background-position: -195px -35px;
}
	#mainnav #n2 a.active{
	background-color: transparent;
	background-image: url(../images/outbreak_nav.gif);
	background-repeat: no-repeat;
	background-position: -395px -35px;
}
	#mainnav #n3 a{background: transparent url(../images/outbreak_nav2.gif) 0 -70px no-repeat; }
	#mainnav #n3 a:hover {background: transparent url(../images/outbreak_nav2.gif) -195px -70px no-repeat; }
	#mainnav #n3 a.active{background: transparent url(../images/outbreak_nav2.gif) -395px -70px no-repeat; }
	#mainnav #n4 a{background: transparent url(../images/outbreak_nav.gif) 0 -105px no-repeat; }
	#mainnav #n4 a:hover {background: transparent url(../images/outbreak_nav.gif) -195px -105px no-repeat; }
	#mainnav #n4 a.active{background: transparent url(../images/outbreak_nav.gif) -395px -105px no-repeat; }
	#mainnav #n5 a{background: transparent url(../images/outbreak_nav.gif) 0 -140px no-repeat; }
	#mainnav #n5 a:hover {background: transparent url(../images/outbreak_nav.gif) -195px -140px no-repeat; }
	#mainnav #n5 a.active{background: transparent url(../images/outbreak_nav.gif) -395px -140px no-repeat; }
	#mainnav #n6 a{background: transparent url(../images/outbreak_nav.gif) 0 -175px no-repeat; }
	#mainnav #n6 a:hover {background: transparent url(../images/outbreak_nav.gif) -198px -175px no-repeat; }
	#mainnav #n6 a.active{background: transparent url(../images/outbreak_nav.gif) -395px -175px no-repeat; }
	#mainnav #n7 a{background: transparent url(../images/outbreak_nav.gif) 0 -210px no-repeat; }
	#mainnav #n7 a:hover {background: transparent url(../images/outbreak_nav.gif) -198px -210px no-repeat; }
	#mainnav #n7 a.active{background: transparent url(../images/outbreak_nav.gif) -395px -210px no-repeat; }
	#mainnav #n8 a{background: transparent url(../images/outbreak_nav.gif) 0 -245px no-repeat; }
	#mainnav #n8 a:hover {background: transparent url(../images/outbreak_nav.gif) -195px -245px no-repeat; }
	#mainnav #n8 a.active{background: transparent url(../images/outbreak_nav.gif) -395px -245px no-repeat; }

/*---------- Common Page Formatting ----------*/

#side {
	float: left;
	width: 195px;
	display: block;
}
.header {
	margin-left: 7px;
}
#logo {
	margin: 10px 0 0 10px;
}
#promo {
	margin: 25px 0 0 37px;
}
#promo a img {
	border: 1px solid #FFFFFF;
}
#promo a:hover img {
	border: 1px solid #C9C6A0;
}
#main {
	float: left;
	padding-left: 15px;
	margin-top: 20px;
}
#mainContainer { float: left; height: auto; width: auto; display: block; }

/*#main {
	position: absolute;
	top: 20px;
	left: 210px;
	height: auto;
	display: block;
}*/

.left {
	float: left;
}
.right {
	float: right;
}
.blue {
	color: #1D97C3;
}
.grey {
	color: #C9C6A0;
}
/*---------- Home Page Formatting ----------*/
.home #main {
	width: 725px;
}

#homeleft {
	width: 295px;
	float: left;
	padding-bottom: 10px;
	height: auto;
}
#homeright img {
	margin-left: 20px;
	border: 1px solid #FFFFFF;
	width: 405px;
	float: left;
	height: auto;

}
/*---------- Coaching and Contacts Formatting ----------*/
.coaching #main {
	width: 600px;
}
.coaching p img {
	border: 1px solid #FFFFFF;
	margin-left: 10px;
}
.coachPackage {
	margin-top: 20px;
	float:left;
}
.coachPackage img {
	float: left;
	border: 1px solid #FFFFFF;
	margin-right: 25px;
}
/*---------- Team Page Formatting ----------*/
.team #main {
	width: 600px;
}
.teamMember {
	border: 1px solid #FFFFFF;
	margin-top: 25px;
	padding: 10px;
}
.teamimg {
	float: left;
	border: 1px solid #FFFFFF;
	margin: 0 20px 15px 0;
}
#assoc {
	float: left;
}
#assocImg {
	float: left;
}
#associates {
	float: left;
	padding: 10px 0 0 12px;
	margin: 0;
	width: 320px;
}

#assocPanel {
	float: right;
	border: 1px solid #FFFFFF;
	height: 280px;
	width: 240px;
	padding: 10px;
}
#associates li {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 15px 0 0;
}
/*---------- Events Formatting ----------*/
.events #main {
	width: 600px;
}
.eventname {
	float: left;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
}
.eventdate {
	float: left;
	padding-left: 20px;
}
.eventshort {
	
}
.more {
	float: right;
}
.previousEvents {
	float: left;
}
.eventBox {
	border: 1px solid #99977E;
	padding: 10px;
	margin-bottom: 15px;
	height: auto;
}
.events h2 {
	font-size: 16px;
	color: #FFFFFF;
}	
.eventField {
	float: left;
	font-weight: bold;
	width: 50px;
	display: block;
	padding-right: 20px;
	clear: both;
}
.eventInfo {
	float: left;
	display: block;
	margin-bottom: 20px;
	width: 530px;
}
.eventInfo p {
	padding: 0 0 10px 0;
	margin: 0;
}
#eventImg {
	border: 1px solid #FFFFFF;
	clear: both;
}
/*---------- Gallery Formatting ----------*/
.gallery #main {
	width: 610px;
}

#galnav {
	font-weight: bold;
}
.galCat {
	margin: 0 20px 20px 20px;
	float: left;
}
.galCat img {
	border: 1px solid #FFFFFF;
	width: 160px;
	float: left;
}
.galInfo {
	float: left;
	width: 375px;
	margin-left: 25px;
}
#thumbs {
	float: left;
	width: 630px;
	clear: both;
}
#thumbs a img {
	border: 1px solid #FFFFFF;
}
#thumbs a:hover img {
	border: 1px solid #666666;
}
#thumbs img {
	margin: 3px;
}

/*---------- Graduate Formatting ----------*/
.grad #main {
	width: 600px;
}
.grad p img {
	border: 1px solid #FFFFFF;
	margin-left: 10px;
}
.qualimg {
	float: right;
	border: 1px solid #FFFFFF;
	margin: 0 0 15px 20px;
}
#gradBox {
	width: 580px;
	border: 1px solid #FFFFFF;
	height: 480px;
	display: block;
	padding: 10px;
	overflow: auto;
}
#gradBox h2{
	clear: both;
}
.associates {
	float: left;
	padding: 10px 0 0 12px;
	margin: 0;
}
/*---------- Sponsors Formatting ----------*/
.sponsors #main {
	width: 610px;
}
.sponsors p img {
	border: 1px solid #FFFFFF;
	margin-right: 10px;
}
.sponsor-box {
	padding: 20px 0 5px 0;
	font-size: 11px;
	float: left;
	border-bottom: 1px solid #99977E;
}

.sponsor-img {
	float: left;
	width: 175px;
	margin-right: 15px;
	border: 1px solid #FFFFFF;
}

.sponsor-info {
	float: left;
	width: 415px;
}
/*---------- Footer Formatting ----------*/
#sponsors {
	float: left; 
	clear: both;
	padding: 10px;
	background: #010214;
	height: auto;
	width: 950px;
	margin-top: 20px;
	display: inline;
}
.sponsorImg {
	margin: 0 7px;
	vertical-align: middle;
	border: 1px solid #FFFFFF;
}
#footer {
	display: block;
	height: 22px;
	color: #FFFFFF;
	padding: 15px;
	margin-bottom: 15px;
	width: 905px;
	clear: both;
}
#webDesign {
	float: right; 
	font-size: 9px; 
}
.popup { background: #003366 url(../images/popup-background.jpg) bottom right no-repeat; }