/*McCoy Fitness Stylesheet v1.0 */
body {
	margin: 0 0 0 0;
	padding: 0;
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #665;
	background: url(graphics/bg.jpg) repeat-x;
}
#wrapper {
	width: 780px;
	background-color: transparent;
	padding: 0;
	
	margin: auto;
	voice-family: "\"}\""; 
	voice-family:inherit;
}
html>body #shell {
	width: 770px;
} 

#header {
	width: 770px;
	height: 90px;
	background: url(graphics/bg_hd_top.jpg) no-repeat;
}
#logo {
	margin: 18px 0 0 18px;
	width: 140px;
	float: left;
}

ul {
	list-style: none;
	padding: 0;
	margin: 10px 0 0 0;
}

li {
	float: left;
	position: relative;
}

h2 {
	padding: 0;
	margin: 10px 0 0 0;
}

form {color: #665;}
#nForm {
	margin: 0 0 0 15px;
	padding: 0;
	width: 130px;
}
input{}
	.text {
		width: 120px;
		border: 1px solid #ABB9B3;
		font: 10px verdana;
		color: #999;
		margin: 1px 0 5px 0;
	}
	.submit {
		margin-top: 5px;
	}
	.button {
		color: #fff !important;
		font: bold 10px verdana;
		background: #FF9600 !important;
		border: none;
	}
	.radio {
		background: #fff !important;
		border: none !important;
	}

/* MAIN NAV STYLES */
#nav {
	width: 580px;
	height: 28px;
	margin: 48px 0 0 32px;
	padding: 0;
	text-align: left;
	float: left;
	/* border: solid 1px red; */
}
#nav li {
	float: left;
	}
#nav li a {
	outline: none;
	display: block;
	padding: 0 0;
	height: 28px;
	line-height: 28px;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(graphics/nav_matrix2.gif);
	}
#nav li a:hover {}
#bHome {background-position: 0px 0; width: 60px;}
#bHome:hover {background-position: 0px -28px;}
#nav li.current #bHome {background-position: 0px -56px;}
#bAbout {background-position: 520px 0px; width: 108px;}#bAbout:hover {background-position: 520px -28px;}#nav li.current #bAbout {background-position: 520px -56px;}
#bTraining {background-position: 413px 0px; width: 124px;}#bTraining:hover {background-position: 413px -28px;}#nav li.current #bTraining {background-position: 413px -56px;}
#bBlog {background-position: 288px 0px; width: 97px;}#bBlog:hover {background-position: 288px -28px;}#nav li.current #bBlog {background-position: 288px -56px;}
#bCalculators {background-position: 193px 0px; width: 100px;}#bCalculators:hover {background-position: 193px -28px;}#nav li.current #bCalculators {background-position: 193px -56px;}
#bContact {background-position: 93px 0px; width: 77px;}#bContact:hover {background-position: 93px -28px;}#nav li.current #bContact {background-position: 93px -56px;}
/*#bCalculators {background-position: 200px 0px; width: 95px;}#bCalculators:hover {background-position: 200px -28px;}#nav li.current #bCalculators {background-position: 200px -56px;}
#bContact {background-position: 100px 0px; width: 95px;}#bContact:hover {background-position: 100px -28px;}#nav li.current #bContact {background-position: 100px -56px;}*/
/* /MAIN NAV STYLES */

/* CONTENT STYLES */
#content {
	width: 580px;
	margin: 0; 
	padding: 0;
	background: #fff;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	border-top: solid 1px #fff;
	float: left;
	z-index: 0;
	}
#leftCol {
	width: 187px;
	float: left;
	background: #fff;
	border-left: solid 1px #fff;
	border-top: solid 1px #fff;
}

	#subNav {
		width: 187px;
		height: 161px;
		margin: 0; 
		padding: 0;
		background: #9FAAB6 url(graphics/bg_subnav.jpg) no-repeat 0 0;
	}
	#subNav_home {
		width: 187px;
		height: 161px;
		margin: 0; 
		padding: 0;
		background: #9FAAB6 url(graphics/Karen_McCoy.jpg) no-repeat 0 0;
	}
		#subNav h2 {
			margin: 0; 
			padding: 16px;
			width: 108px;
			text-indent: -9999px;
			background-position: 15px 10px; 
		}
		#subHome {background: url(graphics/whats_new.gif) no-repeat;  padding: 16px 16px 4px 16px !important;}
		#thisSection {background: url(graphics/in_this_section.gif) no-repeat; padding: 16px 16px 4px 16px !important;}
		#blogCategories {background: url(graphics/blogCategories.gif) no-repeat; padding: 16px 16px 4px 16px !important;}
		#aboutList {width: 108px;}
		#subNav ul {
			margin: -12px 0 10px 0;
			padding: 0px 0 4px 15px;
			display: block;
			/*border: solid 1px #fff;*/
		}
		#subNav li{
			font-size: 12px;
			font-weight: bold;
			width: 158px;
			padding: 3px 0 0 10px;
			margin: 0 0 2px 0;
			vertical-align: middle;
			display: block;
			color: #DBE8FF;
			background: url(graphics/bullet.gif) no-repeat;
			background-position: -2px 3px;
			float:none;
			
		}
		#subNav a {text-decoration: none; color: #DBE8FF;}
		#subNav a:hover {text-decoration: underline;}
		.on {text-decoration: underline !important;}
		#subNav p {
			margin: -10px 0 10px 8px;
			padding: 2px 0 4px 15px;
			color: #DBE8FF;
		}
		#subNav .current-cat a {text-decoration: underline; color: #ffd800;}
	#belowSub{
		border-top: none;
		background: url(graphics/bg_below_sub.gif) repeat-x;
		
		min-height:500px;
  height:auto !important;
  height:500px;

	}
	#belowSub ul {
			margin: -5px 0 10px 8px;
			padding: 2px 0 2px 10px;
			display: block;
			line-height: 16px;
		}
	#belowSub li {
			font-size: 12px;
			text-indent: 12px;
			list-style: none;
			margin: -4px 0 0 0;
			padding: 4px 0 5px 0;
			background-position: 0 .6em;
			background-image: url(graphics/bullet_green.gif);
			background-repeat: no-repeat;
			color:#666666;
			float:none;
			
		}
	#belowSub a {text-decoration: none; color: #666666;}
	#belowSub a:hover {text-decoration: underline;}
		.on {text-decoration: underline !important;}
	#belowSub p{
		margin: 0 0 0 0;
		padding: 2px 6px 0 6px;
		color: #666666;
		
	}
	.iconLeft{
		margin: 0 10px 0 0;
		padding:0;
		border:none;
		vertical-align:middle;
	}
	h3 {
	vertical-align:middle;
	}
	img.photoLeft {
	margin: 0 10px 5px 0;
		float:left;
		padding:4px;
		 border:1px solid #ddd;
		 background-color:#f5f5f5;
	}
	img.photoRight {
		margin: 0 40px 0 10px;
		float:right;
		padding:4px;
		border:1px solid #ddd;
		background-color:#f5f5f5;
	}
	#belowSub h3 {
		margin: 0 0 0 0;
		padding: 0;
	}
		#weekly {
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			text-indent: -9999px;
			width: 187px;
			height: 28px;
			background: url(graphics/bg_weekly.gif) repeat-x;
		}
		#upcoming_seminars {
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			text-indent: -9999px;
			width: 187px;
			height: 28px;
			background: url(graphics/bg_seminars.gif) no-repeat;
		}
		#McCoyLive_Signup {
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			text-indent: -9999px;
			width: 187px;
			height: 28px;
			background: url(graphics/h3_McCoyLive_Signup.gif) no-repeat;
		}
		
		#Clean_Living_Community {
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			text-indent: -9999px;
			width: 187px;
			height: 28px;
			background: url(graphics/h3_Clean_Living_Community.gif) no-repeat;
		}
		
		
		.articleP {background:url(graphics/gr_papers.gif) no-repeat right bottom; height: 86px}
		#blogAlert {
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			text-indent: -9999px;
			width: 187px;
			height: 28px;
			background: url(graphics/bg_blogAlert.gif) no-repeat;
		}
		.blogAlertP {
		/*background:url(graphics/gr_envelopes.gif) no-repeat right top; */
		}

		#hdNewsletter {
			margin: 0 0 0 0;
			padding: 18px 0 0 0;
			vertical-align: bottom;
			text-indent: -9999px;
			width: 187px;
			height: 20px;
			background: url(graphics/h3_newsletter.gif) no-repeat;
		}
		.newsP {margin-top: 0px; background:url(graphics/gr_envelopes.gif) no-repeat right bottom; height: 88px;}
		
		#hdMostPopular {
			margin: 0 0 0 0;
			padding: 18px 0 0 0;
			vertical-align: bottom;
			text-indent: -9999px;
			width: 187px;
			height: 20px;
			background: url(graphics/h3_mostpopular.gif) no-repeat;
		}
		
		#hdArchives {
			margin: 0 0 0 0;
			padding: 18px 0 0 0;
			vertical-align: bottom;
			text-indent: -9999px;
			width: 187px;
			height: 20px;
			background: url(graphics/h3_archives.gif) no-repeat;
		}
		
		#hdRecentPosts {
			margin: 0 0 0 0;
			padding: 18px 0 0 0;
			vertical-align: bottom;
			text-indent: -9999px;
			width: 187px;
			height: 20px;
			background: url(graphics/h3_recent.gif) no-repeat;
		}
		
		#hdLinks {
			margin: 0 0 0 0;
			padding: 18px 0 0 0;
			vertical-align: bottom;
			text-indent: -9999px;
			width: 187px;
			height: 20px;
			background: url(graphics/h3_links.gif) no-repeat;
		}
	
#contentMain {
	padding: 0 0 0 20px;
}
	.image {
		float: right; 
		margin: 0 5px 20px 10px;
		padding: 4px;
		font-size: 10px;
		color: #999;
		text-align: center;
		letter-spacing: 1px;
	}
	#contentMain h1 { 
		color: #c60; 
		margin: 12px 0 4px 0; padding: 0; 
		font: bold 22px Verdana;
	}
	#contentMain h2, #contentMain h2 a, #contentMain h2 a:link, #contentMain h2 a:visited { 
		color: #c60; 
		margin: 12px 0 8px 0; padding: 0; 
		font: bold 20px Verdana;
	}
	#contentMain p { 
		color:#333333; 
		margin: 0 20px 16px 0;  
		padding: 0 0;
		font: 12px Verdana;
		line-height:18px;
	}
	/*#contentMain a:link {color: #3A3A94; text-decoration: none;}
	#contentMain a:visited {color: #6868B9; text-decoration: none;}
	#contentMain a:hover {color: #3A3A94;	text-decoration: underline;}
	#contentMain a:active {color: #3A3A94; text-decoration: none;}*/
	
	#contentMain ul {
			list-style: image;
			display: block;
			position: relative;
			left: 0px;
			margin: 5px 10px 8px 0px;
		}
	#contentMain ol li{
		background: none;
	}
	#contentMain li {
		text-indent: 0px;
		float: none;
		padding: 5px 30px 6px 14px;
		background: url(graphics/bullet_content.gif) no-repeat -2px 8px;
	}
	/*#contentMain span {
		color: #669;
	}*/
#flash {
	width: 580px; height: 161px;
	background: url(graphics/no_flash.jpg);
	}
.hdImg {
	width: 580px; 
	height: 105px; 
	background: #20271C url(graphics/bg_hd_img.jpg) no-repeat;
	text-align: right;
	margin: 0;
	padding: 0;
	}
	.hdImg h1 {
		padding: 60px 32px 0 0;
		margin: 0;
	}

.blog_heading {
	width: 580px; 
	height: 161px; 
	background: #20271C url(graphics/mccoy_live.jpg) no-repeat;
	text-align: right;
	margin: 0;
	padding: 0;
	}
	.blog_heading h1 {
		padding: 115px 32px 0 0;
		margin: 0;
	}
	
.small {font-size: xx-small;}
	
.calc {
	width: 80%;
	vertical-align: top;
	padding: 5px 2px;
}
	.underline {
		border-bottom: solid 1px #ccc;
	}
	.result {
		background: #eee;
		color: #c60;
	}
	.calc input{
		border: solid 1px #887;
		color: #443;
		font-weight: bold;
		background: #FDFADC;
	}
	#submit{
		background: #c60;
		color: #fff;
	}
	.no {
		color: #c60;
	}
	
	
#contentRight {
	width: 400px;
	/*height: 500px;
	background: url(graphics/bg_mission.jpg) no-repeat;*/
	margin: 1px 1px 0 0;
	padding: 0;
	float: right;
	text-align:right;
}
#contentRight h2 {
	color: #3A3A94;
	font: bold 12px Verdana;
	padding: 0px 0 4px 10px;
}
#contentRight p {
	padding: 0 0 0 0;
	font: bold 10px Verdana;
}
.line {border-top: dotted 1px #7676C4; width: 90%; margin: 0 0 -6px 4px;}
/* OFFERING TABLE STYLES */
.offering {
	width: 550px;
	margin: 10px 0 0 0; padding: 0;
}
	.offering th {
		color: #3A3A94;
		font-family: 12px Verdana;
		padding: 0 0 0 10px;
		font-weight: bold;
		text-align: left;
		border-right: solid 1px #fff; 
		border-bottom: solid 1px #fff;
	}
	.offering td {
		border-right: solid 1px #fff; 
		border-bottom: solid 1px #fff;
		vertical-align: top;
	}
	.offering #top {
		width: 550px;
		height: 29px;
		background: url(graphics/bg_offering_table_top.jpg) no-repeat bottom;
	}
	
	.offering #bot {
		width: 550px;
		height: 154px;
		background: url(graphics/bg_offering_table_bot.jpg) no-repeat top;
	}
	#bot ul {
		display: block;
		margin: 10px 10px;
		width: 80%;
	}
	#bot li {
		text-indent: 0px;
		color: #665;
		padding: 5px 0 0 14px;
		background: url(graphics/bullet_content.gif) no-repeat -2px 8px;
	}
	#bot a:link {color: #665; text-decoration: none;}
	#bot a:visited {color: #665; text-decoration: none;}
	#bot a:hover {color: #665; text-decoration: underline;}
	#bot a:active {color: #665; text-decoration: none;}
/* / OFFERING TABLE STYLES */

#footer {
	width: 770px;
	height: 80px;
	background: url(graphics/bg_footer.jpg) no-repeat;
	clear: both;
	margin: 50px auto 60px auto;
	padding: 6px 0;
}
	#footer p {
	margin: 0px auto;
	padding: 6px 0;
	line-height: 18px;
	color: #3A3A94;
	text-align: center;
	vertical-align: bottom;
	clear: both;
	}
	#footer ul{
	margin: 4px auto;
	padding: 0;
	text-align: center;
	}
	#footer li a{
	list-style: none;
	float: left;
	margin: 10px 0 0 0;
	text-indent: none;
	padding: 4px 10px 5px 10px;
	
	height: 12px;
	line-height: 16px;
	display: inline;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	}
	#footer li a.last{
	border-right: none;
	width: 102px;
	}
	#footer a:link {color:#777; text-decoration: none;}
	#footer a:visited {color:#777; text-decoration: none;}
	#footer a:hover {color:#555; text-decoration: underline;}
	#footer a:active {color:#777; text-decoration: none;}
	
	img.photo{
	border: 1px solid #CCCCCC;
	padding: 3px;
	}
	
	
a.boldbuttons{
background: transparent url('graphics/roundedge-green-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('graphics/roundedge-green-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
padding-left:15px;
}

.social, .social a {
	padding:0 0 0 22px;
	border: none;
}