﻿/* main.css */
/*
COLORS
#8CA1C4; blue - body background
#A4BADF; light blue - SectionOne background
#6C82A6; Nav a blue
#BDCDE9; lighter blue - Util a
#D8EA86; green - SectionTwo background 
#C8D97A; darker green - SectionThree border
#77920A; dark green - Nav a:hover, QuoteBox h1, QuoteBox li a, a:hover
#0070E3; bright blue - a
#5678B0; strong blue - ColumnOne h2
#d1a41c; khaki - h4
#EFECE0; tan - leftImg, rightImg
#264f6e; darkest blue- ColumnOne p, address 264f6e
#DFE8F6; baby blue - tabContent,
#277cbc: bright sky blue
#1c6ba6; SectionOne border, nav text
#51400f; brown text
#988b58; light brown text
#1c547e; dark blue text
*/
/* reset defaults */
*{
	outline: none;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 
table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img {  
	border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 
ol,ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym {
	border:0; 
}

body {
	background: #277cbc ;
	padding: 5px 0;
	margin: 0;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 72%;
	width: 100%;
	color: #fff;
}
#SectionOne { /* burgundy */
	background: #4b1827;
	border-top: 1px solid #1c6ba6;
	border-bottom: 1px solid #1c6ba6;
}
#SectionTwo {/* med blue */
	background: #0066a0;
	border-top: 1px solid #e3c0c3;
	overflow: hidden;

}
#SectionThree {/* dark blue */
	background-image:url('../images/bg1.gif');
	border-top: 5px solid #4b1827;
}
#Head {
	width: 940px;
	margin: 0 auto;
}
#Banner, #Content, #Footer {
	width: 940px;
	margin: 0 auto;
}
#Content {
	overflow: hidden;
	background-color:#03476e;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* GENERAL STYLES */
h1 {
	top:40px;
	right:10px;
	height:70px;
	width:500px;
	overflow: hidden;
	text-indent: -999em;
}

h2 {
	font-size: 2.5em;
	color: #9dc4e1;
	margin-bottom: 20px;
}

h3 {
	font-size: 2.0em;
	color: #c78087;
	padding-top: 20px;
	padding-bottom: 15px;
}

h4 {
	font-size: 1.7em;
	color: #ffffff;
	padding-top: 20px;
	padding-bottom: 15px;
}
  
p {
	margin-bottom: 1.5em;
	font-size: 1.4em;
	line-height: 1.6em;
}
a img {
	border: none;
}
.pad {
	padding: 5px;
}

a {
	color: #9dc4e1;
	text-decoration: underline;
}
a:hover {
	color: #0070E3;
	text-decoration: none;
}
#Content a {
	color: #0070E3;
	text-decoration: underline;
}
$Content a:hover {
	color: #77920A;
	text-decoration: none;
}	
ul {
	list-style: none;
}
.leftImg {
	float: left;
	margin: 5px 15px 10px 0;
	padding: 3px;
	border: 1px solid #9dc4e1;
}	
.rightImg {
	float: right;
	margin: 5px 0 10px 15px;
	padding: 3px;
	border: 1px solid #9dc4e1;
}
.noBorder {
	
	border:none;
}
.clear {
	clear:both;
}

.floatLeft {
	 float:left;
}

.floatRight {
	 float:right;
}

.moreLink {
	display: block;
	text-align: right;
}
.smallText, #ColumnOne p.smallText {
	font-size: 11px;
}
.accentHeader{
	font-size: 1.3em;
	color: #cee1f0;
}
.accentText{
	color: #fff;
}
address {
	font-size: 1.2em;
	line-height: 1.3em;
	color: #264f6e;
}
ul.normalList {
	color: #264f6e;
	margin-bottom: 15px;
	font-size: 1.3em;
} 

/* NAV STYLES */
#Nav {	
	position: absolute;
	left: 17px;
	bottom: -1px;
	margin: 0;
	padding: 0;
	width: 936px;
}
#Nav li {
	height: 30px;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#Nav li a {
	display: block;
	width: 117px;
	height: 30px;
	background: url('../images/bg_navtab.png') no-repeat 0 0;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	font-size: 1.4em;
	color: #4b1b1c;
	cursor: pointer;
}
#Nav li a:hover {
	background-position: 0 -30px;
	color: #9e0039;
}

/* NAV TAB ACTIVE STATES */
.home #Nav li.home a, 
.coaching #Nav li.coaching a,
.youth #Nav li.youth a, 
.about #Nav li.about a,
.contact #Nav li.contact a {
	background-position: 0 -30px;
	color: #03476e;
}

/* HEAD STYLES */
#Head {
	height: 50px;
	position: relative;
	background-color:#4b1827;
}
	/* Box Styles - create rounded corners for Box */
	
	.bl {background: url("../images/bottomLeft.gif") 0 100% no-repeat #cee1f0; min-height:270px; } 
	.br {background: url("../images/bottomRight.gif") 100% 100% no-repeat; min-height:270px;} 
	.tl {background: url("../images/topLeft.gif") 0 0 no-repeat; min-height:270px;} 
	.tr {background: url("../images/topRight.gif") 100% 0 no-repeat; padding:10px; min-height:270px;} 

/* HOMEPAGE STYLES */
/* HOME BANNER STYLES */
#Banner {
	overflow: hidden; /* fix for floated children */
}
#Banner h1 span, #Banner h2 span, #Banner p span {
	display: block;
}
.home #Banner a {
	font-size: 11px;
} 

/* HOMEPAGE BOX STYLES*/
#PhotoBox1 {
	width:940px;
	height: 209px;
	background: url('../images/BgHead.jpg') no-repeat;
}

#QuoteBox {
	width: 260px;
	height: 260px;
	background: url('../images/Quotebg.jpg') no-repeat ;
	color: #02263b;
	margin: 7px;
}
#QuoteBox h2 {
	font-size: 17px;
	color: #02263b;
	padding-top: 25px;
	text-align:center;
}

#QuoteBox blockquote {
	font-size: 16px;
	color: #480108; 
	font-family: "Tempus Sans ITC", "comic sans ms", "sans serif";
	padding: 80px 40px 7px 55px;
	font-weight:bold;
	line-height:20px;
}

#QuoteBox cite {
	display: block;
	text-align:center;
	font-size: 14px;
	padding: 7px;
	color: #03476e;
	font-family: "Tempus Sans ITC", "comic sans ms", "sans serif";
}

/* column styles */
 #ColumnOne {
	width: 340px;
	float: left;
	margin-left:20px;
	padding: 0;
	background-color: #cee1f0;
	min-height: inherit;
	margin-right: 20px;
}

 #ColumnOne h2 {
	font-size: 3.3em;
}
#ColumnOne h3 {
	font-size: 2.0em;
	margin-bottom: 0;
}
 #ColumnOne p {
	margin-left:120px;
	color: #264f6e;
		line-height: 1.7em;

}


/* HOMEPAGE COLUMNTWO STYLES */
#ColumnTwo {
	width: 530px;
	float: left;
	background: none;
	min-height: inherit;
	margin-right: 20px;
}

 #ColumnThree {
	width: 900px;
	background-color: #03476e;
	margin-left: 20px;
	margin-right: 20px;
	min-height: inherit;
	
}

/* CUSTOM BULLET LIST STYLES */
.customBulletList li {
	padding: 7px 0;
	background: url('../images/bullet_arrow.gif') no-repeat left 8px;
}	
.customBulletList li a {
	display: block;
	margin: 0 0 0 15px;
}	


/* FOOTER STYLES */
#Footer {
	position: relative;
	overflow: hidden;
	margin-bottom: -1px;
}
/*footer sitemap styles */
#FooterSiteMapWrapper {
	width: 600px;
	float: left;
	margin: 5px;
	background-color: #4b1827;
	height: 120px;
}
#Footer-inner{
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 3px 0 20px 0;
}

#Footer p {	 color:#e3c0c3; font-size: 1.1em; margin: 0 0 1.5em .5em; }

#Footer .divider {
	
	font-size: 1.4em;
	color: #ffdb6f;
	padding: 5px;
	font-weight:normal;
}
#navfooter { }

#navfooter a { border: 0; font-weight: normal; text-decoration:none; }
#navfooter a:link,
#navfooter a:visited { color: #fff; }
#navfooter a:hover { color: #cee1f0; }

#navfooter li {
	color: #277cbc;
	display: block;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 5px;
}


/* infobox styles */	
#InfoBox {
	float: left;
	width: 228px;
	margin: 5px;
	background: #A8BDE0;
	border: 1px solid #ACC0E1;
}
#InfoBox p, #InfoBox address {
	font-size: 10px;
	margin: 5px 10px 10px 10px;
	letter-spacing: -.01em;
}
#InfoBox address {
	margin-top: 15px;
	font-style: normal;
}
#InfoBox a {
	color: #5678B0;
	text-decoration: none;
}
#InfoBox a:hover {
	text-decoration: underline;
}
#InfoBox h4 {
	font-size: 1.6em;
	color: #264f6e;
}


