/* CSS Document */
/* by: Cheryl Morton - Coach America */

body { margin: 0px; padding: 0; font-family: Helvetica, Arial, sans-serif; background-color: #FFFFFF; }
#wrapper { width: 752px; margin: 0px auto; padding: 0px;  background-color: #EDEDEC;}

a { text-decoration: none; color:#0055a5;}
a:hover { text-decoration: underline; color:#0055a5; }
p { font-size: 12px;}
p.blue {font-family: "Century Gothic", Helvetica, Arial, sans-serif; top: 20px; color:#0055a5;}
img.photo { border: medium double #666666; margin-left: 10px; }
h2 { margin: 0; margin-bottom: 14px; padding: 0; font-family: "Century Gothic", Helvetica, Arial, sans-serif; font-size: 14px; }
hr { width: 100%; color: #FAFAFA; height: 1px; margin-top: 3px; margin-bottom: 3px;}

/* BEGIN Header */
#header {float: left; margin-top: 0px; width: 752px; height: 276px; background: url(../images/header.jpg); }
	#quoteImg { position: absolute; margin-left: 7px; margin-top: 179px; list-style: none; }
	#quoteImg #button { position: absolute; left: 0px; width: 158px; height: 54px; top: 16px;  }
	#quoteImg #button a { display: block; width: 158px; height: 54px; background: url(../images/btnGetaQuote.jpg);}
	#quoteImg #button a:hover { background: none; }
/* END Header */

#intro { padding: 0px 20px 0px 20px; }

#textInt { font-family: "Century Gothic", Helvetica, Arial, sans-serif; padding: 0px 20px 20px 20px; font-size: 12px; background-color: #EDEDEC; }
#textInt ul { margin: 0px 0px 0px 10px; list-style: disc; }

#contentLeft { position: relative; top: 290px; width: 287px; color: #0055aa; padding: 0; }

#slider { margin: 0 auto; top: 20px; width: 650px; position: relative; }

.scroll { height: 310px;  width: 650px; overflow: auto; position: relative; clear: left; background: #FFFFFF url(../images/content_pane-gradient.gif) repeat-x scroll left bottom; }
.scrollContainer div.panel { padding-left: 10px; padding-top: 15px; height: 210px; width: 650px; }

#shade { background: #EDEDEC url(../images/shade.jpg) no-repeat 0 0; height: 50px; }

/* BEGIN Nav */
ul.navigation { list-style: none; margin: 0; padding: 0; padding-bottom: 9px; }
ul.navigation li { display: inline; margin-right: 10px; font-family: "Century Gothic", Helvetica, Arial, sans-serif; font-size: 14px; }
ul.navigation a { padding: 10px; color: #000; text-decoration: none; }
ul.navigation a:hover { background-color: #f6f6f6; }
ul.navigation a.selected { background-color: #fff; }
ul.navigation a:focus { outline: none; }

.scrollButtons { position: absolute; top: 150px; cursor: pointer; }
.scrollButtons.left { left: -16px; }
.scrollButtons.right { right: -16px; }

.hide { display: none; }
/* END Nav */

/* BEGIN Footer */
#footer {position: relative; margin-top: 10px; width: 752px; height: 55px; background: url(../images/bgFooter.jpg); }

	#footer #footerCopy { position: absolute; text-align: left; top: 27px; left: 2px; width: 430px; height: 20px; font: normal 10px/18px Arial; color: #aaaaaa; }
	#footer #footerCopy a { text-decoration: underline; color:#aaaaaa;}
	#footer #footerCopy a:hover { text-decoration: none; color:#aaaaaa; }
	
	#twitterImg { position: absolute; margin-left: 534px; margin-top: 7px; list-style: none; }
	#twitterImg #buttonTwitter { position: absolute; left: -8px; width: 19px; height: 19px; top: 19px; }
	#twitterImg #buttonTwitter a { display: block; left: 0px; width: 19px; height: 19px; }
	#twitterImg #buttonTwitter a:hover { background: none; }
	
	#facebookImg { position: absolute; margin-left: 559px; margin-top: 7px; list-style: none; }
	#facebookImg #buttonFB { position: absolute; left: -5px; width: 19px; height: 19px; top: 18px; }
	#facebookImg #buttonFB a { display: block; left: 0px; width: 19px; height: 19px;}
	#facebookImg #buttonFB a:hover { background: none; }	
	
	#CoachImg { position: absolute; margin-left: 583px; margin-top: 3px; list-style: none; }
	#CoachImg #buttonCoach { position: absolute; left: 0px; width: 169px; height: 27px; top: 20px; }
	#CoachImg #buttonCoach a { display: block; left: 0px; width: 169px; height: 27px; background: url(../images/footerCAButton.jpg); }
	#CoachImg #buttonCoach a:hover { background: none; }
/* END Footer */

/* BEGIN Form Styles */
fieldset { border: none; }

form { padding: 0px; margin: 0px; margin-top: 0px; width: 700px; }
	form a { color: #0055a5; text-decoration: none; }
	form a:hover { text-decoration: underline; }
	form h3 { margin: 0; margin-bottom: 14px; padding: 0; font-family: "Century Gothic", Helvetica, Arial, sans-serif; font-size: 12px; }
	form img { margin-left: 3px;}
	td.subHeader { padding: 0px 15px 0px 0px; color: #0055a5; font: normal 18px/22px Arial; }

#charterForm { padding: 20px 15px 0px 15px; font: normal 12px/16px Arial; }
	#charterForm fieldset { border: none; }
	#charterForm label { float: left; text-align: left; padding: 0px 5px 0px 20px; margin: 0px 0px 3px 0px; width: 220px; }
	#charterForm label.nofloat { float: none; text-align: left; width: 80px; padding: 0px 15px 0px 2px; }
	#charterForm input.field { float: left; padding: 0px; margin: 0px 0px 3px 0px; width: 170px; }
	#charterForm input.hide { display: none; }
	#charterForm textarea { padding: 2px; margin: 0px; width: 176px; height: 30px; }

button#clearForm { float: right; padding: 0px; margin: 5px 15px; width: 100px; height: 30px; background: url(../images/buttonClearForm.jpg); border: none; }
button#send, button#getQuoteFull { float: left; padding: 0px; margin: 5px 0px; width: 100px; height: 30px; background: url(../images/buttonSend.jpg); border: none; }
button#send:hover, button#clearForm:hover, button#getQuoteFull:hover { background-position: 0px -30px; }
/* END Form Styles END */

/* BEGIN Misc. Styles */
.required { font-size: 11px; color: #FF0000; font-style: italic;}
.notes { font-size: 11px; color: #8f8f8f; }
.notext { display: none; }
.clear { clear: both; }
/* END END Misc. Styles */