/* CSS Document */

body {
	margin: 0 auto;
	padding: 0;
	background-image: url('images/gradient.jpg');
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #AEA380;
	text-align: center;
	min-width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3A2F1D;
	}
	
a:link, a:visited {text-decoration: underline; color: #3F597F;}
a:hover, a:active {text-decoration: underline; color: #752E0B;}

p {
	padding-left: 10px;
	padding-right: 10px;
	}
p.testimonial {text-align: left;
	color: #752E0B;}
	
h1 {font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #752E0B;
	font-size: 24px; 
	padding: 0px 0px 0 10px;
	margin: 0px;
	letter-spacing: .03em;
	font-variant: small-caps;}

h2 {font-size: 18px;
	font-weight: normal;
	padding-left: 10px;
	padding-right: 10px;
	color: #666C48;}

h3 {font-size: 14px;
	font-weight: bold;
	color: #AB753D;
	font-style: italic;
	margin: 0px;
	padding:0px 10px 0px 10px;}
hr {border-top: 1px dashed #752E0B;
	border-bottom: 1px dashed #F6F4E5;
	border-left: 0px dashed #F6F4E5; border-right: 0px dashed #F6F4E5;
	margin: 0px 10px 0px 10px;}
	
/*Tables and Table Styles*/
table.stylized{background-color: #E5E2C8;
	border: 1px solid #D1CCAA;
	margin: 0px 0px 10px 10px;
	}
.stylized td{vertical-align: top;
	border-top: 1px solid #B3AE8A;
	border-left: 1px solid #B3AE8A;
	border-bottom: 1px solid #D1CCAA;
	border-right: 1px solid #D1CCAA;
	}
.stylized th{vertical-align:bottom;
	background-color: #D7D2AC;
	text-align:left;}
table.stylized table td{border: 0px;}
.center td{text-align: center;}
.center th{text-align: center;}

/* List Styles */
.clinics li{padding: 0px 10px 15px 0px;}
#content li{padding: 0px 10px 5px 0px;}
	
html>body #container {
	behavior: url('iepngfix.htc');
	width: 800px;
	margin: 0 auto;
	text-align: center;
	background-image: url('images/wrapper-outside-shadow2.png');
	background-repeat: repeat-y;
	background-position: top center;
	}
/* Hides from IE-mac \*/ 
#container {
	position: relative;
	width: 800px;
	margin: 0 auto;
	text-align: center;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/wrapper-outside-shadow2.png", sizingMethod="scale");
	}
/* End hide from IE-mac */	
	
#branding {width: 770px;
	margin: 0 auto;
	text-align: left;}	
	
#wrapper {width: 770px;
	text-align: left;
	margin: 0 auto;
	background-image: url('images/menu-bg.jpg');
	background-repeat: repeat-y;
	background-position: top left;
	}

/* content & content items	*/
#content {
	width: 580px;
	float: right;
	padding-bottom: 10px;
	}
#index-features {clear: both; width: 580px; 
	background: url('images/newsbg.jpg') top left repeat-x;
	padding: 5px 0px 5px 0px;
	margin-top: 10px;}
#news {width: 374px;
	background: url('images/newsbg.jpg') top left no-repeat;
	float: right; padding: 5px 0px 5px 0px;
	border-left: 1px dashed #C8BA98;
	}
#news ul {margin: 15px; padding-left: 10px;}
#other {width: 200px;
	background: url('images/newsbg.jpg') top left no-repeat;
	float: left; padding: 5px 0px 5px 0px;
	float: left;
	}
	
#navcontent {
	width: 190px;
	float: left;
	padding-bottom: 10px;
	}

#mainnav a{display: block;
	text-decoration: none;
	line-height: 26px;
	padding: 0px 5px 0px 25px;
	margin-bottom: 3px;
	font-weight: bold;
}	
#mainnav a:link, #mainnav a:visited {
	color: #ffffff;
	background-image: url('images/menu-bg-hover.jpg');
	background-repeat: repeat-y;
	background-position: top left;}
#mainnav a:hover, #mainnav a:active {
	color: #3A2F1D;
	background-image: url('images/menu-bg-hover2.jpg');
	background-repeat: repeat-y;
	background-position: top left;}

#mainnav span a{
	border: 0px;
	line-height: 18px;
	margin-bottom: 4px;
	padding: 2px 2px 2px 38px;}
#mainnav span a:link, #mainnav span a:visited{
	background-image: url('images/arrow.gif');
	background-position: 25px 50%;
	background-repeat: no-repeat;
	color: #F6F4E5;}
#mainnav span a:hover, #mainnav span a:active{
	background-image: url('images/arrow-anim.gif');
	background-position: 25px 50%;
	background-repeat: no-repeat;
	color: #9D8652;
}	
#mainnav hr {border-top: 1px dashed #4E4331;
	border-bottom: 1px dashed #3A2F1D;
	border-left: 0px;
	border-right: 0px;
	margin: 0px 5px 8px 5px;}

#mainnav {
	padding-left:0;
	margin-left:0;
}
#mainnav ul,
#mainnav ul li{
	padding-left:0;
	margin-left:0;
}
#mainnav ul li{
	list-style-type:none;
}

#canongate p{text-align: center;
	color: #9D8652;
	margin: 0px;}
#canongate a{background-image: none;
	background-color: none;
	color: #9D8652;}
#menu1 {display: none;}
#menu2 {display: none;}
/*Extras*/	
#map {background-color: #F6F4E5;
	width: 380px;
	text-align: left;}
#content img{vertical-align:bottom;}
#clubs {float: right;
	width: 230px;
	padding-top: 15px;}
#clubs p{margin-top: 0px;}
#contact {float: left;
	width: 330px;margin-top: 0px;
	padding-top: 0px;}
#contact table{margin-top: 0px;
	padding-top: 0px;}

	
/*Footer Stuff*/
#footer {
	clear: both;
	margin: 0 auto;
	background-color: #9D8652;
	padding: 8px 0px 8px 0px;
	}
#footer p{text-align: center;
	margin: 3px auto; padding: 0px;}
#footer a{font-size: 11px;}
#footer a:link, #footer a:visited {color: #CFBE9B;}
#footer a:hover, #footer a:active {color: #C7DF8B;}
	
/*Bio Stuff*/
img.bio {background-color: #ffffff;
	padding: 8px;
	border: 1px solid;
	border-color: #D5D1B6 #9D9877 #9D9877 #D5D1B6;
	margin: 0px 8px 3px 0px;
	float: left;
	}
.bio-box {
	clear: both;
	display: block;
	margin: 10px 10px 10px 10px;
	padding: 10px 0px 0px 0px;
	border-top: 1px dashed #752E0B;} 
.bio-box h2{margin: 0px; padding: 0px;}
.bio-box p{padding: 0px;}
.rates {
	background: url('images/rates-icon.gif') top left no-repeat;
	padding: 4px 5px 5px 25px;
	line-height: 25px;}
.schedule {
	background: url('images/schedule-icon.gif') top left no-repeat;
	padding: 4px 5px 5px 25px;
	line-height: 25px;}
.clinics {
	background: url('images/schedule-icon.gif') top left no-repeat;
	padding: 4px 5px 5px 25px;
	line-height: 25px;}
	
/*Extra Things*/
.caption {color: #9D9877; font-size: 12px; font-style: italic; margin:0px;}
img.border {background-color: #ffffff;
	padding: 8px;
	border: 1px solid;
	border-color: #D5D1B6 #9D9877 #9D9877 #D5D1B6;
	margin: 0px 8px 0px 10px;
	float: right;
	}
img.border-normal {background-color: #ffffff;
	padding: 8px;
	border: 1px solid;
	border-color: #D5D1B6 #9D9877 #9D9877 #D5D1B6;
	margin: 0px 5px 0px 5px;
	}
img.border-right {background-color: #ffffff;
	padding: 8px;
	border: 1px solid;
	border-color: #D5D1B6 #9D9877 #9D9877 #D5D1B6;
	margin: 0px 8px 0px 10px;
	float: right;
	}
img.border-left {background-color: #ffffff;
	padding: 8px;
	border: 1px solid;
	border-color: #D5D1B6 #9D9877 #9D9877 #D5D1B6;
	margin: 0px 10px 4px 4px;
	float: left;
	}

a.top{background-image: url('images/top.gif');
	background-position: 0 2px;
	background-repeat: no-repeat;
	padding: 0px 0px 10px 25px;
	margin: 0px; font-size: 14px; line-height: 30px; font-weight: bold;
	color: #6D7045;
	}
a.top:link, a.top:visited {color:#6D7045;}
a.back{background-image: url('images/back.gif');
	background-position: 6px 0px;
	background-repeat: no-repeat;
	padding: 0px 0px 10px 25px;
	margin: 0px; font-size: 14px; line-height: 30px; font-weight: bold;
	}
a.back:link, a.back:visited {color:#752E0B;}

#contentScrollerLayer { position:relative; width:290px; z-index:1; left: 0px; top: 0px; height: 850px}

/* =Back To Top
-----------------------------------------------------------------------------*/
html>body #backTop {
	background:url('images/backToTop.gif') no-repeat;
	padding:25px 10px 5px 30px;
	right:0;
	bottom:0;
	position:fixed;
	z-index:4;
	text-align: left;
}
#backTop { position: absolute; right: 0px; bottom: 0px; }
#backTop a{color:#F6F4E5;
	padding: 5px;
	font-weight: bold;
	font-size: 14px;
	font-style: italic;}
#backTop p{margin: 8px 0px 5px 0px;}

html>body #clinic-sort {
	background:url('images/backToTop.gif') no-repeat;
	padding:40px 10px 5px 30px;
	right:0;
	bottom:0;
	position:fixed;
	z-index:4;
	text-align: left;
}
#clinic-sort { position: absolute; right: 0px; bottom: 0px; }
#clinic-sort a{color:#F6F4E5;
	padding: 5px;
	font-weight: bold;
	font-size: 14px;
	font-style: italic;}
#clinic-sort p{margin: 8px 0px 5px 0px;}
#IEcontainer {
position:relative;
overflow-x:hidden;
overflow-y:auto;
}

div.b_register_online {
	margin:6px 0 22px 25px; 
	padding:0; 
	font-weight:bold;
	text-decoration:none;
}
div.b_register_online a,
div.b_register_online a:link {
	margin:0 8px;
	padding:2px 10px;
	background-color:#e8e8e8;
	border:1px solid #666666;
	text-decoration:none;
}
div.b_register_online a:hover {
	background-color:#efefef;
	text-decoration:underline;
}


/* Clear */
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */