/* Style sheet */

/* stylistic elements */

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	color: #000;
	text-align: center;
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #FFF;
	scrollbar-face-color : #666;
	scrollbar-highlight-color : #eaeaea;
	scrollbar-3dlight-color : #eaeaea;
	scrollbar-shadow-color : #eaeaea;
	scrollbar-darkshadow-color : #eaeaea;
	scrollbar-track-color : #eaeaea;
	scrollbar-arrow-color : #eaeaea;
}

.cent {
	text-align: center;
}

h1 {
	margin: 10px 20px 0 15px;
	padding: 3px 0 3px 5px;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	color: #FFF;
	background-color: #006fae;
}

h1.smaller {
	font-size: 8pt;
}

h2 {
	margin: 10px 10px 0 20px;
	padding: 0;
	font-size: 11pt;
	font-weight: bold;
	text-align: left;
	color: #F37421;
}

h2.blues {
	color: #006fae;
	text-decoration: underline;
}

h2.pinks {
	color: #B14D9D;
	text-decoration: underline;
}

h2.oranges {
	text-decoration: underline;
	color: #F37421;
}

h2.grays {
	text-decoration: underline;
	color: #666;
}

h3 {
	margin: 3px 0 0 0;
	padding: 0;
	font-size: 12px;	
	text-align: center;
	color: #666;
}

p {
	margin: 10px 20px 0 20px;
	padding: 0;
	font-size: 12px;	
	text-align: justify;
	color: #333;
}

.phone {
	margin: 4px 0 0 80px;
	padding: 0;
	font-size: 16px;	
	text-align: left;
	font-weight: bold;
	color: #FFF;
}

.whiteish {
	margin: 0 0 0 0;
	color: #FFF;
	font-size: 12px;	
}

.grayish {
	color: #666;
}

p.testim {
	margin: 10px 20px 0 20px;
	padding: 0;
	font-size: 12px;	
	text-align: justify;
	font-weight: bold;
	color: #006fae;
}

p.names {
	margin: 0 20px 20px 20px;
	padding: 0;
	font-size: 9px;	
	text-align: left;
	color: #666;
}

p.vs {
	margin: 6px 0 0 0;
	padding: 0;
	font-size: 19px;	
	text-align: center;
	font-weight: bold;
	font-family: Times New Roman, serif;
	color: #006fae;
}

p.captions {
	margin: 0 20px 0 20px;
	padding: 0;
	font-size: 10px;	
	text-align: left;
	color: #666;
}

p.captions2 {
	margin: 0 20px 0 20px;
	padding: 0;
	font-size: 10px;	
	text-align: center;
	color: #666;
}

p.home {
	text-align: center;
	line-height: 19px;
	font-weight: bold;
}

p.invite {
	margin: 0 0 0 6px;
	font-size: 11px;
	text-align: center;
	color: #222;
}

p.signup {
	margin: 3px 25px 0 80px;
	font-size: 11px;	
	text-align: justify;
	color: #222;
}

p.blog {
	margin: 5px 20px 0 20px;
	padding: 0;
	font-weight: bold;
	font-size: 14px;	
	text-align: center;
	color: #FFF;
}

p.menuheader {
	margin: 10px 20px 0 22px;
	padding: 0;
	font-size: 12px;	
	text-align: justify;
	color: #333;
}

.firstletter:first-letter {
	font-size: 14pt;
	font-weight: bold;
	font-family: Times New Roman, serif;
	color: #333;
}

strong {
	font-size: 11pt;
	font-weight: bold;
	color: #F37421;
}

em {
	font-weight: bold;
	font-style: normal;
	color: #777;
}

table {
	font-size: 11px;
	color: #333;
	margin: 5px 0 0 0;
}

hr {
	align: center;
	width: 95%;
	height: 1px;
	color: #999;
	noshade: noshade;
}

form {
	margin: 0;
	padding: 0;
}

form.signup {
	padding: 0;
	margin: 1px 30px 0 78px;
}

input {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	border: 1px solid #f47321;
	color: #666;
	background: #FFF;
}

select {
	font-family: Verdana, sans-serif;
	font-size: 8pt;
	background: #FFF;
	border: 1px solid #f47321;
}

textarea {
	font-family: Verdana, sans-serif;
	font-size: 9pt;
	border: 1px solid #f47321;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}

iframe {
	overflow-x: none;
	overflow-y: auto;
}

ol {
	margin: 10px 20px 10px 0px;
	text-align: left;
	list-style-position: inside;
	}

ul {
	margin: 10px 20px 10px 0px;
	list-style-image: url(images/arrow-white.jpg);
	text-align: left;
	list-style-position: inside;
	position: inherit;
	}

#nav2 ul {
	margin: 10px 0 10px 0px;
	list-style-image: none;
	text-align: left;
	}

ul.twitter {
	margin: 10px 30px 0 30px;
	padding: 0 0 0 0;
	font-size: 8pt;
	text-align: justify;
	list-style-type: none;
	list-style-image: none;
	font-weight: normal;
	list-style-position: outside;
	color: #333;
}

ul.twitter li {
	margin: 0 0 0 0;
	color: #333;
}

li {
	margin: 0 0 0 10px;
	color: #333;
}

#nav2 li {
	margin: 0 0 0 0;
	color: #333;
}

ol li {
	margin: 0 0 0 20px;
	color: #333;
}

/* divs */

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 775px;
	text-align: center;
}

#container {
	float: left;
	padding: 0;
	margin: 10px 0 0 0;
	width: 775px;
	text-align: left;
}

#header {
	float: left;
	padding: 0;
	margin: 0 0 0 0;
	width: 775px;
	height: 30px;
	text-align: left;
}

#main {
	float: left;
	padding: 0;
	margin: 18px 0 0 0;
	width: 773px;
	text-align: left;
	background-color: #FFF;
	border-right-width: 1px;
	border-right-color: #eaeaea;
	border-right-style: solid;
	border-top-width: 1px;
	border-top-color: #eaeaea;
	border-top-style: solid;
	border-left-width: 1px;
	border-left-color: #eaeaea;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #eaeaea;
	border-bottom-style: solid;
}

#phone {
	float: left;
	margin: 0px 0 0 0;
	padding: 3px 0 0 0;
	width: 180px;
	height: 19px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background-color: #006fae;
	background-repeat: no-repeat;
	background-position: center;
}

#logo {
	float: left;
	margin: 0 auto;
	padding: 0 0 0 19px;
	width: 378px;
	height: 115px;
	text-align: left;
	background-color: #FFF;
}

#signup {
	float: left;
	margin: 0 auto;
	padding: 10px 0 0 15px;
	width: 363px;
	height: 105px;
	text-align: left;
	background-color: #FFF;
	background-image: url(images/bg_signup.jpg);
	background-repeat: no-repeat;
}
			
#nav1 {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 775px;
	height: 26px;
	text-align: left;
	color: #FFF;
	background-color: #FFF;
	background-image: url(images/bg_nav.jpg);
	background-repeat: no-repeat;
	background-position: 0 2px;
}
			
#nav2 {
	float: left;
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	width: 240px;
	text-align: left;
}
		
#banner {
	float: left;
	padding: 10px 0 0 190px;
	margin: 0 0 0 0;
	width: 310px;
	height: 222px;
	text-align: center;
	background-image: url(images/banner_home.jpg);
	background-repeat: no-repeat;
}

#bloghome {
	float: left;
	margin: 0 0 0 0;
	padding: 28px 0 0 0;
	width: 273px;
	height: 204Px;
	background-color: #FFF;
	background-image: url(images/bg_bloghome.jpg);
	background-repeat: no-repeat;
	text-align: left;
}

#blog1 {
	float: left;
	margin: 0 0 0 0;
	padding: 28px 0 0 0;
	width: 262px;
	height: 204Px;
	background-color: #FFF;
	background-image: url(images/bg_blog.jpg);
	background-repeat: no-repeat;
	text-align: left;
}

#left {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 500px;
	text-align: left;
}

#block1 {
	float: left;
	margin: 5px 0 0 0;
	padding: 0 0 20px 0;
	width: 386px;
	text-align: center;
}

#block2 {
	float: left;
	margin: 5px 0 0 0;
	padding: 0 0 20px 0;
	width: 500px;
	text-align: center;
}

#blockhalf {
	float: left;
	margin: 5px 0 0 0;
	padding: 0 0 20px 50px;
	width: 200px;
	color: #333;
	height: 145px;
	font-size: 10px;
	text-align: left;
}

#contact1 {
	float: left;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	width: 250px;
	text-align: center;
}

#home1a {
	float: left;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	width: 778px;
}

#home1 {
	float: left;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	width: 331px;
	height: 220px;
	text-align: center;
	background-color: #FFF;
	background-position: 220px 80px;
	background-repeat: no-repeat;
}

#home2 {
	float: left;
	margin: 5px 0 0 0;
	padding: 0 0 20px 0;
	width: 110px;
	height: 220px;
	text-align: center;
	background-image: url(images/home_coaching1.jpg);
	background-position: 0 100px;
	background-repeat: no-repeat;
}

#home3 {
	float: left;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	width: 331px;
	height: 220px;
	text-align: center;
	background-color: #FFF;
	background-repeat: no-repeat;
}

#right {
	float: left;
	margin:  0 0 0;
	padding: 0 0 10px 0;
	width: 260px;
	text-align: center;
}

#button {
	float: left;
	margin: 15px 0 0 20px;
	padding: 4px 0 2px 10px;
	width: 230px;
	height: 17px;
	background-color: #cccccc;
	text-align: left;
}

#button.longer {
	width: 315px;
}

#button.longer2 {
	width: 370px;
}

#button.home2 {
	float: left;
	margin: 15px 0 0 20px;
	padding: 4px 0 2px 10px;
	width: 180px;
	height: 17px;
	background-color: #cccccc;
	text-align: left;
}

#button.home {
	margin: 15px 0 0 70px;
	padding: 4px 0 2px 0;
	width: 170px;
	height: 17px;
	text-align: center;
}
	
#credits {
	float: left;
	margin: 10px 0 0 0;
	width: 765px;
	height: 60px;
	text-align: right;
	font-size: 10px;
	color: #555;
}


/* menu */

#nav, #nav ul{
margin:0;
padding:0;
width: 780px;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
list-style-image: none;
}

#nav a{
display:block;
margin: 0px 0 0 0;
padding:3px 7px 3px 8px;
text-align: center;
text-decoration:none;
font-size: 12px;
font-weight: bold;
color: #666;
border-right-width: 1px;
border-right-color: #FFF;
border-right-style: solid;
}

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

#nav a.on{
display:block;
color:#FFF;
text-decoration:none;
background-color: #006fae;
}

#nav a.drop{
display:block;
margin: 0px 0 0 0;
color:#666;
background-color: #CCC;
font-weight: bold;
text-decoration:none;
text-align: left;
border-top-width: 1px;
border-top-color: #FFF;
border-top-style: solid;
}

#nav a.drop:hover{
background-image: none;
color:#000;
}

#nav li {
float:left;
position:relative;
margin: 0 0 0 0px;
}

#nav li.phone {
margin: 4px 0 0 135px;
font-family: Times New Roman, serif;
font-size: 17px;
font-weight: bold;
color:#FFF;
float:left;
}

#nav ul {
position:absolute;
margin: 0 0 0 0px;
display:none;
width:1em;
top:1.87em;
}

#nav li ul a{
width:19em;
height:auto;
float:left;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:10em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}



/* menu2 */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {width:230px; position:relative; margin:0 0 0 0; padding: 0; border-width:0 0 0 0; border: none #666; }
.menu ul li a, .menu ul li a:visited {display:block; font-size:11px; font-weight:bold; text-decoration:none; color:#666; width:230px; height:20px; padding: 1px 0 0 10px; text-align:left; border:solid #fff; border-width:0 0 1px 0; background:#cccccc; line-height:19px;}
.menu ul li a.on {display:block; text-decoration:none; color:#FFF; background:#006fae;}
.menu ul {padding:0; margin:0; list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a.on {color:#FFF; background:#006fae;}
.menu ul li:hover a {color:#333333; background:#cccccc;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:200px; width:170px;}
.menu ul li:hover ul li a.hide {background:#a1a1a1; color:#FFF;}
.menu ul li:hover ul li:hover a.hide {width:170px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#efa858; color:#333; width:170px; border:solid #fff; border-width:0 0 0 0; }
.menu ul li:hover ul li a:hover {background:#fbf6f1; color:#333;}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
table {border-collapse:collapse; border:0; margin:0; padding:0;}

.menu ul li a.hide, .menu ul li a:visited.hide {display:none;}
.menu ul li a:hover ul li a.hide {display:none;}

.menu ul li a.on:hover {color:#FFF; background:#006fae;}
.menu ul li a:hover {color:#333; background:#cccccc;}
.menu ul li a:hover a.eventsy {color:#333; background:#fbf6f1;}
.menu ul li a:hover a.scoopy {color:#FFF; background:#666;}
.menu ul li a:hover ul {display:block; position:absolute; top:0; left:200px; width:170px;}
.menu ul li a:hover ul li a.sub {background:#a1a1a1; color:#FFF;}
.menu ul li a:hover ul li a {display:block; background:#a1a1a1; color:#fff; width:170px; border:solid #fff; border-width:0 0 0 0; }
.menu ul li a:hover ul li a ul {visibility:hidden;}
.menu ul li a:hover ul li a:hover {background:#d5ced4; color:#FFF;}
.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:200px; top:0; color:#333;}
.menu ul li a:hover ul li a:hover ul li a {display:block; width:170px; background:#d5ced4; color:#333;}
.menu ul li a:hover ul li a:hover ul li a:hover {background:#fbf6f1; color:#fff;}





/* calendar pop up */

.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #006fae;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */




/* links */

#credits a:link, #credits a:visited, #credits a:active {
	font-size: 10px;
	font-weight: normal;
	color: #666;
	text-decoration: none;
}

#credits a:hover {
	font-size: 10px;
	font-weight: normal;
	color: #777;
	text-decoration: none;
}

#button a:link, #button a:visited, #button a:active {
	font-size: 12px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
}

#button a:hover {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

a:link, a:visited, a:active {
	font-size: 12px;
	font-weight: normal;
	color: #006fae;
	text-decoration: none;
}

a:hover {
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}


/* additional stuff */

#bubble_tooltip{
	width:147px;
	position:absolute;
	display:none;
	text-align: left;
}
#bubble_tooltip .bubble_top{
	background-image: url('images/bubble_top.gif');
	background-repeat:no-repeat;
	height:16px;	
}
#bubble_tooltip .bubble_middle{
	background-image: url('images/bubble_middle.gif');
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-left:7px;
	padding-right:7px;
}
#bubble_tooltip .bubble_middle span{
	position:relative;
	top:-8px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:11px;
}
#bubble_tooltip .bubble_bottom{
	background-image: url('images/bubble_bottom.gif');
	background-repeat:no-repeat;
	background-repeat:no-repeat;	
	height:44px;
	position:relative;
	top:-6px;
}