/* CSS Document */
body, p, h1, h2, h3, #nav, #nav ul, #nav li, #footer ul, #blogFeeds ol, .blog-nav ul, #quicklinks, #treatments ul{
	margin:0;
	padding:0;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:101%;
	text-align:center;
	background:#FFF;
}
h1{
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	font-size:3em;
}
h1 a{
	color:#609da2;
	text-decoration:none;
	display:block;
	width:240px;
	height:137px;
	text-indent:-999em;
	background:url(/img/logo_miloclinic.gif) no-repeat top left;
}
h2{
	color:#609da2;
	font-weight:normal;
	font-size:1.6em;
	padding:1em 0 0.5em 0;
}
h3{
	color:#609da2;
	font-size:0.9em;
	padding:1.3em 0 0.3em 0;
}
p, li, label{
	line-height:1.5;
	font-size:0.8em;
}
p{
	padding:0.3em 0 0.6em 0;
}
ul, ol{
	margin-top:0;
	padding-top:0;
}
li li, li p{
	font-size:1em;
}
label{
	font-weight:bold;
}
blockquote{
	margin:1em 0 0 0;
	padding:0 0 0.5em 30px;
	background:#FFF url(../img/quote-open.gif) no-repeat top left;
}
cite{
	display:block;
	background:#FFF url(../img/quote-close.gif) no-repeat bottom right;
}
textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;	
}
a:link{
	color:#4b84d1;
}
a:visited{
	color:#5973be;
}
a:hover, a:active{
	text-decoration:none;
}
a img{
	border:none;
}
acronym{
	border-bottom:1px dotted #444;
	cursor:help;
}
.skippy{
	position:absolute;
	left:-999em;
}

#header, #footer{
	background:#609da2;
}
#header div, #content, #container, #footer div{
	position:relative;
	margin:0 auto;
	width:980px;
	text-align:left;
}
#header div{/*So that IE7 or less applies the z-index to the hover navigation */
	z-index:1000;	
}
#header p{
	position:absolute;
	top:5px;
	right:5px;
	color:#FFF;
	font-size:0.9em;
	text-align:right;
	line-height:1.2;
}
#header p strong{
	display:block;
	font-weight:normal;
	font-size:1.4em;
}
#nav{
	list-style:none;
	float:right;
	margin-top:-2.5em;
}
#nav li{
	float:left;
	padding:0.3em 0.6em 0 0.6em;
	margin-top:-0.3em;
	font-weight:bold;
}
#nav a{
	display:block;	
}
#nav li a, #blogFeeds ol li a, #treatments li a{
	text-decoration:none;
	color:#FFF;
}
#nav li a:hover, #blogFeeds ol li a:hover{
	text-decoration:underline;
}
/*#treatments{
	padding:1.5em 0 0 0;
	width:170px;
}*/
#treatments ul{
	position:absolute;
	left:-999em;
	background:#467b7f;
	z-index:1500;
	margin:0;
	padding:0.3em 0 0 0;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	width:14em;
}
#treatments:hover, #nav li.sfhover{
	background:#467b7f;	
}
#treatments:hover ul, #nav li.sfhover ul{
	left:auto;	
	margin-left:-8px;
}
#treatments li, #blogFeeds ol li, .blog-nav ul li{
	float:none;
	font-weight:normal;
	background:url(/img/bullet.gif) no-repeat left top;
	list-style:none;
	margin:0;
	padding:0.2em 0 0.2em 15px;
}
#treatments li{
	background:none;	
	padding:0;
}
#treatments li a{
	padding:0.2em 15px;
}
#treatments li a:hover{
	background:#B2DBDD;
	color:#467b7f;
}
#blogFeeds ol li a, .blog-nav ul li a{
	color:#000;
}
#nav .on a, #footer .on a{
	color:#bae1e3;
	cursor:default;
	text-decoration:none;
}
#nav .on:hover a, #footer .on:hover a{
	text-decoration:none;
}
#flags img{
	border:2px solid #609DA2;
	margin-top:5px;
}
#flags a:hover img{
	border-color:#49767a;	
}

#content{
	padding:0 0 2em 0;
	width:760px;
	z-index:1;
	float:right;
	min-height:31em; /*If new menu items are added, this figure will need to be updated too.  Also update the height in ie6.css. */
}
#content img{
	float:right;
	clear:right;
	margin:0 0 0.5em 1em;
}
.more, #rss-feed{ /*rss-feed is for blog. Specific bg image is specificed in blog styles*/
	background:url(/img/bullet-orange.gif) no-repeat left;
	padding-left:15px;
	clear:both;
}
.more a, #rss-feed a{ /*action links, like read more, etc.*/
	font-weight:bold;
	color:#dd8f33;
	text-decoration:none;
}
.more img{
	vertical-align: middle;
}
.before-after{
	float:right;
	width:260px;
	padding:5px;
	background:#b2dbdd;
	font-style:italic;
	text-align:center;
	margin:0 0 1em 1.5em;
	clear:right;
}
.before-after br{
	display:block;
	margin-bottom:1em;
}
.before-after img{
	float:none;
	display:block;
	margin:0!important; /*inheritance issues in IE7.*/
}
#extra{
	width:200px;	
}
#blogFeeds{
	border:1px solid #d2d8d8;	
	background:#eaf2f0 url(/img/bg_grey.gif) repeat-x top;
	padding:0 0.5em;
	margin:2em 0 1em 0;
	width:155px;
}
#footer{
	clear:both;	
}
#footer div{
	padding-top:1em;
	padding-bottom:1em;
	position:static;
}
#footer li{
	list-style:none;
	float:left;
	font-size:0.7em;
	padding:0 0.5em;
}
#footer a{
	color:#FFF;
}
#footer p{
	font-size:0.7em;
	color:#FFF;
	text-align:right;
}