﻿/*==============================================
Highlands Medical Group
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Design by: Cyrus Limited, Inc. - cyrusonline.com
	Author: Brandon Kidd
	Created: 9/4/2008
------------------------------------------------------------------------------*/

/* Global */
*{
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
html, body{
	border: 0;
	font-size: 12px;
}
body{
	background: #244381 url(Images/bg_body.gif) repeat-y center top;
	color: #666;
}
h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 *, h6, h6 *, legend{
	font-weight: normal;
}
h1{
	font-size: 24px;
}
h2{
	font-size: 20px;
}
h3{
	font-size: 18px;
}
h4{
	font-size: 16px;
}
h5{
	font-size: 14px;
}
h6{
	font-size: 12px;
}
p, #main_content .literalContent{
    line-height: 18px;
    text-align: justify;
    margin: 0 0 18px 0;
}
p img[align="left"], #main_content .literalContent img[align="left"]{
    margin: 0 10px 0 0;
}
p img[align="right"], #main_content .literalContent img[align="right"]{
    margin: 0 0 0 10px;
}
a{
    color: #365c9b;
    outline: none;
	text-decoration: underline;
}
a:hover{
	color: #333;
    text-decoration: none;
}
p a[target="_blank"]{
	padding: 0 10px 0 0;
	background: transparent url(/Resources/Common/Images/Icons/opennew.gif) no-repeat 100% 3px;
}
address{
	font-style: normal;
}
ul{
	list-style: none;
}
ul li{
	background: transparent url(Images/bullet1.gif) no-repeat 2px 8px;
	padding-left: 12px;
}
ul li ul,
ul ul{
	list-style: none;
	margin: 5px 0 5px 10px;
}
ul li ul li,
ul ul li{
	background: transparent url(Images/bullet2.gif) no-repeat 2px 8px;
	padding-left: 12px;
}
fieldset{
	border: 2px solid #eee;
	padding: 5px 10px;
}
legend{
	color: #365c9b;
	font-size: 16px;
	font-weight: bold;
}
.warning{
	color: #c66;
	font-weight: bold;
}
.viewall, .viewall span{
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
.viewall:hover span{
	text-decoration: underline;
}
.button{
	background: #eee;
	border: solid 1px #365c9b;
	color: #365c9b;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 6px;
	text-decoration: none;
}
.button:hover,
.button:focus{
	background: #365c9b;
	border-color: #244381;
	color: #fff;
	text-decoration: none;
}
#wrap{
	width: 100%;
	background: transparent url(Images/bg_wrap.jpg) repeat-x center top;
	min-height: 300px;
}

/* Header */
#header{
	width: 960px;
	height: 140px;
	position: relative;
	background: transparent url(Images/bg_header.jpg) no-repeat center top;
	margin: 0 auto;
	padding: 0 10px;
}
	#header #logo{
		width: 340px;
		height: 90px;
		float: left;
		margin: 0 0 0 16px;
	}
		#header #logo span{ display: none; }
	#header #phonenumbers{
		width: 350px;
		position: absolute;
		right: 10px;
		top: 40px;
	}
		#header #phonenumbers div{
			color: #999;
			float: right;
			font-size: 11px;
			padding: 0 10px;
		}
		#header #phonenumbers .office{
			border-right: solid 1px #ccc;
		}
			#header #phonenumbers .office strong{
				color: #244381;
				font-size: 16px;
			}
			#header #phonenumbers .fax strong{
				color: #666;
				font-size: 16px;
			}
	#header #navigation{
		width: 864px;
		height: 40px;
		position: absolute;
		left: 103px;
		top: 90px;
	}
		#header #navigation ul{
			list-style: none;
		}
			#header #navigation ul li{
				background: transparent none;
				display: inline;
				padding: 0;
			}
				#header #navigation ul li a{
					height: 40px;
					background-color: transparent;
					background-position: left top;
					background-repeat: no-repeat;
					display: block;
					float: left;
				}
				#header #navigation ul li a:hover,
				#header #navigation ul li a:focus{
					background-position: left -40px;
				}
					#header #navigation ul li a span{ display: none; }
				#header #navigation ul li a#nav_home{
					width: 76px;
					background-image: url(Images/nav_home.gif);
				}
				#header #navigation ul li a#nav_about{
					width: 78px;
					background-image: url(Images/nav_about.gif);
				}
				#header #navigation ul li a#nav_medical_staff{
					width: 130px;
					background-image: url(Images/nav_physicians.gif);
				}
				#header #navigation ul li a#nav_medical_services{
					width: 157px;
					background-image: url(Images/nav_services.gif);
				}
				#header #navigation ul li a#nav_patient_resources{
					width: 165px;
					background-image: url(Images/nav_patients.gif);
				}
				#header #navigation ul li a#nav_location{
					width: 97px;
					background-image: url(Images/nav_location.gif);
				}
				#header #navigation ul li a#nav_faqs{
					width: 69px;
					background-image: url(Images/nav_faq.gif);
				}
				#header #navigation ul li a#nav_contact{
					width: 92px;
					background-image: url(Images/nav_contact.gif);
				}
				.root #header #navigation ul li a#nav_home,
				.about #header #navigation ul li a#nav_about,
				.physicians #header #navigation ul li a#nav_medical_staff,
				.services #header #navigation ul li a#nav_medical_services,
				.patients #header #navigation ul li a#nav_patient_resources,
				.location #header #navigation ul li a#nav_location,
				.faq #header #navigation ul li a#nav_faqs,
				.contact #header #navigation ul li a#nav_contact{
					background-position: left bottom;
				}

/* Marquee */
#marquee{
	width: 960px;
	height: 300px;
	position: relative;
	background: transparent url(Images/bg_marquee.jpg) no-repeat center top;
	margin: 0 auto;
	padding: 0 10px 10px;
}
	#marquee #controls{
		position: absolute;
		left: 500px;
		top: 275px;
		list-style: none;
	}
		#marquee #controls li{
				background: transparent none;
				display: inline;
				padding: 0;
		}
			#marquee #controls li a{
				background-color: transparent;
				background-position: left 2px;
				background-repeat: no-repeat;
				color: #fff;
				float: left;
				font-weight: bold;
				margin: 0 15px 0 0;
				padding: 2px 0 2px 20px;
				text-decoration: none;
			}
			#marquee #controls li a:hover,
			#marquee #controls li a:focus{
				text-decoration: underline;
			}
			#marquee #controls li a.newpatientforms{
				background-image: url(Images/icon_newpatientforms.gif);
			}
			#marquee #controls li a.mapsdirections{
				background-image: url(Images/icon_mapsdirections.gif);
			}
			#marquee #controls li a.finddoctor{
				background-image: url(Images/icon_finddoctor.gif);
			}

/* Main - Home */
#main{
	width: 980px;
	background: transparent url(Images/bg_main.gif) repeat-y center top;
	margin: 0 auto;
	padding: 0 10px;
}
.root #main{
	width: 960px;
	background: transparent url(Images/bg_main-home.gif) repeat-y center top;
}
	#main #main_left{
		width: 240px;
		display: inline;
		float: left;
		margin: 0 10px;
	}
		#main #main_left h2{
			position: relative;
			color: #fff;
			background: transparent url(Images/bg_heading.gif) repeat-x left top;
			font-size: 18px;
			line-height: 20px;
			padding: 10px;
			text-align: left;
		}
			#main #main_left h2 a.viewall{
				position: absolute;
				right: 10px;
				top: 12px;
				color: #eee;
				font-size: 10px;
				line-height: 16px;
				text-decoration: none;
			}
		#main #main_left ul{
			list-style: none;
			padding: 10px 15px;
		}
			#main #main_left ul li{
				line-height: 20px;
			}
				#main #main_left ul li a{
					font-weight: bold;
					text-decoration: none;
				}
	#main #main_center{
		width: 440px;
		position: relative;
		display: inline;
		float: left;
		margin: 0;
		padding: 0;
	}
		#main #main_center h1{
			color: #fff;
			background: transparent url(Images/bg_heading.gif) repeat-x left top;
			font-size: 18px;
			line-height: 20px;
			margin: 0 0 10px;
			padding: 10px;
			text-align: left;
		}
		#main #main_center p{
			padding: 0 10px;
		}
			#main #main_center .menu{
				position: absolute;
				right: 8px;
				top: 8px;
			}
				#main #main_center .menu a{
					background: transparent none;
					border: 0;
					color: #fff;
				}
	#main #main_right{
		width: 240px;
		display: inline;
		float: left;
		margin: 0 10px;
	}
		#main #main_right h2{
			position: relative;
			color: #fff;
			background: transparent url(Images/bg_heading.gif) repeat-x left top;
			font-size: 18px;
			line-height: 20px;
			padding: 10px;
			text-align: left;
		}
		#main #main_right .photo{
			background: #ccc;
			margin: 10px 50px;
			padding: 10px;
		}
			#main #main_right .photo .image{
				background: transparent none !important;
			}
		#main #main_right .bio{
			padding: 0 10px;
		}
			#main #main_right .bio h3{  }
				#main #main_right .bio h3 a{
					font-size: 14px;
					font-weight: bold;
					text-decoration: none;
				}
			#main #main_right .bio p{
				margin: 5px 0;
				text-align: left;
			}
				#main #main_right .bio p a.readmore{
					clear: both;
					float: left;
					font-size: 11px;
				}
			#main #main_right .bio .specialty,
			#main #main_right .bio address{
				display: none;
			}

/* Footer */
#footer{
	width: 920px;
	background: #ddd;
	border: solid 10px #fff;
	color: #999;
	margin: 0 auto;
	padding: 10px;
}
	#footer #footer_left,
	#footer #footer_right{
		width: 40%;
		display: inline;
	}
	#footer #footer_left{
		float: left;
	}
		#footer #footer_left p{
			font-size: 11px;
			font-weight: bold;
			margin: 0;
		}
		#footer #footer_left ul{
			list-style: none;
		}
			#footer #footer_left ul li{
				background: transparent none;
				border-left: solid 1px #ccc;
				display: inline;
				padding-left: 6px;
			}
			#footer #footer_left ul li.firstcell{
				border: 0;
				padding: 0;
			}
			#footer #footer_left ul li a{
				color: #999;
				font-size: 10px;
				margin-right: 4px;
				text-decoration: none;
			}
			#footer #footer_left ul li a:hover,
			#footer #footer_left ul li a:focus{
				color: #365c9b;
				text-decoration: underline;
			}
	#footer #footer_right{
		float: right;
	}
		#footer #footer_right a{
			width: 125px;
			height: 19px;
			background: transparent url(Images/poweredbycyrus.gif) no-repeat center top;
			display: block;
			float: right;
			margin: 7px 0 0;
		}
			#footer #footer_right a span{ display: none; }

/* Main - Internal */
#main #main_inner{
	width: 960px;
	margin: 0 10px;
}
#main #main_content{
	width: 680px;
	display: inline;
	float: right;
	margin: 0 10px 20px 0;
}
	#main #main_content h1{
		background: transparent url(Images/bg_heading.gif) repeat-x left top;
		color: #fff;
		line-height: 32px;
		padding: 4px 10px;
	}
#main #main_sidebar{
	width: 230px;
	border-top: 5px solid #244381;
	display: inline;
	float: left;
	margin: 0 0 0 10px;
	padding: 10px;
}
	#main #main_sidebar #sidemenu{
	}
		#main #main_sidebar #sidemenu ul{
			line-height: 20px;
		}




/* Main Content Styles */
#main_content h2, #main_content h3, #main_content h4, #main_content h5, #main_content h6{
	margin: 0 0 5px 0;
}
#main_content h1{
    border-bottom: 1px solid #ccc;
    color: #657e68;
	font-size: 24px;
}
#main_content h2{
    padding: 3px;
    background: #f1f1f1;
    color: #666;
	font-size: 20px;
}
#main_content hr{
	height: 0;
	border: 0;
	border-bottom: 1px solid #ccc;
}
#main_content ol{
    margin: 0 0 20px 25px;
}
#main_content ol li{
	margin-bottom: 10px;
	line-height: 18px;
}
#main_content dl{
	margin: 0 0 20px 0;
	line-height: 20px;
}
#main_content dl dt{
	color: #555;
	font-weight: bold;
}
#main_content dl dd{
	margin: 0 0 10px 0;
}
#main_content blockquote{
	width: 660px;
	margin: 0 0 20px 0;
	padding: 0 0 0 10px;
	border-left: 3px solid #ddd;
	color: #666;
	line-height: 20px;
	text-align: justify;
	font-style: italic;
}
#main_content .menuempty{
	margin: 0 0 10px 0;
}
#main_content .button, #main_content .button_disabled{
	border: 2px solid #ccc;
	font-size: 12px;
	font-weight: bold;
	line-height: 26px;
	padding: 4px 8px;
}
#main_content .button{
	background: transparent url(Images/bg_btn.gif) repeat-x;
}
#main_content input.button{
    height: 22px;
    margin: 0;
	padding: 0 2px;
	line-height: 12px;
}
#main_content .button:hover{
	color: #666;
	text-decoration: none;
}
#main_content .button_disabled{
    padding: 4px 8px;
    background: #fff;
    border-color: #f1f1f1;
    color: #ccc;
}
#main_content input.button_disabled{
    height: 22px;
    padding: 0 4px;
    line-height: 12px;
}
#main_content .button_disabled:hover{
    text-decoration: none;
}
#main_content .photo{
	width: 132px;
	height: 152px;
	float: left;
	position: relative;
	background: url(/Resources/Common/Images/bg_photo.jpg) no-repeat;
}
	#main_content .photo img{
		position: absolute;
		left: 5px;
		top: 5px;
	}
#main_content .thumb{
	width: 72px;
	height: 82px;
	float: left;
	position: relative;
	background: url(/Resources/Common/Images/bg_photo_thumb.jpg) no-repeat;
}
#main_content .thumb img{
	position: absolute;
	left: 5px;
	top: 5px;
}

/* Main Sidebar Styles */
#main_sidebar h2{
	padding: 5px 5px;
	border: 1px solid #ccc;
	background: #fff;
    color: #365c9b;
	font-size: 16px !important;
	font-weight: bold;
}
#main_sidebar fieldset{
    width: 190px;
	border: 2px solid #ccc;
    margin: 0 auto 10px auto;
}
    #main_sidebar fieldset .HealthCenter,
    #main_sidebar fieldset .Hospital{
        height: 20px;
        margin: 0 0 0 10px;
	    padding: 0 0 5px 25px;
	    background: transparent url(/Resources/Common/Images/Icons/icon_hospital.gif) no-repeat 0 0;
	    color: #666;
	    line-height: 18px;
	    font-weight: bold;
    }
    #main_sidebar fieldset .Clinic{
        height: 20px;
        margin: 0 0 0 10px;
	    padding: 0 0 5px 25px;
	    background: transparent url(/Resources/Common/Images/Icons/icon_clinic.gif) no-repeat 0 0;
	    color: #666;
	    line-height: 18px;
	    font-weight: bold;
    }
    #main_sidebar address{
        margin: 0 0 0 20px;
        line-height: 18px;
    }
    #main_sidebar #phonenumbers{
        margin: 10px 0 0 20px;
        color: #666;
        line-height: 18px;
        font-weight: bold;
    }
    #main_sidebar #map{
	    width: 220px;
	    height: 220px;
	    overflow: hidden;
	    margin: 20px 0 10px 0;
	    border: 5px solid #ccc;
    }
#main_sidebar ul{
	list-style: none;
}
#main_sidebar li{
	font-weight: bold;
}
#main_sidebar li a{
	line-height: 20px;
	padding: 0;
}
#main_sidebar li ul{
}
#main_sidebar li li, #main_sidebar ul ul li{
	font-weight: normal;
}
#main_sidebar li li a, #main_sidebar ul ul li a{
	color: #999;
	font-size: 11px;
	line-height: 16px;
}
#main_sidebar li a:hover{
	color: #999;
}
#main_sidebar li li a:hover, #main_sidebar ul ul li a:hover{
	color: #365c9b;
}
#main_sidebar li.selected{
	background: transparent none;
	padding: 0;
}
#main_sidebar li.selected a{
	background: #fff;
	border: solid 1px #ccc;
	color: #365c9b;
	display: block;
	margin: 0px;
	padding: 4px 0 4px 12px;
	text-decoration: none;
}
#main_sidebar li.selected a:hover{
	background: #365c9b;
	border: solid 1px #244381;
	color: #fff;
	text-decoration: none;
}
#main_sidebar li.selected li a{
	background: none;
	border: none;
	padding: 0;
	text-decoration: underline;
}