body { 
background-color: #013466; 
color: #000; 
margin: 0px 0px 20px 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: .85em;

}


#outercontainer{ 
margin: 0px auto 0px auto; 
width: 760px;
text-align: left;
color: #000;
background-color: white;
padding: 0px 0px 0px 0px;
}


#container{ 
margin: 0px auto 0px auto; 
width: 760px;
text-align: left;
color: #000;
background-color: white;
padding: 16px 0px 0px 0px;
}

.clear{
	clear: both;
	height: 1px;
	margin: 0px;
	padding: 0px;
}


.clearwithdots{
	clear: both;
	height: 1px;
	margin: 0px;
	padding: 5px 0px 10px 0px;
	border-bottom: 1px dotted #8889b7;
}

.clearintropanels{
	clear: both;
	height: 30px;
	margin: 0px;
	padding: 0px;
}

h1{
	font-size: 1.5em;
	color: black;
}
.leftcontent{
	float: left;
	width: 600px;
}

* html .leftcontent{
		width: 590px;
}

.rightcontent{
	float: left;
	width: 160px;
	background-image: url(images/rightpanel-bg.jpg);
	background-repeat: repeat-x;
	text-align: center;
	height: 400px;
}

.rightpanelcontent{

}


#topbanner{
width: 600px;
text-align: left;
color: #000;
background-color: white;
background-image: url(images/topbanner-bg.jpg);
background-repeat: repeat-x;
background-position: top;
height: 115px;

}

#footercontainer{ 
margin: 20px auto 0px auto; 
width: 980px;
text-align: left;
color: #000;
background-color: #7f8d71;
height: 25px;
clear: both;
}

#topmenucontainer{ 
width: 600px;
text-align: left;
color: #000;
background-color: white;
background-image: url(images/topmenu-bg.jpg);
background-repeat: repeat-x;
background-position: top;
height: 28px;
clear: both;
margin-top: 1px;
border-top: 1px solid #6699cc;
border-bottom: 1px solid #6699cc;
}

#topmenucontainer ul
{
margin: 0;
padding: 0px 0px 0px 10px;
list-style-type: none;
font-size: 90%;
width: auto;
font-family: Arial, Helvetica, sans-serif;

}

#topmenucontainer ul li
{
margin: 0;
padding: 6px 0px 0px 0px;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
width: auto;
float: left;
height: 100%;

}

#topmenucontainer ul li span{
	padding: 0px 10px 0px 10px;
	color: white;
}

#topmenucontainer ul li a{
	color: black;
	text-decoration: none;
}

#topmenucontainer ul li a:hover{
	color: white;
	text-decoration: none;
}


.logo{
	padding-top: 30px;
	padding-left: 10px;
}

.contentcontainer{
	float: left;
	width: 600px;

}

#footercontainer{ 
margin: 0px auto 0px auto; 
width: 760px;
text-align: left;
color: #000;
background-color: white;
background-image: url(images/topmenu-bg.jpg);
background-repeat: repeat-x;
background-position: top;
height: 28px;
clear: both;
border-bottom: 1px solid #6699cc;
}

#footercontainer ul
{
margin: 0;
padding: 2px 0px 0px 10px;
list-style-type: none;
font-size: 90%;
width: auto;
font-family: Arial, Helvetica, sans-serif;

}


#footercontainer ul li
{
margin: 0;
padding: 4px 0px 0px 0px;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
width: auto;
float: left;
height: 100%;

}

#footercontainer ul li span{
	padding: 0px 10px 0px 10px;
	color: white;
}

#footercontainer ul li a{
	color: black;
	text-decoration: none;
}

#footercontainer ul li a:hover{
	color: black;
	text-decoration: none;
}

.centralpanel{
	padding: 5px 10px 10px 10px;
		font-size: .90em;
}


#navigation {
	font-size: 0.85em;
}

#navigation ul{
list-style: none;
padding: 0;
margin: 0;
}

#navigation ul li{
margin: 10px 0px 0px 0px;
padding: 0px;
display: block;
}

#navigation ul li a{
padding: 10px 0px;
margin: 0px 0px 10px 4px;
text-decoration: none;
color: #000;
background-image: url(images/menu-button-off.png);
background-repeat: no-repeat;
width: 153px;
display: block;
float: left;
text-align: left;
text-indent: 8px;
}

* html #navigation ul li a{
float: none;
}

#navigation ul li a:hover{
background-image: url(images/menu-button-on.png);
background-repeat: no-repeat;
text-decoration: none;
color: #2800d0;
width: 153px;
}


.promobox{
	float: left;
	width: 270px;
	height: 180px;
	border: 3px solid #6699cc;
	margin-right: 28px;
	background-image: url(images/homepanel-bg.jpg);
	background-repeat: repeat-x;
}

.promobox2{
	float: left;
	width: 270px;
	height: 180px;
	border: 3px solid #6699cc;
		background-image: url(images/homepanel-bg.jpg);
	background-repeat: repeat-x;
}

.promobox a, .promobox2 a{
color: #6699cc;
text-decoration: underline;
	
}



.promobox a:hover, .promobox2 a:hover{
color: #00b3b4;
text-decoration: none;
	
}

.centralpanel a{
	color: #6699cc;
text-decoration: underline;
}

.centralpanel a:hover{
	color: #6699cc;
text-decoration: none;
}


.promobox .title, .promobox2 .title{
	float: left;
	font-weight: bold;
	color: white;
	font-size: 1.2em;
	padding: 8px 0px 0px 5px;
}

.promobox .link, .promobox2 .link{
	float: right;
	font-weight: bold;
	color: white;
	font-size: 1.2em;
	width: 50px;
	text-align: right;
}

.promobox .link img, .promobox2 .link img{
border: none;

}
.promobox p, .promobox2 p{
padding: 5px 5px 5px 5px;
clear: both;
	
}


.promobox p, .promobox2 p, .strappanel p, .bio p{
text-align: justify;
	
}

.promopics{
	float: left;
	width: 580px;
	margin-bottom: 10px;
}

.leftpics{
	float: left;
	text-align: right;
}

.leftpics img{
	border: 3px solid #6699cc;
	margin-right: 28px;
}


.altleftpics{
	float: left;
	text-align: right;
}

.altleftpics img{
	border: 3px solid #6699cc;
	margin-right: 6px;
}


.rightpics{
	float: right;
}

.rightpics img{
	border: 3px solid #6699cc;
}

.coachcontainer{
	float: left;
	width: 580px;
}

* html .coachcontainer{
width: 570px;
}

.coachcontainer h2{
	font-size: 1.5em;
	color: #00b3b4;
}

* html .coachinfo, * html .altcoachinfo{
		width: 410px;
}

.coachinfo{
	float: left;
	width: 420px;
}

.coachpicholder{
	float: right;
	width: 150px;

}

.altcoachinfo{
	float: right;
	width: 420px;
}

.altcoachpicholder{
	float: left;
	width: 150px;
}

.coachpicholder img{
float: right;
margin-right: 0px;}

.altcoachpicholder img{
float: left;}

.sectionheader{
	background-image: url(images/sectionheaderalt-bg.jpg);
	background-repeat: repeat-x;
	height: 28px;
	border-bottom: 1px solid #d7ecff;
	border-top: 1px solid #e7f3ff;
}

.sectionheader h2{
	margin: 0px;
	padding: 6px 0px 4px 10px;
	font-size: 1.2em;
}

.centralpanelsection{
	background-image: url(images/section-bg.jpg);
	background-repeat: repeat-x;
}

.intropanel ul li{
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 10px;
	font-weight: bold;
	color: #013466;
}

table.contactform{
	width:100%;
	margin-left:60px;
	margin-top:20px;
}

input.contactformfields{
	width: 300px;
	
}

textarea.contactformfields{
	width: 305px;
	height:100px;
	
}

.contactstrappanel{
	float: left;
	width: 160px;
}

.mappanel{
	float: right;
	width: 400px;
	border: 2px solid #6699cc;
}

.ndpanel ul li{
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 10px;
	font-weight: bold;
}


.ndservices{
	float: left;
	width: 565px;
	text-align: center;
	clear: both;
}


.ndservice{
	float: left;
	font-size: 1.8em;
	color:#8889b7;
	width: 190px;
	text-align: center;
	font-weight: bold;
}

.ndconvenient{
	float: left;
	font-size: 1.4em;
	color:#8889b7;
	width: Auto;
	text-align: center;
	font-weight: bold;
}

.ndstrap{
	padding: 20px 0px 20px 0px;
	font-weight: bold;
	font-size: 1.5em;
	color: #3a6469;

}

ul.rblist{
	color: #3a6469;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.4em;
}

ul.rblist{
		color: #3a6469!important;
}

.ndminirow{
	float: left;
	width: 560px;
	clear: both;
	padding: 10px 0px 10px 0px;
	font-size: 1.2em;
}

.ndminirow span.label{
	float: left;
	width: 80px;
	font-weight: bold;
	color: #3a6469;
	
}

.ndminirow span.detail{
	float: left;

	color: #8889b7;
	
}