/* CSS Document */

body{
	background-color: #c3d5e9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#top_shadow {
	width: 936px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/_top_gradient.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#side_shadow {
	width: 936px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/_side_gradient.jpg);
	background-position: top left;
	background-repeat: repeat-y;
}

#bottom_shadow {
	width: 936px;
	height: 67px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/_bottom_gradient.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#wrapper{
	background-image: url(../images/bg_gradient.jpg);
	background-repeat: repeat-x;
	background-color: white;
	width: 884px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1px;
}

/************** header *********************/

#header{
	background-image: url(../images/header_background.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 153px;
}
#header h1{
	margin: 0;
	padding: 0;
	/* text-indent: -9999px; */ /* Is this for SEO? */
}

/*************** navigation bar *****************/

#nav{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width:700px;
	float: right;
	height: 27px;
	background-color: #fff;
	margin-top: 112px;
	padding-right: 3px;
	z-index: 10;
}
#nav li{
	margin: 0;
	padding: 0;
	float: left;
}
#nav li a{
	float: left;
	width: 97px;
	height: 27px;
	text-align: center;
	color: #0099FF;
	text-decoration: none;
	background-repeat: no-repeat;
	/* text-indent: -9999px; */ /* Is this for SEO? */
	margin:0;
	padding: 0;
	margin-left: 3px;
}
#nav_home a{ background:url(../images/home.gif) no-repeat;}
#nav_about a{ background:url(../images/about.gif) no-repeat;}
#nav_treat a{ background:url(../images/treatment.gif) no-repeat;}
#nav_health a{ background:url(../images/healthcheck.gif) no-repeat;}
#nav_team a{ background:url(../images/team.gif) no-repeat;}
#nav_links a{ background:url(../images/links.gif) no-repeat;}
#nav_contact a{ background:url(../images/contact.gif) no-repeat;}
#nav_home a:hover{ background:url(../images/home_over.gif);}
#nav_about a:hover{ background:url(../images/about_over.gif);}
#nav_treat a:hover{ background:url(../images/treatment_over.gif);}
#nav_health a:hover{ background:url(../images/healthcheck_over.gif);}
#nav_team a:hover{ background:url(../images/team_over.gif);}
#nav_links a:hover{ background:url(../images/links_over.gif);}
#nav_contact a:hover{ background:url(../images/contact_over.gif);}

#nav li ul{
	position: absolute;
	display: none;
	background-color: #0e5aa8;
	border-top: 1px solid #a8c6e1;
	border-left: 1px solid #a8c6e1;
	border-right: 1px solid #a8c6e1;
	margin-top: 27px;
	margin-left: 3px;
	z-index: 10;
}
.ie7 #nav li ul, .ie6 #nav li ul {
	margin-left: -97px;
}
#nav li ul li{
	float: none;
	width: 190px;
	height: 20px;
	padding: 0px 10px;
	border-bottom: 1px solid #a8c6e1;
	background:url(../images/sub_background.gif) repeat-x;
	background-color: #0e5aa8;
}
#nav li ul li a{
	float: none;
	font-size: 11px;
	font-weight: bold;
	background-image: none;
	text-decoration: none;
	color: white;
}
#nav li ul li a:hover{
	float: none;
	background-image: none;
	text-decoration: underline;
}

/**************** style for links within the main text **************/
.text_link{
	text-decoration: none;
	font-size: 13px;
	color:#747576;
	/* #4D92CF; #9cb1cc */
}
.text_link:hover{
	text-decoration: underline;
}

/***************** list items on mary strugar page *****************/

#mary_strugar #main_content li{
	color: #747576;
}

/***************** main content **********************/

#main{
	background-image: url(../images/watermark.gif);
	background-repeat: repeat-y;
	background-position: top right;
	margin-top: 1px;
}
#left_images{
	float: left;
	margin-left: 53px;
	margin-top: 35px;
	width: 205px;
}
#left_images .next_image{
	margin-top: 15px;
}
#main_image{
	float: left;
	margin-left: 53px;
	margin-top: 35px;
}
#main_image2{
	float: left;
	margin-left: 26px;
	margin-top: 35px;
}
#map_image{
	margin-left: 53px;
	border: 1px solid #666666;
}

/***************** right hand column box **********************/

#pullquote{
	float: right;
	width: 116px;
	padding-left: 10px;
	padding-right: 8px;
	padding-top: 12px;
	padding-bottom: 10px;
	margin-right: 20px;
	margin-top: 35px;
	/* margin-bottom: 10px; */
	background-color: #4D92CF;
	color: #EFF7FF;

	/* #CFE8FF;*/

	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}


#pullquote span.name{ display: block; text-align: right; }

#pullquote a {
	text-decoration: underline;
	color: #EFF7FF;
}

#pullquote a:hover{
	text-decoration: none;
}

#pullquote h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 135%;
}

/***************** main content **********************/

#main_content{
	margin-left: 280px;
	text-align:justify;
	padding-left: 10px;
	margin-right: 180px;
	padding-top: 35px;
	font-weight: bold;
	color: #455056;
}

#main h2{
	color: #fff;
	font-family: arial;
	font-size: 185%;
}
#main h3{ color: #fdfdfd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
}
#main_content h3{ color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	margin-top: 20px;
	text-decoration: underline;
}
#main p{
	margin-top: 20px;
}
.clear{
	clear: both;
	margin-top: 30px;
}

#footer{
	width: 884px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #304f6e;
	margin-top: -45px;
	padding-top: 0px;
	margin-bottom: 20px;
	background-color: #c3d5e9;
}
#footer a{
	text-decoration: none;
	color: #304f6e;
}
#footer p{
	margin: 5px 0px;
}

#main li{
	list-style-type: disc;
	margin-left: 20px;
	margin-top: 10px;
}

/***************** form **********************/
table td{
	padding: 2px;
}
input,select,textarea{
	background-color: #d3e5f9;
	border: 1px solid #4d92cf;
	padding: 2px;
	font-size: 11px;
}
input.button{
	border-bottom: 1px solid #a8c6e1;
	background:url(../images/sub_background.gif) repeat-x;
	background-color: #0e5aa8;
	color: white;
	font-weight: bold;
	padding: 4px;
}