@charset "utf-8";


@charset "utf-8";
/* CSS Document */

html {
	/* height: 100%; %/
	margin: 0;
	padding: 0;
	/* Fix Firefox and Safari 'scrollbar jump' */
	overflow-y: scroll;
}
a {
	color: #8f0505;
	text-decoration: underline;
	outline: none; /* FireFox link outline fix */
}
a:hover {
	text-decoration: none;
}

body {
	margin: 0;
	padding: 0;
	height: 100%; /* this is the key! */
	font-family: Verdana, Arial, Helvetica, sans-serifverdana;
	font-size: 62%;

	/*background:url(../images/bg_circles_gold2.gif) top center repeat;*/
	background:url(../images/bg_molecules.gif) top center repeat;

}
/* font styles */

h1 {
	font-size:140%;
	color: #000000;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	font-weight:bold;
}
h2 {
	font-size:130%;
	color:#604D25;
	padding: 0px;
	margin: 0px;
	font-weight:bold;
}
h3 {
	font-size:120%;
	color:#000000;
	padding: 0px;
	margin: 0px;
	font-weight:bold;
	display:inline;
}
h4{
	font-size:110%;
	color:#604D25;
	padding: 0px;
	margin: 0px;
	font-weight:bold;
}
h5 {
	text-transform:capitalize;
	font-size:110%;
	color:#604D25;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	font-weight:bold;
}
h6 {
	font-size:110%;
	color:#604D25;
	padding: 0px;
	margin: 0px;
	font-weight:bold;
}
h6 a {
	text-decoration: none;
}
h6 a:hover {
	text-decoration: underline;
}

p{margin:0;padding:0;}

/* image styles */
img{
border:0px;
}
img.align_right{
float:right;
margin:3px 0em 2px 8px;
}
img.align_right_middle{
float:right;
margin:7px 0px 2px 8px;
}
.align_left,img.align_left{
float:left;
	margin:3px 8px 2px 0px;
}
img.align_left_middle{
float:left;
margin:7px 8px 2px 0px;
}

#form_body{
margin:0px 0px 20px 0px;
padding:0px;
}
input,select,textarea {
	border: 1px solid #999999;
	font-family: verdana;
	font-size: 100%;
	width: 200px;
	padding: 2px;
	vertical-align:middle;
}
/*Not for IE*/
input:focus, textarea:focus, select:focus{
	background-color:#EAEAEA;
}
fieldset{
	
	border:0px;

	padding:0px;
	margin:0px;
	}
fieldset input{
	border:0px;
	width:auto;
	vertical-align:middle;
}
fieldset label{
	display:inline-block;
	vertical-align:middle;
}
input.button,#_submit{
	width:auto;
	/*background-color:#F1F0F0; #CEC9AD*/
	border:1px solid #604A08;
	background: #8D7732 url(../images/button_background.gif) repeat-x top;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	text-transform: uppercase;
	padding: 3px 6px 2px 6px;
}
label{
	margin:0px 3px 0px 0px;
	font-weight: bold;
	color: #444444;
	display:block;
	width:auto;
	height:auto;
	display:inline-block;
	vertical-align:middle; 
}
label.error{
	margin-left:4px;
	color:#D40026;
	display:inline;
	vertical-align:middle;
}
input.error { border: 1px solid #D40026; }
select.error { border: 1px solid #D40026; color: #D40026; }
fieldset.error { border: 1px solid #D40026;
margin:0px;
padding:0px 5px 0px 0px}
textarea.error { border: 1px solid #D40026;}




#topTabs {
	position: relative;
	width: 860px;
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	height: 102px;
	/*background:url(../images/bg_top_tabs.png) no-repeat;*/
	background:url(../images/bg_top_tabs.gif) center top no-repeat;
	z-index: 1;
}
#topTabs .smphLink {
	position: absolute;
	display: block;
	top: 10px;
	left: 72px;
	z-index: 9998; /* for IE to make entire link clickable */
	height:84px;
	width: 250px;
	text-indent: -9999px;
}
#topTabs .uwhcLink {
	position: absolute;
	display: block;
	top: 29px;
	left: 333px;
	z-index: 9999; /* for IE to make entire link clickable */
	height:33px;
	width: 143px;
	text-indent: -9999px;
}
#topTabs .healthsciencesLink {
	position: absolute;
	display: block;
	top: 12px;
	right: 10px;
	z-index: 9999; /* for IE to make entire link clickable */
	height: 40px;
	width: 375px;
	text-indent: -9999px;
}
#navBar {
	width: 840px;
	height: 39px;
	background:url(../images/bg_navbar_red.gif) left repeat-x;
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 1000;
}
#navBar ul {
	margin: 0px 0px 0px 20px;
	padding: 0;
	list-style: none;
}
#navBar li {
	float: left;
	display: block;
	color: #ffffff;
}
#navBar li a.education {
	display: block;
	position: relative;
	width: 100px;
	height: 39px;
	background: url(../images/nav_education.gif) no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}
#navBar li a.education:hover {
	background-position: 0 -39px;
}
#navBar li a.research {
	display: block;
	width: 112px;
	height: 39px;
	background: url(../images/nav_research.gif) no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}
#navBar li a.research:hover {
	background-position: 0 -39px;
}
#navBar li a.community {
	display: block;
	width: 224px;
	height: 39px;
	background: url(../images/nav_community.gif) no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}
#navBar li a.community:hover {
	background-position: 0 -39px;
}
#navBar li a.patient {
	display: block;
	width: 120px;
	height: 39px;
	background: url(../images/nav_patient.gif) no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}
#navBar li a.patient:hover {
	background-position: 0 -39px;
}
#navBar div.searchBox {
	display: block;
	width: 220px;
	float: right;
	height: 39px;
	padding: 0;
	margin: 0;
}
#navBar input.searchButton{
	vertical-align: middle;
	border:0px;
	margin:0px;
	padding:0px;
	width:16px;
	height:auto;
}
#navBar input.searchText{
	font-family:Verdana;
	font-size:10px;
	color:gray;
	border:0px;
	padding:3px;
	width:175px;
	vertical-align: middle;
}
#navBar form {
	margin: 0;
	padding: 0;
	margin-top: 11px;
}
/* google styles */
.goog {
	font-size:10px;
	font-family:verdana;
	width:175px;
	border: 1px solid #840d0e;
	padding: 2px;
}
.googlite {
	color:#AAAAAA;
	font-size:10px;
	font-family:verdana;
	width:175px;
	border: 1px solid #840d0e;
	padding: 2px;
}
/* google styles */

#topTabs a {
	position: relative;
	z-index: 1200;
}
#topTabs ul {
	position: absolute;
	bottom: 14px;
	right: 20px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#topTabs li {
	float: left;
	display: block;
	/*color: #000000;*/
	color: #404040;
	padding: 0px 8px;
	/*padding: 0px 10px;*/
	border-right: 1px solid #404040;
	font-size: 11px;
	font-weight:bold;
	line-height: 10px;
	letter-spacing: -.5px;
	/** letter-spacing: 1px;*/
}
#topTabs li.last {
	border: 0;
}
#topTabs li a {
	text-decoration: none;
	color: #404040;
}
#topTabs li a:hover {
	text-decoration: none;
	color: #8f0505;
}

#pageHeader {
	background: #ffffff;
	width: 840px;
	margin: 0;
	padding: 0;
	position: relative;
	top: -6px;
	z-index: 1;
}
#adjust {
	background: #ffffff;
	width: 820px;
	margin: 0;
	padding: 0;
	padding-right: 20px;
	color: #8f0505;
	font-size: 10px;
	/*line-height: 20px;
	height: 20px;*/
	height: 28px;
	line-height: 28px;
	text-align: right;
	background: url(../images/bg_adjust.gif) right no-repeat;
	position: relative;
}
#adjust a {
	color: #8f0505;
	text-decoration: none;
}
#adjust a img {
	position: absolute;
	top: 6px;
	right: 135px;
}

.tagLine {
	position: absolute;
	display: block;
	width: 368px;
	text-align: right;
	right: 20px;
	top: 18px;
	color: #554000;
	font-weight: bold;
	font-size: 13px;
	font-family: "Times New Roman", Times, serif;
}
#navBarShadow {
	width: 840px;
	height: 6px;
	position: relative;
	background:url(../images/bg_navbar_shadow.png) no-repeat;
	z-index: 1000;
}
h1.sectionTitle { 
	font-family: serif;
	color: #8f0505;
	font-size: 375%;
	font-weight: lighter;
	margin:0px;
	padding:25px 0px 0px 20px;
}
div.skipToContent {
	display: none;
}
br.clearFloat {
	clear: both;
}
#masterContainer {
	/*background: url(../images/bg_shadow.png) repeat-y;*/
	/*background: url(../images/bg_shadow.gif) repeat-y;*/
	background: url(../images/workingshadow.png) repeat-y;
	width: 860px;
	height: 100%;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}
div.margin10,#margin10 {
	background-color: #ffffff;
	width: 840px;
	margin-left: 10px;
	margin-right: 10px;
}
#contentContainer {
	width: 800px;
	background: #ffffff;
	margin: 0;
	padding: 5px 20px 20px 20px;
	border-top: 1px solid #ffffff;
	font-size: 110%;
	font-family: verdana;
}
#leftNavContainer {
	width:185px;
	display:inline;
	float:left;
	border:none;
	margin:0px;
	padding:0px;
	overflow:hidden;
}
#mainContainer {
	width:595px; /*added 4*/
	display:inline;
	float:left;
	border:none;
	margin:0px;
	margin-left: 20px;
	padding:0px;
	overflow:hidden;
}
#footer {
	width:800px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 20px 20px 10px 20px;
	color: #f4edd8;
}
.footerColumn {
	float: left;
	width: 180px;
	padding: 0px 20px 0px 0px;
	/*padding-bottom: 0px;
	border: 1px solid #666666;*/
}
.footerColumn200 {
	width: 200px;
	padding: 0px;
}
.footerCopyright {
	margin-left: 30px;
	margin-right: 30px;
	width:800px;
	padding: 20px 0px;
	border-top: 1px solid #baa769;
	color: #f4edd8;
}
.footerCopyright a {
	color: #f4edd8;
	text-decoration: underline;
}
.footerCopyright a:hover {
	text-decoration: none;
}
.lastUpdated {
	display: block;
	float: right;
	width: 200px;
	text-align: right;
}
.footerColumn ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
}
.footerColumn li {
	padding: 1px 0px;
}
.footerColumn li a {
	color: #f4edd8;
	text-decoration: none;
}
.footerColumn li a:hover {
	color: #f4edd8;
	text-decoration: underline;
}
.footerColumn li.header {
	color: #ffffff;
	/*ont-size: 12px;*/
	font-weight: bold;
	padding: 1px 0px;
}
.footerColumn li.header a {
	color: #ffffff;
	/*ont-size: 12px;*/
	font-weight: bold;
	padding: 1px 0px;
}
.footerColumn .linkImage {
	display: block;
	float: left;
	height: 51px;
	width: 159px;
	padding: 0px 0px 8px 0px;
	text-indent: -9999px;
}
.footerColumn .littleLinkImage {
	display: inline-block;
	height: 25px;
	width: 25px;
	padding: 0px;
	margin:0px 0px 0px 7px;
	text-indent: -9999px;
	vertical-align: middle;
}
.footerColumn .uwmadLogo {
	background: url(../images/uw_madison_button.jpg) top left no-repeat;
}
.footerColumn .facebookLogo {
	background: url(../images/ico_facebook_off.jpg) top left no-repeat;
}
.footerColumn .twitterLogo {
	background: url(../images/ico_twitter_off.jpg) top left no-repeat;
}
.footerColumn .facebookLogo:hover {
	background: url(../images/ico_facebook_on.jpg) top left no-repeat;
}
.footerColumn .twitterLogo:hover {
	background: url(../images/ico_twitter_on.jpg) top left no-repeat;
}




/* LEFT NAV */



#leftNav ul,#leftNavContainer ul{
	list-style: none;
	width: 185px;
	padding: 0;
	margin: 0;
	border-top: 1px solid #cec9ad;
}
#leftNav ul li,#leftNavContainer ul li{
	border-bottom: 1px solid #cec9ad;
}
#leftNav ul li a,#leftNavContainer ul li a{
	font: bold 12px helvetica;
	display: block;

	width: 180px;
	padding: 10px 0 10px 5px;

	color: #8f0505;
	/*text-indent: 5px;*/
}

#leftNav ul li a:link,#leftNavContainer ul li a:link{
	text-decoration: none;
}
#leftNav ul li a:visited,#leftNavContainer ul li a:visited{
	text-decoration: none;
}
#leftNav ul li a:hover,#leftNavContainer ul li a:hover{
	text-decoration: none;
	background-color: #f9f6ed;
}
#leftNav ul li a:active,#leftNavContainer ul li a:active{
	text-decoration: none;
}

#leftNav ul li.hlnav a:hover {
	text-decoration: none;
	background-color: #f4eedd;
}


/* PODS!!!! */
div.primaryPod243 {
	border-bottom: 1px solid #8f0505;
	background: #EDE9D4;
	width: 243px;
	padding-bottom:10px;
}
div.primaryPod243 h1 {
	font-size:13px;
	/*text-transform:uppercase;*/
	letter-spacing: 0px;
	color: #ffffff;
	background-color: #8f0505;
	width: 243px;
	line-height: 24px;
	text-indent: 10px;
	margin: 0px 0px 10px 0px;
	
	font-family:'bebas',Arial Narrow,Arial, Helvetica;
	padding:6px 0px 6px 0px;
	
}
div.primaryPod243 p{
	padding: 0px 10px 4px 10px;
}
div.primaryPod203 {
	border-bottom:	1px solid #8f0505;
	background: #EDE9D4;
	width: 203px;
	padding-bottom:10px;
}
div.primaryPod203 h1 {
	font-size:13px;
	/*text-transform:uppercase;*/
	letter-spacing: 0px;
	color: #ffffff;
	background-color:#8f0505;
	width: 203px;
	line-height: 24px;
	text-indent: 10px;
	margin: 0px 0px 10px 0px;
	
	font-family:'bebas',Arial Narrow,Arial, Helvetica;
	padding:6px 0px 6px 0px;
	
}
div.primaryPod203 p{
	padding: 0px 10px 5px 10px;
}

/* right in page related pods and sibling pods */
div.padPod { padding:0px; } /* was 10px */
div.padPodGoo { padding:20px; }
/*
#rightPodPlaceholder{float:right;width:189px;padding:0px;margin: 0px;display:none;}
*/
#rightPodPlaceholder{float:right;width:189px;padding:0px;margin: 0px;}

div.rightPod {float: right; width: 189px; padding: 0px; }
div.rightPod hr{
padding:0px;margin:5px 0px 5px 0px;
}
div.rightPod div.innerRight{ 
border-color:#cec9ad; 
border-style:solid; 
border-width:1px; 
padding:10px; 
margin: 0px 0px 10px 10px;
}
div.rightPod div.innerRight p{ 
padding:0px 0px 4px 0px;
}

div.rightPod div.innerRight ul{
list-style:none;
margin:0px 0px 0px 0px;
padding:0px 0px 1px 0px; /*needs 1px bottom apparently for IE glitch?*/
}
div.rightPod div.innerRight ul li{
margin:0px;
padding-bottom:5px;
line-height:105%;
}

/* News Ticker */
#newsTickerWrapper {
	width: 820px;
	padding-top: 20px;
	padding-bottom: 0px;
	margin-left: 20px;
}
#newsTicker {
	border-top: 1px solid #b59f73;
	border-bottom: 1px solid #b59f73;
	background: #ede9d4 none repeat scroll 0% 0%;
	float: left;
	width: 670px;
	text-indent: 10px;
	line-height: 23px;
	position: relative;
	height: 23px;
	font-size: 11px;
}
#newsTickerContainer {

}
#newsTickerContainer a {
	color: #000000;
	text-decoration: none;
}
#newsTickerContainer a:hover {
	text-decoration: none;
	color: #8f0505;
}
.newsticker {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#newsTickerRight {
	right: 0px;
	width: 180px;
	position: absolute;
	top: 0px;
	height: 23px;
	/*_padding-top:2px;  underscore makes it IE6 only */
}
.newsTickerHeader {
	margin: 0px 0px 10px;
	float: left;
	font-family: 'bebas',Arial Narrow,Arial, Helvetica;
	font-weight: bold;
	font-size: 13px;
	line-height: 23px;
    text-transform: uppercase;
    width: 130px;
    color: #ffffff;
    text-indent: 10px;
    letter-spacing: 0px;
    height: 19px;
	background-color: #8f0505;	
	padding-top:6px;
}
.newsTickerImage {
	position: absolute;
	top:4px;
	right: 10px;	
}
	
/* MISC!!!! */
.printLogo {
	display: none;
}
.padL10 {
	padding-left: 20px;
}
.marginTB13 {
}
.zeroPM {
	margin: 0;
	padding: 0;
}

.x591{
	border:0px;
	width: 595px; /*added 4*/
	margin:0px 0px 10px 0px;	
}

iframe.video_small,a.video_small{
float:left;
width:210px;
height:180px;
text-align:center;
vertical-align:middle;
background-color: #CCCCCC;
}

iframe.video_medium,a.video_medium{
float:left;
width:320px;
height:270px;
text-align:center;
vertical-align:middle;
background-color: #CCCCCC;
}

iframe.video_large,a.video_large{
width:432px;
height: 355px;
text-align:center;
float:left;
vertical-align:middle;
background-color: #CCCCCC;
}


iframe.map_large,a.map_large{
width:432px;
height: 355px;
text-align:center;
float:left;
vertical-align:middle;
background: url(/smph/images/map.png) center center no-repeat #9C9C9C;
}
iframe.map_medium,a.map_medium{
float:left;
width:320px;
height:270px;
text-align:center;
vertical-align:middle;
background: url(/smph/images/map.png) center center no-repeat #9C9C9C;
}
iframe.map_small,a.map_small{
float:left;
width:210px;
height:180px;
text-align:center;
vertical-align:middle;
background: url(/smph/images/map.png) center center no-repeat #9C9C9C;
}

/* TABLES!!!! :-( */

table,td{
	/*font-size:100%;*/
	border-spacing: 0;				/* IE Doesn't Like This */
	_border-collapse: collapse;		/* This Will Make it Work for IE */
}

.tableNarrowRight {
	/*width: 772px;*/
	width: 800px;
	margin: 0;
	padding: 0;
	border: 0;
}
.tableNarrowRight .tdMain {
	/*width: 509px;*/
	width: 537px;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
}
.tableNarrowRight .tdRight {
	width: 243px;
	padding-left: 20px;
	vertical-align: top;
}
.tablePromo{
	width: 595px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	vertical-align: top;
}
.tablePromo p{
	margin: 0px;
	padding: 0px;	
	}
.tablePromo .tdLeft {
	vertical-align: top;
	padding:10px 0px 0px 0px;
}
.tablePromo .tdRight {
	padding: 10px 0px 0px 21px;
	vertical-align: top;
}
.tdTop {
	vertical-align: top;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
}

#stripedTable{
	border: 1px solid rgb(214, 214, 214);
	width:100%;
	font-size: 100%;
}
#stripedTable th{
	font-weight:bold;
	background-color: rgb(214, 214, 214);
	text-align: left;
	font-size: 100%;
}
#stripedTable tbody tr td{
	text-align: left;
	font-size: 100%;
}
#stripedTable tbody tr td.shaded{
	background-color: rgb(244, 244, 244);
}

ul.pretty_list{
list-style:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
ul.pretty_list li{
margin:0px;
padding-bottom:5px;
line-height:105%;
}
ul.list_title{
	margin:0;
	padding:0;
	list-style:none;
}
ul.list_title li{
	margin:0;
	padding-bottom:7px;
	line-height:135%;
}
table.list_date_title{
	margin:0px;
	padding:0px;
	border:0;
}
div.primaryPod243 table.list_date_title,div.primaryPod203 table.list_date_title{
	margin-left:10px;
}
table.list_date_title tbody td{
	padding:0px 0px 8px 0px;
	border:0px;
	vertical-align:middle;
	line-height:120%;
}
table.list_date_title tbody .rColumn{
	padding:0px 0px 8px 8px;
}

#list_thumbnail div{
	margin:0px 0px 15px 0px;
	float:left;
}
#list_thumbnail div img{
	float:left;
	padding:.2em .7em .2em 0em;
}
#list_title_description div{
	margin-bottom:10px;
}
#list_title_description div p br{
	margin-bottom:6px;
height:10px;
}
#list_title_description div p{
	margin-bottom:2px;
	}
/* Event styling*/
#event div{
	margin-bottom:3px;float:left;
	}
#event div.label {width:130px; float:left; font-weight: bold;}
#event div.info {width:400px;float:left;}
#event div.details {width:99%;margin:7px 0px 15px 0px;float:left;}
#event div.related_events {margin:0px;float:left;}

/*used on forms*/
#formTable, #formTable tbody,  #formTable tr{
	margin:0px;
	padding:0px;
}




.bubble {width:364px;*width:325px;background:url(../images/podBground.gif) no-repeat;height:182px;*height:172px;position:absolute;padding:20px 0 0 45px;*padding:20px 45px 0 45px; }
.bubbleLeft { background:url(../images/podBground_left.gif) no-repeat;padding:20px 35px 0 10px;*padding:20px 0 0 20px;*width:390px; }
.doctorrollover { float:left;width:328px;height:147px;padding:5px;background:#FFFFFF; }
.doctorrollover img { float:left;width:120px;margin-top:13px; } 
.doctorrollover span { width:200px;float:left;margin:5px 0 0 5px; }