/*
Hi-Liner Booster Club Stylesheet
By: Erik Kringlie
*/

body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 62.5%;
}



/* Header ------------------------ */

#header {
	background: #fff;
}

.headerInner {
	margin: 0 auto;
	padding: 0 4%;
	position: relative;
	max-width: 900px;
	min-width: 700px;
	font-size: 1.2em;
	background: #75b2dd;
}

#logo {
	float: left;
	width: 173px;
	height: 122px;
	margin: 0 0 0 10px;
	padding: 0;
}

h2#siteTitle {
	float: right;
	padding: 55px 0 0 10px;
	margin: 0;
	font-family: Georgia;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1;
	color: #14148A;
}


/* Top Navigation ------------------------ */

#nav {
	margin-top: 0px;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
#nav ul li {
	float: left;
	width: 16%;
	margin: 0;
	padding: 0;
}
#nav ul li a {
	float: left;
	margin: 0;
	padding: 20px 10px;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
	-webkit-transition: color .3s linear;
}
#nav li a em {    
    display: block;
    margin: 2px 0 0 0;
    font-size: .9em;
	font-style: normal;
	text-transform: none;
	font-weight: normal;
	letter-spacing: 0;    
	opacity: .7;
}
#nav li a:hover {
	color: #333;
}

#nav li.active a {
	color: #333;
}

#nav li.active a em {    
	opacity: .6;    
}

/* Page Wrapper ---------------------- */

#pageWrap {
	background: #eee;
}

#pageWrap-inner {
	max-width: 900px;
	min-width: 700px;
	min-height: 200px;
	margin: 0 auto;
	padding: 20px 4% 30px 4%;
	font-size: 1.2em;
}

h2.section {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #14148A;
}

div.boosterNews p {
	margin: 0 0 20px 0;
	padding: 0 30px 0 0;
	font-size: 1.1em;
	line-height: 1.6;
	color: #333;
}

.newsStory { margin-bottom: 20px; padding: 10px; background-color: #e0e0e0; }
.newsStoryTitle { margin: 0 0 10px 0; padding: 0px 0 4px 0; color: #14148A; font-size: 20px; font-weight: bolder; border-bottom: 1px solid #999; }

.newsPic {
	margin-right:12px;
	float: left;
}

.frontPic {
	margin-right:12px;
}

.frontInfoText {
	line-height: 18px;
}

.webLinks {
	margin-top: 20px;
}

/* Feature Fan -------------------- */

#foty {
	margin: 0;
}

#foty .fanFeatured {
	min-height: 240px;
	padding: 10px;
	background: #e0e0e0;
}

#fotyList {
	margin-top: 30px;
	border-top: 1px solid #999999;
}

/* Donations -------------------- */

#donation {
	margin: 0;
}

#donation h3 { margin: 0px; padding: 0px; color: #14148A; font-size: 20px; }
#donation .recp { margin: 0px; padding: 0px; color: #333; font-size: 14px; font-weight: bold; }

#donation .donFeatured {
	min-height: 240px;
	margin-top: 10px;
	padding: 10px;
	background: #e0e0e0;
}

#donationList {
	margin-top: 30px;
	border-top: 1px solid #999999;
}

/* Right Col ---------------------- */

#followUs {
	background: #e2e2e2;
	min-height: 180px;
	float: right;
	width: 40%;
	margin: 0 0 20px 20px;
	padding: 10px;
}

#followUs h3 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #14148A;
	padding: 0;
	margin: 0;
}

/* Board Member Items ---------------------- */

#boardMemRight {
	background: #e2e2e2;
	min-height: 180px;
	float: right;
	width: 39%;
	margin: 0 0 20px 20px;
	padding: 10px;
}

#boardMemRight h3 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #14148A;
	padding: 0;
	margin: 0;
}

.memberNameList {
	padding-left: 20px;
	line-height: 18px;
}

.boardPhotoNames {
	width: 488px;
	margin-top: 360px;
	line-height: 16px;
	font-size: 11px;
	color: #666;
}

/* Page Footer ---------------------- */

#footer {
	background: #fff;
}

.footerInner {
	margin: 0 auto;
	padding: 0 4%;
	position: relative;
	max-width: 900px;
	min-width: 700px;
	min-height: 100px;
	font-size: 1.2em;
	background: #75b2dd;
}

#footer p {
	color: #fff;
	padding: 20px 0 0 0;
}

/* Utlilities ------------------------ */

.group {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }