/* CSS for Joesph Leah - Giles Smith April 06, 2006 */
	
	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
		background-color: #D9E2EB;
		background-image: url(/images/back-grad.gif);
		background-repeat: repeat-x;
	}
	
	img {
		border:0px;
		}

	
	h2 {
		font-family: Lucida Console, Monaco5, monospace;
		font-size: 24px;
		color: #333333;
		margin: 10px 0px;
		padding: 0px;
		font-weight: 100;
	}
	
	h3 {
		font-size: 16px;
		font-weight: bold;
		margin: 10px 0px;
		padding: 0px;
	}
	
	h3 a {
		text-decoration: none;
	}

        h4 {
		font-size: 18px;
		font-weight: bold;
		margin: 5px 0px 0px 4px;
		padding: 0px;
        }
	
	p.association {
		
		font-size: 12px;
		color: #333333;
		margin: 20px 0px 5px 0px;
		padding: 0px;
		font-weight: 100;
	}
	
	p.association img
	{
		margin: 5px 0px 0px 0px;
	}
	
	a {
		color: #000000;
		text-decoration: underline;
	}
	
	a:hover {
		color: #333333;
		text-decoration: none;
	}
	
	
	p {
		margin: 10px 0px 10px 0px;
		padding: 0px;
line-height:20px;
	}
	
	span.required {
		color: #FF0000;
	}
	
	/* Custom CSS */
	
	div.container {
		margin: 0px auto;
		padding: 10px;
		width: 764px;
		height: auto;
		border: 1px solid #FFFFFF;
		background-color:#FFFFFF;
	}
	
	div.header {
		margin: 0 0 10px 0;
		padding: 0px;
		height: 125px;
		width: 764px;
		display:inline;
	}
	
	div.header_logo {
		border:0px;
		position:relative;
		margin: 0px; 
		padding:0 0 0 2px;
		height: 125px;
		width: 93px;
		float:left;
		
	}
	
	div.header_logo h1 {
		display: none;
		width: 0px;
		height: 0px;
		padding: 0px;
		border: 0px;
	}
	
	div.header_right {
		border:0px;
		position:relative;
		margin: 0px;
		padding: 0px 0px 8px 0px;
		height: 125px;
		width: 669px;
		float: right;
	}
	
	div.banner {
		margin: 0px 0px 25px 0px;
		padding: 0px;
		height: 60px;
		width: 300px;
		float: right;
		/*background-color:#CCCCCC;*/
	
	}
	div.banner a{
		float:right;
		margin-top:18px;
	}

a.header_image img {
border: none;
}
	
	div.phone_number {
		border:0px;
		position:relative;
		width: 165px;
		height: 50px;
		margin-left: 20px;
		padding: 35px 0 0 0;
		font-weight: bold;
		font-size: 16px;
	}
	
	div.top_nav {
	border:0px;
	position:relative;
		margin: 0px;
		padding: 2px 0px 0px 0px;
		width: 669px;
		height: 40px;
		clear: right;
		background: url(/images/top_nav_back.gif) 2px 0 no-repeat;
	}

	div.top_nav img{
border: none;
	}
	
	div.top_nav ul {
		margin: 0 0 0 0;
		padding: 0px;
		float: left;
		display:inline;
		height:40px;
width:669px;
	}
	
	div.top_nav li {
		list-style-type: none;
		float: left;
		display: block;
		text-align: center;
		padding: 8px 9px 0px 0px;
		margin: 0px;
		font-size: 11px;
		height:24px;
	}

	
	div.top_nav a {
		margin: 0px;
		padding: 0px 8px; 
		color: #333333;
		text-decoration: none;
	}
	
	div.top_nav a:hover {
		color: #AAAAAA;
	}
	
	div.right_banners {
		width: 138px;
		margin: 0 0 10px 0;
		padding: 5px;
		background-color: #D9E2EB;
		height: auto;
		float: right;
	}
	
	div.left_nav {
		margin: 0px;
		padding: 5px 0 0 5px;
		width: 135px;
		height: auto;
		background-color: #fff;
		float: left;
	}
	
	a.paypal_ad{
		display:block;
		height:229px;
		width:126px;
		background:url(../images/24632-Vertical-off.jpg) 0 0 no-repeat;
	}
	
	a.paypal_ad:hover{
		background:url(../images/24632-Vertical-hover.jpg) 0 0 no-repeat;
	}
	
	ul.main_link {
		width: 130px;
		height: auto;
		margin: 0px;
		padding: 0px;
	}
	
	ul.main_link li {
		width: 130px;
		height: auto;
		margin: 0px;
		padding: 5px 0 0 0;
		list-style-type: none;
		background-image: url(/images/left_nav_button.gif);
		background-repeat: no-repeat;
		text-align: center;
	}
	
	ul.main_link a {
		color: #333333;
		text-decoration: none; 
		width: 130px;
		height: 30px;
		display: block;
	}
	
	ul.main_link a:hover {
		color: #AAAAAA;
	}
	
	ul.sub_link {
		width: auto;
		height: auto;
		margin: 0;
		padding: 0px;
	}
	
	ul.sub_link li {
		background-image: none;
		margin: 0 0 0 10px;
		padding: 0 0 0 15px;
		list-style-position: outside;
		list-style-type: none;
		text-align: left;
		background-image: url(/images/left_nav_arrow.gif);
		background-repeat: no-repeat;
		height: 35px;
		width: auto;
	}
	
	ul.sub_link a {
		width: auto;
		height: 20px;
	}
	
	div.content {
		width: 440px;
		margin: 0 0 0 145px;
		padding: 0 10px;
	}
	
	
	div.content a:link {
		color:#995448;
		text-decoration:none;
		font-weight:bold;
		}
		
		div.content a:visited {
		color:#995448;
		text-decoration:none;
		font-weight:bold;
		}
		
		div.content a:hover {
		color:#995448;
		text-decoration:underline;
		font-weight:bold;
		}
		
		div.content a:active{
		color:#995448;
		text-decoration:none;
		font-weight:bold;
		}
	
	div.content input[type=text],div.content input[type=submit] {
		border: 1px solid #333333;
		color: #333333;
		width: 200px;
		font-size: 11px;
	}
	
	div.content select {
		border: 1px solid #333333;
		color: #333333;
		width: 200px;
		font-size: 11px;
	}
	
		div.content div#joemainpic {
		margin:0px 0px 10px 10px;
		float: right;
		text-align:center;
	}
	
	div.content img {
	  margin:0px 0px 10px 10px;
	}
	
		div.content div#joemainpic img{
		margin:0px 0px 10px 0px;
	}
	
	div.content img.paypal_horizontal_ad{
		margin:10px 0;
	}
	div.content input[type="submit"].paypal_buy_button{
		background:url(../images/24632-buy-button-off.jpg) 0 0 no-repeat;
		width:136px;
		height:32px;
		border:0;
		text-indent:-10000px;
		padding:0;
		cursor:pointer;
		margin:10px 0 0 0;
	}
	div.content img.credit_card_img{
		margin:10px 0 0 0;
	}
	
	div.content input[type="submit"].paypal_buy_button:hover{
		background:url(../images/24632-buy-button-hover.jpg) 0 0 no-repeat;
	}
	
	
	div.content textarea {
		border: 1px solid #333333;
		color: #333333;
		width: 200px;
		font-size: 11px;
		height: 150px;
	}

/********Trainer search *********/

#homepage_trainer_search {
background-color: #F1F2F4;
margin: 20px 0px 50px 120px;
width: 200px;
padding: 5px 10px 0px 10px;
height: 175px;
border: 1px solid #DCC7C9; 
}

p.search_form_heading {
margin: 0px;
font-weight: bold;
border-bottom: 1px solid #E7D8D9;
}

p.trainer_search_titles {
width: 100%;
margin: 0px;
text-align: left;
}

.combo_box{
margin-bottom: 5px;
}

.combo_box option{
margin-bottom: 3px;
}

.homepage_search_form .search_button {
background-color: #FFFFFF;
display: block;
float: right;
margin: 0px;
width: 50px;
}

#internal_trainer_search {
background-color: #F1F2F4;
float: left;
width: 100%;
height: 110px;
border: 1px solid #DCC7C9;
padding-left: 3px;
}

.internal_trainer_search_titles{
margin-left: 0px;
padding-left: 0px;
}

.internal_trainer_search_titles li{
display: inline;
display: block;
width: 146px;
float: left;
}

div.content select.internal_combo_box {
width: 143px;
padding: 0px;
margin: 0px;
}

div.content select.internal_combo_box option{
margin-bottom: 3px;
}

.search_form .internal_search_button {
background-color: #FFFFFF;
width: 50px;
float: right;
margin: 9px 5px 0px 0px; 
}

.search_result {
background-color: #F7F8FA;
width: 100%;
float:left;
border: 1px solid #DCC7C9;
margin-top: 10px;
margin-bottom: 10px;
padding: 0px 0px;
}

.search_result_details {
float: left;
margin: 5px 0px 0px 10px;
width: 270px;
}

.search_result_details_large {
float: left;
margin: 5px 0px 0px 10px;
width: 410px;
}

.result_titles {
font-weight: bold;
margin: 0px 0px 0px 0px;
}

.result_text {
margin: 5px 0px 5px 5px;
}

.search_result_photo {
float: left;
margin-left: 9px;
padding: 0px;
width: 135px;
height: 180px;
border: 0px solid grey;
}

#search_img{
margin: 0px;
width: 100%;
height: 100%;
}


.search_result_footer {
margin: 8px 5px;
text-align: right;
float: left;
width: 97%;
}

a.see_more_button{
width: 5px;
height: 50px;
}
	
	div.footer {
		clear: both;
		width: 764px;
		height: 40px;
		margin: 10px 0;
		padding: 0;
		background-image: url(/images/footer_back.gif);
		background-repeat: no-repeat;
	}
	
	div.footer ul {
		margin: 0 auto;
		padding-left: 15px;
		width: 770px;
	}
	
	div.footer li {
		list-style-type: none;
		float: left;
		display: block;
		text-align: center;
		padding: 8px 19px 0px 10px;
		margin: 0px;
		font-size: 11px;
		height:24px;
	}
	
	div.footer a {
		margin: 0px;
		padding: 0px; 
		color: #333333;
		text-decoration: none;
	}
	
	div.footer a:hover {
		color: #AAAAAA;
	}

div.footer a.twitter_link img{
float:right;
width: 0px;
}
	
	table.cal td {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333333;
		text-align:center;
	}

	table.cal td.eventon {
		background: #6699CC;
		color: #000;
	}


	table.cal td.eventon a {
		background: #6699CC;
		color: #000;
		text-decoration:underline;
		text-decoration:bold;
	}

 	table.cal a {
		font-family: Arial, Helvetica, sans-serif;
		color: #333333;
		text-decoration: underline;
	}

	table.cal_col2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		color:#DEE3EF;
	}
	
	div.footer_credit {
		float: right;
		color: #333333;
		font-size: 10px;
		margin: 0px;
		padding: 0px;
	}
		
	div.footer_credit a {
		color: #333333;
		text-decoration: none;
	}
		
	div.footer_credit a:hover {
		color: #333333;
		text-decoration: underline;
	}
	
	div.terms_conditions {
		color: #333333;
		font-size: 10px;
		margin: 10px 0 0 0;
		padding: 7px 20px 0 0;
	}
	
	div.terms_conditions a {
		color: #333333;
		text-decoration: none;
	}
	
	div.terms_conditions a:hover {
		color: #333333;
		text-decoration: underline;
	}
	
	div.error {
		margin: 5px; 0px;
		padding: 5px;
		border: 1px solid #FF0000;
		background-color: #FFE1E1;	
	}
	
	div.error p {
		margin: 0px;
		padding: 0px 0px 0px 23px;
		font-weight: bold;
		height: 20px;
		background-image: url(../images/error.gif);	
		background-repeat: no-repeat;
	}
	
	div.error ul {
		color: #FF0000;
		margin: 3px 0px 0px 30px;
		padding: 0px;	
	}
	

	div.success {
		margin: 5px; 0px;
		padding: 5px;
		border: 1px solid blue;
		background-color: lightblue;	
	}


	div.blog_post {
		border-bottom: 1px solid #333333;
	}
	
	
	
	
	
		div.poll_top {
		color:#333;
		background-image:url(../images/poll_top_bg.gif);
		width:	128px;
		height: 7px;
	}
	
		div.poll_slither {
		color:#333;
		background-image:url(../images/poll_slither_bg.gif);
		width:	113px;
		height: auto;
		padding:10px 0px 10px 15px;
	}
	
	
	
		div.poll_bottom {
		color:#333;
		background-image:url(../images/poll_bottom_bg.gif);
		width:	128px;
		height: 7px;
	}
	
	
		div.poll_slither p{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px; 
	}
	
	
		div.poll_slither ul{
		margin: 0px 0px 0px 10px;
		padding: 0px 0px 0px 0px; 
	}
	
		div.poll_slither li{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px; 
	}
	
	div#latest_news
{
border:solid 1px #CCC;
width:136px;
margin:auto;
text-align:left;
}

div#latest_news h3
{
background:#e1efef;
}


div#latest_news h3,
div#latest_news h4,
div#latest_news p
{
padding:0px 3px;
margin:0;
}

div#latest_news h4
{
margin-top:5px;
}

div#latest_news p
{
margin-bottom:5px;
}

div#latest_news a
{
text-decoration:underline;
}

div.news
{
margin:10px 0px;
}

div.news_item_main
{
width: 100%;
min-height: 110px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 5px 0px;
border-bottom: 1px solid #ECECEC;
}

div.news_item_main img, div.news_article img
{
float: right;
margin: 0px 10px 10px 10px;
padding: 5px;
border: 1px solid #ECECEC;
}

div.news_item_main h2 a
{
text-decoration: none;
}

div.news_item_main h2 span.news_date, div.news_article h2 span.news_date
{
font-size: 11px;
font-weight: normal;
}

div.news_item_main h2
{
font-size: 14px;
}

ul.archive_list
{
margin: 0px;
padding: 0px 0px 0px 20px;
}

ul.archive_list li
{
margin: 0px 0px 0px 20px;
}

ul.archive_list li.month_li
{
list-style-type: none;
padding: 5px 0px 1px 0px;
font-weight: bold;
margin: 0px;
}
	
div.content input.paypal_buy {
 border: none;
 width: 107px;
}

span.price {
 font-size: 16px;
 color: #666666;
}

img.shop_thumb {
 border: 1px solid #666666;
 width: 100px;
 height: 100px;
}

.small{font-size:10px;}
span.goal{display:block;width:150px;float:left;}
span.day{display:block;width:50px;float:left;}
	
/* Datepicker styles from jQuery UI */

/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #999; background: #ddd 50% 50% repeat-x; color: #000; font-weight: bold; }
.ui-widget-header a { color: #000; }

.ui-datepicker { width: 195px; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:14px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
div.content img.ui-datepicker-trigger{
	margin:0 0 0 5px;
	vertical-align:middle;
}