body {text-align: center; margin: 0 auto;}
p {margin: 10px 0px;}

a {text-decoration: none;}
a:hover {color: #444; }
.fright {float: right;}
.noshow {text-indent: -9000px;}

.hide {display:none;}
.show {display:block;}

#header {background: #000; width: 100%; height: 13px;}
#header-txt {margin: 0 auto;font: normal 11px/20px tahoma; color: #fff;margin-right: 50px; }
#header-txt a {text-align: right;}
#header-txt a:link, #header-txt a:visited {color: #FF99CC;}
#header-txt a:hover {color: #fff;}
#header-bott {background: url(images/header-bg.png) repeat-x bottom left; width: 100%; height: 17px;}
#wrapper {width: 900px; margin: 0 auto; text-align: left;margin-top: 10px;}

#logo-nav {width: 900px; height: 100px; margin-top: 0px; padding-bottom: 0px; border-bottom: 1px solid #ccc;}

#nav {float: right; font: normal 14px tahoma;margin-top: 50px; }
#nav a:link,#nav a:visited  {font: normal 14px tahoma;padding: 5px;color: #000; }
#nav a:hover {font: normal 14px tahoma;padding: 5px; background: #FF99CC; }
#nav a:hover .current {font: normal 14px tahoma;padding: 5px; background: red; }
#nav .current { }

body#coaching a#coachingnav,
body#other a#othernav,
body#fans a#fansnav,
body#about a#aboutnav {
border: 1px solid #000;background: #FF99CC;color: #fff;
}


#nav ul {list-style-type: none;display: inline;}
#nav ul li {float: left; margin: 0 5px;}

#logo {float: left; background: url(images/logo.png) no-repeat bottom left; width: 118px; height: 80px;}

#main-content {margin-top: 20px}
.leftblockmain {float: left; width: 366px; height: 357px; padding: 8px;}
	.intro {font: bold 20px/30px Georgia;}
	div.copy p {font: normal 12px/18px tahoma; color: #333;}
	.panelnav {float: left;width: 382px; font: normal 10px/20px tahoma;}
	.panelnav div {display: inline;}
	.panelnav div .l {float: left; margin-left: 10px;}
	.panelnav div .r {float: right; text-align: right; margin-right: 10px}
	div.panelnav a:hover {color: #555;}

.rightblockmain {float: right;width:515px; height:400px ;}
	.copypic {background: transparent no-repeat top left; width:512px; height:373px;}
	.piccredit {font: normal 9px verdana; color: white; padding: 5px;}
	.piccredit div {position:relative; }
	.piccredit a:link,.piccredit a:visited {position:relative; font: normal 9px verdana; color: #333;padding:0px;}
	.piccredit a:hover {text-decoration: underline;color:#000;}


/** **/


.leftcol strong {font: bold 12px Verdana;}

#twocolumn ul {list-style-type: none;}
#twocolumn ul li { border: 1px solid #000; clear: both;}
.leftcol {float: left; width: 130px; font: normal 10px Verdana; text-align: right; margin-top: 10px;}
.rightcol {float: right; width: 500px;   }
.quotefont {font: normal 18px/30px Georgia; font-style: italic;}
.normalfont {font: normal 13px/20px Georgia;}

.leftblock {float: left; width: 230px; height:611px; padding: 8px;}
.leftblock h1 {font: normal 40px/50px Georgia}
.picholder {width:100%; height:300px; background: no-repeat bottom center;}
.rightblock {float: right;width:654px; }

.linespace {height:30px;clear:both;}

blockquote { quotes: "\201C  " " \201D"; } 
blockquote:before { content: open-quote; font-weight: bold;font-size:100%;} 
blockquote:after { content: close-quote; font-weight: bold;font-size:100%; }

q:before { content: open-quote; font-weight: bold;}
q:after { content: close-quote; font-weight: bold;}
q { quotes: '\201C ' '\201D' '\2018 ' '\2019'; }
q:before { content: '\201C ';font-weight: bold; }
q:after { content: '\201D'; font-weight: bold;}
q q:before { content: '\2018 '; font-weight: bold;}
q q:after { content: '\2019'; font-weight: bold;}


#footer {clear: both;height: 30px; background: #ccc;}


/**** services ****/

#other .leftcol {float: left; text-align: left;width: 180px;  margin-top: 0px;margin-left: 0px;}
#other .rightcol {float: right; width: 410px; margin-top: 0px; padding-left:10px }


#other {font-style: normal}
#other  .leftcol strong {color: green;font: bold 22px verdana; padding:0;margin:0}
#other blockquote {font: normal 16px verdana;margin-left:30px;}
#other h2 {font: bold 30px verdana;margin:0 0 10px 0; padding:0; color:green}
#other h3 {font: bold 20px verdana;margin:0 0 10px 0;color:#444}
#other h4 {font: bold 15px verdana;margin:10px 0}
#other p {font-style: normal;font: normal 12px/15px Georgia;margin-left: 10px; color: #000;}
#other .msg-body ul {list-style-type: square;margin-left:20px;}
#other ul li {border:0;margin-left:10px;font-style: normal;font: normal 12px/15px Georgia; padding-left: 5px}



.msg-body p {font-style: normal;font-size: 80%;;margin-left: 10px; color: #ccc;}
.msg-more, .msg-hide {margin-left: 10px;font: normal 10px verdana;}
#other .linespace {border-bottom:1px dotted #999; margin:0 5px 15px 10px;height:10px;}

/******* coda slider ******/

p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }

/*
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 0px 0 30px;
}
*/

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 10px 0;
	position: relative;
	width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	
	position: relative;
	overflow: hidden; 
	border: 0px solid #333; /* this is the border. should have the same value for the links */
	margin: auto;
	width: 900px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 550px; border-bottom: 5px;
	clear: both;
	
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	-moz-user-select: none; /* This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 900px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 0px;
}

.panelContainer p {font: normal 14px/20px Verdana;}
.panelContainer ul  {font: normal 15px Verdana;}
.panelContainer p a:link,.panelContainer p a:visited  {text-decoration: underline;}
.panelContainer h3 {font: bold normal 24px Verdana;}

.panelContainer a:link,.panelContainer a:visited {color:black}

.panelContainer a:hover {color: blue}

.prevnext {display:none; border-top: 1px solid #aaa; font:normal 12px Arial;;}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto; margin-top:0px;width: 900px; height: 40px;
}

#stripNav0 {margin-bottom: 10px;	font-family:  Georgia;  }

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}

.stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav a { /* The nav links */
	
	text-align: right;
	text-decoration: none;
	display: block;
	padding: 0 10px 0 0px;
	letter-spacing:-1px;
}

.stripNav a:link, .stripNav a:visited {	color: #999; text-decoration: none; font-size: 15px; line-height:30px;}

/*
.stripNav li.tab1 a {color: #000; }
.stripNav li.tab2 a {color: #000;  }
.stripNav li.tab3 a {color: #000;  }
.stripNav li.tab4 a {color: #000;  }
.stripNav li.tab5 a {color: #000;  }
.stripNav li.tab6 a {color: #000;  }
*/

.stripNav li a:hover {
	color: #000; 
}

.stripNav li a.current {
	
	color: #000; font-size: 30px; line-height:30px;
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: 0em;
	font: normal 13px/28px tahoma;
	display: none;
	
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 50px;
	width: 40px;
	text-decoration: none;
}

.stripNavL a:hover, .stripNavR a:hover {
text-decoration: none;color: #333;
}

.stripNavL {
	left: 30px;
}

.stripNavR {
	right: 30px;
}

.stripNavL {
	background: url("images/codaslider/arrow-left.gif") no-repeat bottom;
}

.stripNavR {
	background: url("images/codaslider/arrow-right.gif") no-repeat bottom;
}


#cross-links {font: normal 16px/20px Arial;padding-top: 10px;padding-bottom: 10px;border-top: 0px solid white;}


#cross-links { clear:both ; display : none;}

p#cross-links { text-align: right; margin-right: 150px }

p#cross-links { border-bottom: 0px solid #ccc; margin-bottom: 0px; padding-bottom: 0px }

#cross-links  a:link, #cross-links a:visited {color:black}
#cross-links  a:hover {color: #444; }