@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;
}

/**********************************
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;
}
#headerWrapper {
	/*border:1px solid #00ffff;*/
	background-image:url(../img/top_stripe_bg.gif);
	background-repeat:repeat-x;
	width:100%;
	height:136px;
}

#header {
	width:880px;
	margin:0px auto;
	text-align:left;
	padding:0px 0px 0px 0px;
}

#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 {
	padding: 0px;
	height: 156px;
	width: 880px;
} 

#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: 170px;
	float: left;
	padding-top: 40px;
	padding-left: 50px;
	height: 95px;
	line-height:140%;
} 

#header .lefttext {
	width: 280px;
	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: left;
} 

/**********************************
Sidebar
**********************************/
#sidebar {
	float: right;
	width: 203px;
	margin-right: 17px;
	background-image: url(../img/right_bg.gif);
	background-repeat: repeat-y;
}

/*div#sidebar {
	min-height:700px;
height:expression(this.scrollHeight > 700 ? "auto":"700px"); 
}
*/

.sidecontent{
	width: 180px;
	margin-right: 10px;
	margin-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: 160px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 20px;
	text-align: center;
	color: #0883a1;
	float:right;
}
.infoheader{
	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
**********************************/
#mainContent {
	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;
}