
* {
	margin: 0;
	padding: 0;
	}
body {
	background-color: #99ccff;
	font-size: 80%;
	font-family: "Helvetica Neue", arial, geneva, helvetica, sans-serif;
	color: #000;
	text-align: center;
	}
body.larger {
	font-size: 90%;
	}
body.largest {
	font-size: 100%;
	}
div#main {
	width: 850px;
	background-color: #ffc;
	text-align: left;
	margin: 0 auto 1em auto;
	padding-bottom: 2em;
	position: relative;
	}
ul#header_nav li, ul#nav li, div#subnav li, ul#sidebar li, ul#footer_nav li, div#feature li {
	list-style: none;
	font-size: 12px;
	}
a:link {
	color: #039;
	}
a:visited {
	color: #69c;
	}
/*
 **************
 Header
 **************
 */
ul#header_nav {
	background: #feb935 url('/ott/mott/images/core/site-nav.gif') repeat-x bottom left;
	background-color: #header_nav;
	height: 23px;

	}
ul#header_nav li {
	float: left;
	height: 23px;
	text-indent: -200em;
	overflow: hidden;
	position: relative;
	}
ul#header_nav li a {
	position: absolute;
	display: block;
	height: 23px;
	top: 0;
	left: 0;
	}
ul#header_nav li a:hover {
	background-position: 0 -23px;
	}
#skip, #skip a {
	width: 4px;
	}
/* begin styles for health system global nav */
#umhs_home, #umhs_home a {
	width: 71px;
	background-image: url('/ott/mott/images/global_nav/home.gif');
	}
#umhs_about, #umhs_about a {
	width: 72px;
	background-image: url('/ott/mott/images/global_nav/about.gif');
	}
#umhs_ht, #umhs_ht a {
	width: 95px;
	background-image: url('/ott/mott/images/global_nav/topics.gif');
	}
#umhs_pf, #umhs_pf a {
	width: 123px;
	background-image: url('/ott/mott/images/global_nav/patient.gif');
	}
#umhs_hp, #umhs_hp a {
	width: 129px;
	background-image: url('/ott/mott/images/global_nav/pro.gif');
	}
/* end styles for health system global nav*/
ul#other-header_nav {
	position: absolute;
	background: #feb935 url('/ott/mott/images/core/site-nav.gif') repeat-x bottom left;
	background-color: #header_nav;
	height: 24px;
	top: 73px;
	right: 100px;
	z-index: 50;
	}
ul#other-header_nav li {
	float: left;
	height: 24px;
	text-indent: -200em;
	overflow: hidden;
	position: relative;
	}
ul#other-header_nav li a {
	position: absolute;
	display: block;
	height: 24px;
	top: 0;
	left: 0;
	}
ul#other-header_nav li a:hover {
	background-position: 0 -24px;
	}

/* begin styles for health system global nav */
#mott_contact, #mott_contact a {
	width: 71px;
	background-image: url('http://www.med.umich.edu/ott/mott/images/global_nav/contact.gif');
	}
#mott_map, #mott_map a {
	width: 107px;
	background-image: url('http://www.med.umich.edu/ott/mott/images/global_nav/map.gif');
	}
#mott_donate, #mott_donate a {
	width: 49px;
	background-image: url('http://www.med.umich.edu/ott/mott/images/global_nav/donate.gif');
	}
#mott_doc, #mott_doc a {
	width: 74px;
	background-image: url('http://www.med.umich.edu/ott/mott/images/global_nav/doc.gif');
	}

h1#page_title {
	position: absolute;
	top: 43px;
	left: 350px;
	}	
	/*  je added - for google search box in header */
#google-form {
position:absolute;
right:5px;
top:1px;
}

	/* begin styles for health system global nav */
form#search_form {
	background-color: #fee275;
	height: 23px;
	position: absolute;
	right: 0;
	top: 0;
	width: 179px;
	line-height: 18px;
	text-align: left;
	padding-right: 5px;
	font-size: 12px;
	}
form#search_form input {
	vertical-align: middle;
	font-size: 12px;
	}
form#search_form label {
	display: block;
	float: left;
	text-align: left;
	text-indent: -200em;
	overflow: hidden;
	width: 53px;
	height: 18px;
	background: url('/ott/mott/images/core/search.gif') no-repeat;
	}
form#search_form #qt {
	width: 95px;
	padding: 1px 0;
	margin-top: 0;
	}
p#text_size {
	position: absolute;
	top: 154px;
	right: 5px;
	width: 107px;
	height: 20px;
	color: #fc3;
	text-indent: -200em;
	overflow: hidden;
	background: url('/ott/mott/images/core/text_size.gif') no-repeat;
	}
#text_size span, #text_size span a {
	position: absolute;
	display: block;
	top: 0;
	height: 19px;
	width: 19px;
	background-repeat: none;
	}
#text_size span a {
	left: 0;
	background-position: 0 -18px;
	background-color: #ffbb36;
	}
span#normal, span#normal a {
	background-image: url('/ott/mott/images/core/normal.gif');
	}
span#normal {
	left: 50px;
	}
span#larger, span#larger a {
	background-image: url('/ott/mott/images/core/larger.gif');
	}
span#larger {
	left: 69px;
	}
span#largest, span#largest a {
	background-image: url('/ott/mott/images/core/largest.gif');
	}
span#largest {
	left: 88px;
	}
div#head {
	height: 154px;
	background: #feb935 url('/ott/mott/images/core/mott-title.gif') no-repeat bottom right;
	}
body.nomainnav div#head {
	border-bottom: 3px solid #fc3;
	}
h1 {
	height: 154px;
	float: left;
	width: 740px;
	color: #fff;
	overflow: hidden;
	text-indent: -2000em;
	}
h1 a {
	color: #fff;
	}
h1#med {
	width: 110px;
	background: url('/ott/mott/images/core/logo.gif') no-repeat;
	position: relative;
	padding-top: -2px;
	margin-top: -2px;
	}
h1#med a {
	display: block;
	width: 121px;
	height: 99px;
	position: absolute;
	top: 0;
	left: 0;
	}
	

	
/*
 **************
 Main Nav
 **************
 */
 #navbartop {
 background-image: url(../images/new_gold-bar_background.gif);
	/*background-repeat: no-repeat;*/
		/*width: auto;*/
	margin: 0;
	padding: 0;

}
 
#navbartop ul {
	background-image: url(../images/new_gold-bar_background.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	font-family: "Helvetica Neue", arial, geneva, helvetica, sans-serif;
	font-weight: bold;
    height: 23px;
	border-bottom: #FFb935 solid 3px;
	margin: 0;
	padding: 1px 0px 0px 8px;
}

#navbartop > ul a {
	width: auto;
}

#navbartop li {
    list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/new_gold-bar_background.gif);
background-repeat: no-repeat;
	background-position: right top;
}

#navbartop a {
	background-image: url(../images/gold-bar_2line.gif);
	background-repeat: no-repeat;
	background-position: right top;
	color: #023499;
	display: block;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
    line-height:1;
}

#navbartop #selected a {
background-image: url(../images/gold-bar_selected_2line.gif);
	background-repeat: no-repeat;
	background-position: right top;
	color: #cc6600;
}

#navbartop #selected_last a {
	background-image: url(../images/gold-bar_selected_last_2line.gif);
	background-repeat: no-repeat;
	background-position: right top;
	color: #cc6600;
}

#navbartop .last_link a {
background-image: url(../images/new_gold-bar_background_last.gif);
background-repeat: repeat;
	background-position: right top;
}

#navbartop a:hover {
background-image: url(../images/gold-bar_hover_2line.gif);
	background-repeat: no-repeat;
	background-position: right top;
	color: #ffb935;
	display: block;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
        line-height:1;
}
 
 

/*
 **************
 Subnav
 **************
 */
div#subnav {
	clear: left;
	float: left;
	width: 148px;
	border: 1px solid #fc3;
	background-color: #ffe8a3;
	border-top-width: 20px;
	padding-top: 4px;
	margin-bottom: 19px;
	}
div#subnav ul {
	background-color: #fff;
	margin-bottom: 11px;
	}
div#subnav.noimage ul {
	margin-bottom: 0;
	}
div#subnav li {
	padding-left: 4px;
	left: 4px;
	margin: 7px 0;
	background-color: #ffe8a3;
	color: #06c;
	float: left;
	width: 144px;
	}
div#subnav li a {
	display: block;
	background-color: #fff;
	text-indent: 0;
	padding-left: 4px;
	text-decoration: none;
	color: #036;
	margin-left: -4px;
	}
div#subnav li a:hover {
	text-decoration: underline;
	}
div#subnav img {
	display: block;
	clear: left;
	}
div#subnav li.selected, div#subnav li.selected a {
	background-color: #ffe8a3;
	padding-top: 1px;
	}
div#subnav ul ul li {
	font-size: 11px;
	margin: 0;
	padding: 4px 0 2px 0;
	width: 144px;
	}
div#subnav ul ul ul {
	padding-left: 14px;
	background-color: #ffe8a3;
	}
div#subnav ul ul ul li {
	width: 134px;
	margin-left: -4px;
	}
div#subnav ul ul ul ul li {
	width: 124px;
	margin-left: -4px;
	}
* html div#subnav ul ul ul li {
	width: 138px;
	}
/*
 **************
 Sidebar
 **************
 */
ul#sidebar {
	float: right;
	width: 145px;
	border: 1px solid #feba35;
	background-color: #f0f0ff;
	margin: 9px 0 19px 0;
	}
ul#sidebar li {
	color: #330066;
	padding-bottom: 6px;
	}
ul#sidebar h3 {
	color: #053699;

	padding: 1px 5px;
	background: #f0f0ff url('/ott/mott/images/core/feature_bg.gif') repeat-x bottom left;
	font-size: 100%;
	}
ul#sidebar li li {
	padding: 6px 7px 0 7px;
	}
ul#sidebar a {
	color: #333399;
	text-decoration: none;
	}
ul#sidebar a:hover {
	text-decoration: underline;
	}
ul#sidebar li.hr {
	padding-top: 18px;
	background: #f0f0ff url('/ott/mott/images/core/feature_bg.gif') repeat-x top left;
	}
ul#sidebar p {
	padding: 3px 7px;
	}
/*
 **************
 Wide Sidebar
 **************
 */
div#wide_sidebar {
	float: right;
	width: 302px;
	margin-top: 7px;
	background: #fff url('/ott/mott/images/core/double_col_bg.gif') no-repeat bottom right;
	}
div#wide_sidebar ul {
	float: left;
	width: 148px;
	border: 1px solid #feba35;
	border-bottom: none;
	background-color: #f0f0ff;
	color: #336699;
	padding-bottom: 10px;
	font-size: 12px;
	}
div#wide_sidebar ul#side_left {
	background-color: #f0f0ff;
	margin-right: 2px;
	}
div#wide_sidebar ul#side_left li {
	background-color: #f0f0ff;
	}
div#wide_sidebar ul ul {
	border: none;
	margin: 0;
	padding: 0;
	}
div#wide_sidebar ul li {
	list-style: none;
	}
div#wide_sidebar h3 {
	color: #053699;
	padding: 3px 7px;
	background: #ffcb51 url('/ott/mott/images/core/feature_bg.gif') repeat-x bottom left;
	font-size: 100%;
	}
div#wide_sidebar li li {
	padding: 8px 7px 0 7px;
	}
div#wide_sidebar a {
	color: #ffb935;
	text-decoration: none;
	}
div#wide_sidebar a:hover {
	text-decoration: underline;
	}
div#wide_sidebar div {
	clear: left;
	padding-top: 3px;
	}
div#wide_sidebar div img {
	border: 1px solid #feba35;
	display: block;
	clear: left;
	}
div#wide_sidebar p {
	padding: 8px 7px;
	}
div#subnav a.secure {
	background: url('/ott/images/core/key2.gif') no-repeat 5px bottom;
	padding-bottom: 9px;
	float: left;
	margin-right: -22px;
	overflow: hidden;
	}
div#content a.secure {
	background: url('/ott/images/core/key2.gif') no-repeat bottom right;
	padding-right: 22px;
	float: none;
	}
a.secure {
	background: url('/ott/images/core/key.gif') no-repeat bottom right;
	padding-right: 22px;
	}
 /*
 **************
 Content Layout
 **************
 */
div#content {
	width: 530px;
	padding-left: 11px;
	float: left;
	}
* html div#content {
	overflow: auto;
	}	
div#content p, div#content ul, div#content ol {
	margin: 1em 0;
	}
body.nosidebar div#content {
	width: 670px;
	}
body.nosubnav div#content {
	background-image: none;
	width: 670px;
	}
body.nothing div#content {
	background-image: none;
	width: 730px;
	}

div#content a:hover {
	text-decoration: none;
	}
/*
 **************
 Content
 **************
 */
 
div#content .rule {
border-bottom:
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #feba35;
	padding-bottom: 5px;
}
div#content ul, div#content ol {
	padding-left: 2em;
	}

div#content h2 {
	color: #003366;
	padding-top: 18px;
	font-size: 140%;
	}
div#content h3 {
	color: #6666cc;
	padding-top: 3px;
	font-size: 110%;
	}
div#content h4 {
	color: #006;
	font-size: 100%;
	}	
div.right {
	margin-top: 0.5em;
	float: right;
	color: #69c;
	padding-left: 1em;
	font-size: 80%
	}
div.center {
	color: #69c;
	font-size: 80%;
	text-align: center;
	}
div.left {
	margin-top: 0.5em;
	float: left;
	color: #69c;
	padding-right: 1em;
	font-size: 80%
	}
	
div.stories {
	margin-top: 5px;
	float: left;
	width: 100%;
	background-position: top;
	}	
	
div.stories img {
	float: left;
	padding-right: 0.5em;
	padding-left: 0.5em;
	}
	
	div.quotebox {
	border: solid 2px #330000;
	background-color: #fff;
	float: right;
	padding: 5px;
	margin: 5px;
	width: 200px;
	}
	
div.right img, div.left img {
	display: block;
	}
div#content ul.plain {
	padding: 0;
	}
div#content ul.plain li {
	list-style-image: none;
	list-style: none;
	}
div#content ul.indent {
	padding-left: 2em;
	margin-top: 0;
	margin-bottom: 0;
	}
strong.appointment {
	color: #006;
	font-size: 110%;
	}
address {
	margin: 0 1em 1em 2em;
	font-style: normal;
	}
div#content ul.horizontal li {
	list-style: none;
	float: left;
	width: 30%;
	text-align: center;
	}
img.yellow {
	border: 1px solid #fc3;
	}
img.blue {
	border: 1px solid #7ca9d6;
	}
strong.warning {
	color: red;
	}
strong.notice {
	color: #eb9807;
	}
em.notice {
	color: #eb9807;
	}
p.notice {
	margin: 1.5em;
	background-color: #ffe8a3;
	}
dd, blockquote {
	padding-left: 2em;
	}	
div#content table.data {	 
	background-color: #000066;
	}
div#content table.data td {
	padding: 5px;
	background-color: #FFFFFF;
	vertical-align: top;
	}
div#content table.data td.data-titlecell, div#content table.data th {
	background-color: #FFCC33;
	vertical-align: middle;
	text-align: center;
	}
div#content table.data td.data-highlightcell {
	background-color: #E4E4E4;
	}
div#content table.data td.data-highlightcell-2 {
	background-color: #FFE9A6;
	}
.smaller {
	font-size: 80%;
	padding-top: 2px;
	}
/*
 **************
 Footer
 **************
 */
ul#footer_nav {
	clear: both;
	background-color: #fee275;
	padding: 6px 50px;
	}
ul#footer_nav li {
	float: left;
	width: 20%;
	text-align: center;
	}
ul#footer_nav li.line {
	float: left;
	width: 6%;
	color: #fec748;
	text-align: center;
	}
ul#footer_nav a {
	text-decoration: none;
	color: #6699cc;
	}
ul#footer_nav a:hover {
	text-decoration: underline;
	}
div#footer {
	font-size: 80%;
	}
div#footer p, div#footer ul {
	margin-top: 1em;
	margin-right: 225px;
	margin-left: 14px;
	}
div#footer p#am_best {
	float: right;
	width: 225px;
	text-align: center;
	margin-right: 0;
	}
div#footer ul li {
	list-style: none;
	}
div#footer a:hover {
	text-decoration: none;
	}
ul#footer_global li {
	display: inline;
	padding: 0 .5em;
	border-right: 1px solid #000;
	}
ul#footer_global li.last {
	border: none;
	}
ul#footer_global li.first {
	padding-left: 0;
	}
/*
 ***********
 Utilities
 ***********
 */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix {
	display: inline-block;
	}
	
/* styles inserted by JG */

.indent {padding-left:20px;}	
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}
* html body {
	text-align: center;
	}
* html ul#footer_nav {
	padding: 6px 49px;
	width: 750px;
	}
/* End hide from IE-mac */
a img {
	border: none;
	}

