/* style.css */

body {
	margin: 2px 10px;
	font-family: Verdana;
	font-size: 12px;
	color: #222222;
	background-color: #004477;
}

ul {
	padding-bottom: 20px;
}

h2 {
	color: #003366;
	font-size: 15px;
	margin-top: 0px;
}

h3 {
	color: #99CCFF;
	font-size: 15px;
	margin-top: 0px;
}

h4 {
	color: #003366;
	font-size: 18px;
	margin-top: 5px;
	margin-bottom: 0px;
	border-bottom: 1px solid #003366;
}

.bold {
	font-weight: bold;
}

td.formcell {
	padding: 4px 0px;
}

#container {
	margin: 10px auto;
	width: 929px;
}

#left {
	padding-bottom: 20px;
}	

#ad {
	background-image: url(/gfx/specialized.jpg);
	background-position: top left;
	background-repeat: none;
	float: right;
	width: 332px;
	height: 159px;
	padding-left: 10px;
	font-size: 10px;
}

#main {
	background: url(/gfx/bg.jpg);
	background-color: #FFFFFF;
	background-position: top middle;
	background-repeat: repeat-y;
	width: 929px;
}	

#form {
	background-image: url(/gfx/form-bg.jpg);
	background-position: top middle;
	background-repeat: repeat-y;
	width: 234px;
	font-size: 10px;
	color: #FFFFFF;
}	

#contact-form {	
	background-color: #004477;
	width: 600px;
	padding: 15px 30px 15px 15px;
}

.form-text {
	color: #FFFFFF;
	font-weight: bold;
}

.quote-name {
	font-size: 11px; 
	font-style: italic;
	font-weight: bold;
}

#header {
	background-color: #004477;
	padding-top: 10px;
	height: 25px;
	width: 695px;
}

#nav {
	background: #666666;
	height: 25px;
	font-family: Helvetica;
	font-size: 12px;
	width: 695px;
	color: #DDDDDD;
}

#nav a {
	color: #DDDDDD;
	text-decoration: none;
}

#nav a:hover {
	color: #FFFFFF;
}

#content {
	margin: 10px 10px 10px 20px;
}

#copy {
	margin: 25px 10px;
}

.copyrightFooter {
	color: #bbbbbb;
	font-size: 11px;
}

.footer {
	font-family: Helvetica;
	font-size: 11px;
	padding-top: 4px;
	color: #FFFFFF;
	height: 18px;
}	

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

.footer a:hover {
	color: #DDDDDD;
	text-decoration: underline;
}	

img.right {
	float: right;
	margin: 10px 0px 10px 15px;
}

img.left {
	float: left;
	margin: 10px 15px 10px 0px;
}

.story1 {
	background-color:#CCCCCC;
	padding: 15px;
	width: 635px;
}

.story2 {
	padding: 15px;
	width: 635px;
}

.nav,
.nav:link,
.nav:hover,
.nav:focus,
.nav:active,
.nav:visited
{
	display: block;
	text-decoration: none;
	height: 19px;
	color: #DDDDDD;
	font-weight: bold;
	font-size: 11px;
	white-space: nowrap;
	text-align: center;
	padding-top: 6px;
	padding-right: 3px;
	padding-left: 3px;
}

.nav:hover
{
	color: #FFFFFF;
}

body.home .nav#home,
body.home .nav#home:link,
body.home .nav#home:hover,
body.home .nav#home:focus,
body.home .nav#home:active,
body.home .nav#home:visited
{
	color: #666666;
	background-color:#CCCCCC;
}

body.why .nav#why,
body.why .nav#why:link,
body.why .nav#why:hover,
body.why .nav#why:focus,
body.why .nav#why:active,
body.why .nav#why:visited
{
	color: #666666;
	background-color:#CCCCCC;
}
body.charter .nav#charter,
body.charter .nav#charter:link,
body.charter .nav#charter:hover,
body.charter .nav#charter:focus,
body.charter .nav#charter:active,
body.charter .nav#charter:visited
{
	color: #666666;
	background-color:#CCCCCC;
}
body.config .nav#config,
body.config .nav#config:link,
body.config .nav#config:hover,
body.config .nav#config:focus,
body.config .nav#config:active,
body.config .nav#config:visited
{
	color: #666666;
	background-color:#CCCCCC;
}
body.testimonials .nav#testimonials,
body.testimonials .nav#testimonials:link,
body.testimonials .nav#testimonials:hover,
body.testimonials .nav#testimonials:focus,
body.testimonials .nav#testimonials:active,
body.testimonials .nav#testimonials:visited
{
	color: #666666;
	background-color:#CCCCCC;
}
body.about .nav#about,
body.about .nav#about:link,
body.about .nav#about:hover,
body.about .nav#about:focus,
body.about .nav#about:active,
body.about .nav#about:visited
{
	color: #666666;
	background-color:#CCCCCC;
}
body.contact .nav#contact,
body.contact .nav#contact:link,
body.contact .nav#contact:hover,
body.contact .nav#contact:focus,
body.contact .nav#contact:active,
body.contact .nav#contact:visited
{
	color: #666666;
	background-color:#CCCCCC;
}

#subnav {
	background-color: #004477;
	margin: 10px 0px;
	height: 18px;
	padding-top: 1px;
}

.subnav,
.subnav:link,
.subnav:hover,
.subnav:focus,
.subnav:active,
.subnav:visited
{
	display: block;
	text-decoration: none;
	height: 15px;
	color: #DDDDDD;
	font-weight: bold;
	font-size: 10px;
	white-space: nowrap;
	text-align: center;
	padding-top: 2px;
	padding-right: 3px;
	padding-left: 3px;
}

.subnav:hover
{
	color: #FFFFFF;
}

body#overview .subnav#overview,
body#overview .subnav#overview:link,
body#overview .subnav#overview:hover,
body#overview .subnav#overview:focus,
body#overview .subnav#overview:active,
body#overview .subnav#overview:visited
{
	color: #3366CC;
	background-color: #EEEEEE;
}

body#vip .subnav#vip,
body#vip .subnav#vip:link,
body#vip .subnav#vip:hover,
body#vip .subnav#vip:focus,
body#vip .subnav#vip:active,
body#vip .subnav#vip:visited
{
	color: #3366CC;
	background-color: #EEEEEE;
}

body#coach .subnav#coach,
body#coach .subnav#coach:link,
body#coach .subnav#coach:hover,
body#coach .subnav#coach:focus,
body#coach .subnav#coach:active,
body#coach .subnav#coach:visited
{
	color: #3366CC;
	background-color: #EEEEEE;
}