@charset "utf-8";

/* CSS Document */



* {

margin: 0px;

padding: 0px;

}



ul,ol,li{

list-style:none;

}



th,td{

text-align: left;

vertical-align: top;

}



a{

	text-decoration:none;

	color:#134a79;

}

a:hover{

text-decoration:none;

color:#666666;

}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,div{

margin: 0px;

padding:0px;

}

img{
	border:none;
}



/**********************************

Structure & Header

**********************************/

body  {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	font-weight: normal;

	letter-spacing: 0px;

	margin: 0;

	padding: 0;

	text-align: center;

	background-color: #f8f9f8;

}

#Wrapperheader {

	/*border:1px solid #00ffff;*/

	background-image:url(../img/top_stripe_bg.gif);

	background-repeat:repeat-x;

	width:100%;

	height:156px;

}



#header {

	width:880px;

	margin:0px auto;

	text-align:left;
	height: 156px;
	padding:0;

}




#headerLeft {

	float:left;

	width:741px;

	padding:70px 0px 0px 0px;

}



#headerRight {

	float:right;

	width:239px;

}

#container {

	width: 880px;

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	text-align: left;

	background-color: #FFFFFF;

} 


#header .left {

	padding: 0px;

	height: 156px;

	width: 531px;

	background-image: url(../img/top_hd_left.jpg);

	background-repeat: no-repeat;

	float: left;

} 



#header .leftlogo {

	width: 200px;

	float: left;

	padding-top: 20px;

	padding-left: 50px;

	height: 120px;

	line-height:140%;

} 



#header .lefttext {

	width: 200px;

	float: left;

	padding-top: 35px;

	padding-left: 10px;

	height: 100px;

	letter-spacing: 0px;

	line-height:140%;

} 



#header .right {

	padding: 0px;

	height: 156px;

	width: 349px;

	background-image: url(../img/top_hd_right.jpg);

	background-repeat: no-repeat;

	float: right;

} 



/**********************************

Sidebar

**********************************/

#sidebar {
	float: right;
	width: 203px;
	padding: 0 17px 0 0;
	_padding: 0 12px 0 0;
	background-image: url(../img/right_bg.gif);
	background-repeat: repeat-y;
}


/*div#sidebar {

	min-height:700px;

height:expression(this.scrollHeight > 700 ? "auto":"700px"); 

}

*/



.sidecont{

	width: 180px;

	padding-right: 10px;

	padding-left: 10px;
	
	height:auto;

	float:right;

	line-height:140%;
	

}

.areaheader{

	width: 160px;

	height: 30px;

	padding-right: 10px;

	padding-left: 10px;

	padding-top: 10px;

	text-align: center;

	color: #993366;

	float:right;

}

.othersheader{

	width: 150px;

	padding-right: 10px;

	padding-left: 10px;

	padding-top: 20px;

	text-align: center;

	color: #0883a1;

	float:right;

}

.informationheader{

	width: 160px;

	padding-right: 10px;

	padding-left: 10px;

	padding-top: 15px;

	text-align: center;

	color: #c73095;

	float:right;

}

.featuredheader{

	width: 160px;

	height: 25px;

	padding-right: 10px;

	padding-left: 10px;

	padding-top: 10px;

	text-align: center;

	color: #4c3c3c;

	float:right;

}



.bottom{

	width: 203px;

	height: 54px;

	float:right;

}

.arealinks{

	width: 170px;

	padding-right: 12px;

	padding-left: 15px;

	padding-top: 15px;

	border-top-width: 1px;

	border-top-style: dotted;

	border-top-color: #ccc;

}

#areabox{

	margin:auto;

	width:180px;

	height:auto;

	float:right;

	line-height:140%;

	padding-top: 5px;

	padding-bottom: 5px;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #878383;

}



.areaL{

	width: 40px;

	padding-right: 10px;

	text-align: left;

	float: right;

	font-weight: bold;

	color: #433d3d;

}

.areaR{

	width:120px;

	padding-right: 10px;

	text-align: left;

	float: right;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #433d3d;

	text-decoration: none;

	letter-spacing: 0px;

}



#areabox a{

	font-size: 12px;

	color: #433d3d;

	text-decoration: none;

}



#areabox a:hover{

	font-size: 12px;

	color: #433d3d;

	text-decoration: underline;

}



#othersbox{

	margin:auto;

	width:175px;

	height:auto;

	float:right;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333333;

	line-height:140%;

	font-weight: normal;

	padding-top: 5px;

	padding-right: 5px;

	padding-bottom: 10px;

}



#othersbox a{

	font-size: 12px;

	color: #433d3d;

	text-decoration: none;

}



#othersbox a:hover{

	font-size: 12px;

	color: #433d3d;

	text-decoration: underline;

}

#othersbox ul{

	padding-left: 15px;

}

#othersbox li{

	list-style-image:url(../img/grn_dot.gif);

	list-style-position:outside;

	list-style-type:circle;

}

.infobox{

	margin:auto;

	width:175px;

	height:auto;

	float:right;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333333;

	line-height:140%;

	font-weight: normal;

	padding-top: 5px;

	padding-right: 5px;

	padding-bottom: 10px;

}



.infobox a{

	font-size: 12px;

	color: #433d3d;

	text-decoration: none;

}



.infobox a:hover{

	font-size: 12px;

	color: #433d3d;

	text-decoration: underline;

}



.infobox ul{

	padding-left:22px;



}

.infobox li{

	list-style-image:url(../img/pink_arrow.gif);

	list-style-position:outside;

	list-style-type:circle;

}

#featuredbox{

	margin:auto;

	width:175px;

	margin-right: 5px;

	height:auto;

	float:right;

	color: #333333;

	line-height:140%;

	font-weight: normal;

	padding-bottom: 5px;

}

#featuredbox ul{

	padding-left:25px;

	padding-top: 5px;

} 



#featuredbox li{

	list-style-image:url(../img/red_star.gif);

	list-style-position:outside;

	list-style-type:circle;

} 

#featuredbox2{

	width:175px;

	height:auto;

	margin-right: 5px;

	float:right;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333333;

	line-height:140%;

	font-weight: normal;

	padding-top: 5px;

	padding-bottom: 5px;

	background-color: #FFF;

	

}

#featuredbox2 .fimg{

	width:160px;

	height:auto;

	margin-right: 5px;

	float:right;

	padding-top: 5px;

	padding-bottom: 5px;

	background-color: #FFF;

	padding-right: 5px;

	padding-left: 5px;

	text-align: center;

}



#featuredbox2 .text{

	width:155px;

	height:auto;

	margin-right: 5px;

	float:right;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333333;

	line-height:140%;

	font-weight: normal;

	padding-top: 5px;

	padding-bottom: 5px;

	padding-right: 5px;

	padding-left: 10px;	

}



#featuredbox2 ul{

	padding-left:20px;

} 



#featuredbox2 li{

	list-style-image:url(../img/ico_add.gif);

	list-style-position:outside;

	list-style-type:circle;

} 

/**********************************

Content

**********************************/

#mainCont {

	width: 630px;

	margin-top: 0px;

	padding-top: 10px;

	padding-left: 15px;

} 



#tab {

	width: 630px;

	margin-top: 0px;

	padding-bottom: 10px;

} 



#no1{

	width: 630px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

	letter-spacing: 0px;

	line-height:180%;

	background-image: url(../img/1_stripe_bg.gif);

	background-repeat: repeat;

	padding-bottom: 15px;

	float: left;

} 

#no2{

	width: 630px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

	letter-spacing: 0px;

	line-height:180%;

	background-image: url(../img/2_stripe_bg.gif);

	background-repeat: repeat;

	padding-bottom: 15px;

	float: left;

} 

#no3{

	width: 630px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

	letter-spacing: 0px;

	line-height:180%;

	background-image: url(../img/3_stripe_bg.gif);

	background-repeat: repeat;

	padding-bottom: 15px;

	float: left;

} 



.title{

	width: 610px;

	height: 50px;

	padding-right: 10px;

	padding-left: 10px;

}

.title_crown{

	width: 65px;

	height: 50px;

	padding-right: 10px;

	float: left;

} 

.title_text{

	width: 570px;

	height: 35px;

	padding-top: 15px;

} 



.bottom_title_text{

	width: 570px;

	height: 25px;

	padding-top: 25px;

} 



.clinic_box{

	width: 610px;

	line-height:180%;

	padding-top: 5px;

	padding-right: 10px;

	padding-left: 10px;

	float: left;

} 

.box_content{

	width: 590px;

	padding-right: 10px;

	padding-left: 10px;

	background-color: #FFF;

	float: left;

} 



.box_content_info{

	width: 590px;

	padding: 10px;

	background-color: #FFF;

	float: left;

} 

.box_contentL{

	width: 100px;

	padding-right: 20px;

	padding-left: 10px;

	padding-top: 10px;

	float: left;

} 

.box_contentR{

	width: 450px;

	line-height:180%;

	padding-right: 10px;

	padding-top: 10px;

	float: left;

} 



.box_contentR ul{

	padding-left:25px;

} 

.box_contentR li{

	list-style-image:url(../img/ico_add.gif);

	list-style-position:outside;

	list-style-type:circle;

} 

.box_button{

	width: 590px;

	padding-right: 10px;

	padding-bottom: 10px;

	float: left;

	text-align: center;

} 



/**********

Individual Clinic display

**********/



#clinicinfo{

	width: 630px;

	line-height:180%;

	background-image: url(../img/left_stripe_bg.gif);

	background-repeat: repeat;

	padding-bottom: 15px;

	float: left;

} 



#clinicinfo .title_ico{

	width: 30px;

	height: 32px;

	padding-right: 10px;

	padding-top: 15px;

	float: left;

} 

#clinicinfo .title{

	width: 610px;

	height: 50px;

	padding-right: 10px;

	padding-left: 10px;

	float: left;

}



#clinicinfo .clinic_box{

	width: 610px;

	padding-top: 5px;

	padding-right: 10px;

	padding-left: 10px;

	float: left;

} 

#clinicinfo .box_contentLong{

	width: 580px;

	padding: 5px;

	float: left;

} 



#clinicinfo .box_map{

	width: 570px;

	padding: 10px;

	float: left;

} 

#clinicinfo .box_content{

	width: 590px;

	padding: 10px;

	background-color: #FFF;

	float: left;

} 

#clinicinfo .box_contentL{

	width: 100px;

	padding-right: 20px;

	padding-left: 10px;

	padding-top: 10px;

	float: left;

} 

#clinicinfo .box_contentR{

	width: 450px;

	padding-right: 10px;

	padding-top: 10px;

	float: left;

} 

#clinicinfo .box_contentR2{

	width: 450px;

	line-height:140%;

	padding-right: 10px;

	padding-top: 10px;

	padding-bottom: 10px;

	float: left;

} 

.clinic_box_button{

	width: 100%;

	padding-top: 5px;

	padding-bottom: 5px;

	text-align: center;

	float: left;

	text-decoration:none;

} 



.clinic_box_button a{

	width: 203px;

	height: 52px;

	padding-top: 38px;

	padding-left: 175px;

	padding-bottom: 5px;

	background-image: url(../img/button_call4info.gif);

	background-repeat: no-repeat;

	font-weight: bold;

	color: #ffffff;

	margin-left:auto;

	margin-right:auto;

	margin-top: 10px;

	line-height:150%;

	text-align: left;

	display:block;

	text-decoration:none;

} 

.clinic_box_button a:hover{

	width: 203px;

	height: 52px;

	padding-top: 38px;

	padding-left: 175px;

	padding-bottom: 5px;

	background-image: url(../img/button_call4info_on.gif);

	background-repeat: no-repeat;

	font-weight: bold;

	color: #ffffff;

	margin-left:auto;

	margin-right:auto;

	margin-top: 10px;

	line-height:150%;

	text-align: left;

	display:block;

	text-decoration:none;	

} 



#clinic_add_info{

	width: 630px;

	line-height:180%;

	background-image: url(../img/right_stripe_bg.gif);

	background-repeat: repeat;

	padding-bottom: 15px;

	float: left;

} 



#clinic_add_info .box_content{

	width: 280px;

	padding: 10px;

	background-color: #FFF;

	float: left;

} 

#clinic_add_info .box_contentR{

	width: 280px;

	padding: 10px;

	background-color: #FFF;

	float: left;

	margin-left: 10px;

} 

.clinic_add_contentL{

	width: 110px;

	margin-right: 10px;

	float: left;

} 

.clinic_add_contentR{

	width: 160px;

	line-height:130%;

	float: left;

} 

/*****************

no 4 content

******************/

#no4{

	width: 250px;

	height: 310px;

	color: #000000;

	line-height:180%;

	background-image: url(../img/left_stripe_bg.gif);

	background-repeat: repeat;

	padding-bottom: 15px;

	float: left;

} 

#no4 .title{

	width: 230px;

	height: 50px;

	padding-right: 10px;

	padding-left: 10px;

}

#no4 .title_crown{

	width: 65px;

	height: 55px;

	padding-right: 10px;

	float: left;

} 

#no4 .title_text{

	width: 155px;

	height: 40px;

	float: left;

	background-position: center;

	padding-top: 15px;

	

} 

#no4 .clinic_box{

	width: 230px;

	line-height:180%;

	padding-top: 5px;

	padding-right: 10px;

	padding-left: 10px;

	float: left;

} 

#no4 .box_content{

	width: 210px;

	padding-right: 10px;

	padding-left: 10px;

	background-color: #FFF;

	float: left;

} 

#no4 .box_contentL2{

	width: 100px;

	padding-right: 10px;

	padding-top: 10px;

	float: left;

} 

#no4 .box_contentR{

	width: 90px;

	line-height:150%;

	padding-top: 10px;

	float: left;

} 

#no4 .box_text ul{

	padding-left:25px;

} 



#no4 .box_text li{

	list-style-image:url(../img/ico_add.gif);

	list-style-position:outside;

	list-style-type:circle;

} 

#no4 .box_text{

	width: 210px;

	padding-top: 5px;

	padding-bottom: 5px;

	float: left;

	line-height:110%;

} 

#no4 .box_button{

	width: 200px;

	padding-right: 10px;

	padding-top: 5px;

	padding-bottom: 8px;

	float: left;

	text-align: center;

} 



/*****************

no 4b content

******************/

#no4b{

	width: 310px;

	height: 285px;

	line-height:180%;

	background-image: url(../img/left_stripe_bg.gif);

	background-repeat: repeat;

	padding-bottom: 15px;

	float: left;

} 

#no4b .title{

	width: 290px;

	height: 52px;

	padding-right: 10px;

	padding-left: 10px;

}

#no4b .title_crown{

	width: 65px;

	height: 55px;

	padding-right: 10px;

	float: left;

} 

#no4b .title_text{

	width: 210px;

	height: 40px;

	float: left;

	background-position: center;

	padding-top: 10px;

} 

#no4b .clinic_box{

	width: 290px;

	line-height:180%;

	padding-top: 5px;

	padding-right: 10px;

	padding-left: 10px;

	float: left;

} 

#no4b .box_content{

	width: 270px;

	padding-right: 10px;

	padding-left: 10px;

	background-color: #FFF;

	float: left;

} 

#no4b .box_contentL2{

	width: 100px;

	padding-right: 10px;

	padding-top: 10px;

	float: left;

} 

#no4b .box_contentR{

	width: 150px;

	line-height:150%;

	padding-top: 10px;

	float: left;

} 

#no4b .box_text ul{

	padding-left:25px;

} 



#no4b .box_text li{

	list-style-image:url(../img/ico_add.gif);

	list-style-position:outside;

	list-style-type:circle;

} 

#no4b .box_text{

	width: 270px;

	padding-top: 5px;

	padding-bottom: 5px;

	float: left;

	line-height:110%;

} 

#no4b .box_button{

	width: 270px;

	padding-right: 10px;

	padding-top: 5px;

	padding-bottom: 5px;

	float: left;

	text-align: center;

} 



/*****************

no 5 content

******************/

#no5{

	width: 310px;

	height: 285px;

	line-height:180%;

	background-image: url(../img/right_stripe_bg.gif);

	background-repeat: repeat;

	padding-bottom: 15px;

	float: left;

	margin-left: 10px;

} 

#no5 .title{

	width: 290px;

	height: 52px;

	padding-right: 10px;

	padding-left: 10px;

}

#no5 .title_crown{

	width: 65px;

	height: 55px;

	padding-right: 10px;

	float: left;

} 

#no5 .title_text{

	width: 210px;

	height: 40px;

	float: left;

	background-position: center;

	padding-top: 10px;

} 

#no5 .clinic_box{

	width: 290px;

	line-height:180%;

	padding-top: 5px;

	padding-right: 10px;

	padding-left: 10px;

	float: left;

} 

#no5 .box_content{

	width: 270px;

	padding-right: 10px;

	padding-left: 10px;

	background-color: #FFF;

	float: left;

} 

#no5 .box_contentL2{

	width: 100px;

	padding-right: 10px;

	padding-top: 10px;

	float: left;

} 

#no5 .box_contentR{

	width: 150px;

	line-height:150%;

	padding-top: 10px;

	float: left;

} 

#no5 .box_text ul{

	padding-left:25px;

} 



#no5 .box_text li{

	list-style-image:url(../img/ico_add.gif);

	list-style-position:outside;

	list-style-type:circle;

} 

#no5 .box_text{

	width: 270px;

	padding-top: 5px;

	padding-bottom: 5px;

	float: left;

	line-height:110%;

} 

#no5 .box_button{

	width: 270px;

	padding-right: 10px;

	padding-top: 5px;

	padding-bottom: 5px;

	float: left;

	text-align: center;

} 



/*****************

map content

******************/

#map{

	width: 370px;

	height: 310px;

	line-height:180%;

	background-image: url(../img/right_stripe_bg.gif);

	background-repeat: repeat;

	padding-bottom: 15px;

	float: left;

	margin-left: 10px;

} 

.map_title{

	width: 340px;

	height: 45px;

	padding-right: 10px;

	padding-left: 10px;

}

.map_title_text{

	width: 280px;

	float: left;

	padding-top: 25px;

}

.map_ico{

	width: 26px;

	height: 35px;

	padding-right: 10px;

	padding-top: 20px;

	float: left;

	text-align: center;

	vertical-align: middle;

} 

.map_box{

	width: 350px;

	line-height:180%;

	padding-top: 5px;

	padding-right: 10px;

	padding-left: 10px;

	float: left;

} 

.map_content{

	width: 330px;

	background-color: #FFF;

	float: left;

} 



#top_info{

	width: 630px;

	line-height:180%;

	background-image: url(../img/left_stripe_bg.gif);

	background-repeat: repeat;

	padding-bottom: 15px;

	float: left;

} 

.info_ico{

	width: 26px;

	height: 25px;

	padding-right: 10px;

	padding-top: 20px;

	float: left;

	text-align: center;

	vertical-align: middle;

} 





/**********************************

Footer

**********************************/

#footer {

	height: 60px;

	padding-top: 0;

	background-color: #eeeff0;

	float:left;

} 



#footer .text {

	width: 840px;

	float: left;

	padding-top: 20px;

	padding-right: 20px;

	padding-left: 20px;

	line-height:140%;

	text-align: center;

}

/**********************************

Misc

**********************************/

.dottedline {

	border-top-width: 1px;

	border-top-style: dotted;

	border-top-color: #CCC;

	padding-bottom: 5px;

	margin-top: 5px;

	width: 100%;

}



.dotline {

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #d6d3d3;

	padding-top: 5px;

	padding-bottom: 5px;

	float:right;

}



#breadcrumb {

	width: 630px;

	height: 25px;

	padding-top: 5px;

	float:left;

	font-weight: bold;

	color: #292928;

	letter-spacing: 0px;

	float: left;

	}

	

#breadcrumb a {

	font-weight: normal;

	text-decoration: underline;

	color: #292928;

	}	

	

#breadcrumb a:hover {

	font-weight: normal;

	color: #333;

	}	

	

#spacer {

	height: 20px;

	width: 630px;

	float:left;

}

#spacer2 {

	height: 10px;

	width: 99%;

	float:left;

}



.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}



/**********************************

text

**********************************/

/*

h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 30px;

	font-weight: bold;

	color: #3c2618;

	text-decoration: none;

}

*/



h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #4a4846;

	text-decoration: none;

	}



h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	color: #c03367;

}



h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	color: #c03367;

}



strong.clinicname {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

	letter-spacing: 0px;

	line-height:180%;

	float: left;



}



strong.clinicname2{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight: bold;

	color: #000000;

	line-height: 110%;

	text-decoration: none;

	letter-spacing: 0px;

}



h6{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

}

