font { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.grayCenter { background-color: #CCCCCC; text-align: center; padding: 2px; font-size: 14px; }
.grayLeft {background-color: #CCCCCC; padding: 2px;  font-size:10pt;}
.accent {color:#3366cc;}

html {background-color:#fff;}
body, html {padding:0; margin:0; height:100%; }
body {font-family: arial, helvetica, sans-serif; font-size:12px;}
h1 {font-size:150%; color:#3366cc; margin-top: 7px;}
h2 {font-size:120%; color:#999; }
h3 {font-size:110%; }
h4 {font-size:100%;}
a {text-decoration:underline; color:#000;}
a:hover {text-decoration:underline; color:#3366cc;}
/* img {border:0;} */
.noborder {border:0;}
blockquote {width:90%; text-align:center;}

#header {background:#fff;}
#outer_wrapper {background: url(../images/background_line.gif) repeat-y left; position:relative; min-height:100%; height:auto !important; height:100%; width:100%;} 
#wrapper {background: url(../images/background_white.gif) repeat-y right; /* */ width:100%;}
#container {float: left; /*margin-right: -10px; */ margin-right:0px; /*width:800px; min_width:800px; */ } /*added 800px width to deal with wide tables in content area */
#content {margin-right: 10px; border-top:1px solid #fff; }
#main {padding:0 20px; margin-left:175px; } 
#main.horizLayout {margin-right:-20px;} /*margin-right for FF Win */
html > #main.horizLayout {margin-right:0;}/* for safari */ 
* > html #main.horizLayout img { border-left:1px solid #3366cc;}
/* hide from Mac IE - for left alignment in Windows IE only \*/

/*REMOVE THIS LINE FOR NEW NAV - ADJUST POSITION OF DIV*/
* html #main {float:left; text-align:left; margin-left:0;}

* html #main.horizLayout {margin-left:1px; margin-right:1%;} /* need 1% margin for horizontal layout*/
/* end hide */
#left {width: 174px; float: left; }
* > html #main {margin-left:165px;}
* > html #left {margin-top:-4px;}
/* hide from Mac IE \*/
* html #left {padding-top:10px;}
/* end hide */

#main img {border:1px solid #3366cc;}
#main.horizLayout img {border:0;}
.noborder {border:0;}


#clearfooter {height:96px; clear:both; }
#umsom { text-align: center; font-size: 12px; font-weight: bold; border-top: 4px solid white; border-bottom: 4px solid white; }
#umsom a {color:#000;text-decoration:none;}
#deptHeader { background-color: #000; height:auto; min-height:55px; _height:55px; padding-top:5px; padding-bottom:5px;}

#deptTitle { font-family: "Arial Black", Arial, Helvetica, sans-serif; font-size: 22px; line-height:32px; margin-top:4px; float:left; padding-bottom:4px; text-decoration:none; color: #3366cc; }
#deptTitle a { font-family: "Arial Black", Arial, Helvetica, sans-serif; font-size:22px; padding-left: 14px; line-height: 32px; color:#fff; text-decoration:none; }
#deptName { font-size: 24px; _line-height: 28px;} /* adjust for each department */
#divTitle a { font-family: "Arial Black", Arial, Helvetica, sans-serif; color: #3366cc; font-size: 18px; float:right; text-align: right; padding-right: 10px; text-decoration:none;}

.divName {font-size:22px;line-height: 28px; }
/* when adjusting font sizes in header, also change footer top positioning in home.css */

#topnavbar {background-color:#ccc; width:100%;}
#breadcrumbs { float: left; clear:left; text-align:left; font-size: 11px; vertical-align: middle; padding: 6px 0 3px 10px; letter-spacing:.045em;}
#search { background-color: #3366cc;  color: white; text-align: right;  border-bottom:2px solid white; height:23px;}
#search a, #topNav a, #footer a, #footer_left a:visited, #footer_right a:visited { color: white; text-decoration: none; }
#search a:hover, #footer a:hover { text-decoration: underline; }
#search form {margin: 0; padding: 2px 10px 2px 0; font-size: 11px; font-weight: bold; text-transform: uppercase; /*float:right; clear:right;*/}
#search input { width: 120px; font-size: 10px;}
.searchscore {background-color:#3366cc; color:white; font-weight:bold; float:left; font-size:11px;}

#footer {position:absolute; bottom:0 !important; bottom:-1px; width:100%; height:96px; z-index:0;}
* html #footer {height:93px;}
#footer_container {background-color:#000; color:#fff; height:50px; padding: 0 15px; border-top:3px solid #fff;}
#footer_left {float:left; text-align:left; background-color:#000; width:48%; padding-top:10px;}
#footer_right {float:right; text-align:right; background-color:#000; width:48%; padding-top:10px;}

#leftNav {list-style: none; font-size: 11px; font-weight: bold;}
* html #leftNav {margin-left:0px;}
#leftNav li a {color:#000; text-decoration:none;}
#leftNav li a:hover {color:#3366cc; text-decoration:none;}
#address {color: #3366cc; font-size: 12px; font-weight: bold; margin: 15px 8px 0 8px;  padding-top:5px; padding-bottom:5px; border-top: 1px solid #3366cc;}
#umlogo {width:100px; /*margin-left:7px;*/ margin-left:80px; /* right-justified logo */}

.clearboth {clear:both; height:0;}
.white {color:#fff;}
.accent {color:#3366cc;}
.grey, #deptTitle.grey a {color:#aaa;}
.last {margin-bottom: 0;}
.rightimg {margin-left:15px; margin-right:5px; margin-bottom:5px;}
.leftimg {margin-right:15px;   margin-bottom:5px;}

/* BULLETED LISTS */
#main li {list-style-image:url(../images/bullet_grey.gif); list-style-position:outside; padding-bottom:5px;}
#main ul {margin-left:-10px;}
* html #main ul {margin-left:30px;}
/* hide from Mac IE \*/
* html #main ul {margin-left:20px; }
/* end hide */
#sitemapdiv li {font-weight:bold; }
#sitemapdiv li ul li {list-style-image:none; font-weight:normal; list-style:none;}
#sitemapdiv li ul li ul li {margin-left:10px; list-style:square; color:#3366cc; font-style:italic; font-size:xx-small;}
#sitemapdiv li ul li ul li ul li {list-style:none;}
#sitemapdiv li ul li {padding:3px;}
.bullet1 li, .bullet2 li {list-style-image:url(../images/bullet.gif); list-style-position:outside; padding-bottom:15px;}
.bullet1 li a {color:#000; }
.bullet2 li a {color:#000; font-size:90%;}
.bullet1 li a:hover, .bullet2 li a:hover {color:#3366cc;}


/* LEFT MENU */


div.sidenav ul {margin: 0; padding: 0; list-style: none; width: 174px; background:#fff; }
div.sidenav ul li {position: relative;}
div.sidenav ul li ul {position: absolute; left:174px; top: 0; display: none; border:1px solid #3366cc; background-color:#000; }
div.sidenav ul li a {display: block; text-decoration: none; color: #000; font-size: 11px; font-weight: bold; padding: 8px; border-bottom: 0;}
div.sidenav ul li a:hover, div.deptHeader ul li a:hover  {color:#3366cc; }
* html div.sidenav ul li ul {left:175px; z-index:100; background-color:#000; color:#fff;}


/* Hide from IE Mac \*/

* html div.sidenav {margin-top:-7px; }
* html div.sidenav ul li { float: left; height: 1%; }
* html div.sidenav ul li a { height: 1%; }
* html div.sidenav ul li ul {left:174px; background-color:#000; }
/* End */


div.sidenav li:hover ul, div.sidenav li.over ul {display: block; }
#leftNav li ul li a {background-color:#000; color:#fff;}


/* TOPNAV MENU */
#topNav { color: white; float: right; list-style-type: none; margin: 0; font-size: 11px; background-color:#ccc; }
#topNav li {float: left;}
#topNav li a:hover {color:#3366cc;}
#topNav, #topNav ul {padding: 0; margin: 0; list-style: none; line-height: 1; z-index:100; font-weight: bold; margin-right:0px;} /* all lists */
#topNav a {display: block;	padding:4px 20px 5px 5px;/*width: 10em;*/ color:#000;}

/* hide from Mac IE \*/
* html #topNav a {width:auto; padding-bottom:5px; }
/* end hide */

#topNav li {float:left;} /* all list items */	
#topNav li ul {position: absolute; width: 120px; left: -999em; font-weight:normal;	background-color:#fff; border-left:1px solid #3366cc; border-bottom:1px solid #3366cc; border-right:1px solid #3366cc;} /* second-level lists */
#topNav li ul li a {color:#000; margin:5px; }
#topNav li ul li a:hover {color:#666;}
#topNav li:hover ul, #topNav li.over ul {left: auto;} /* lists nested under hovered list items */
#topNav li ul li {width:120px;}

/* for Mac IE */
* > html #topNav {padding-bottom:0; white-space:nowrap;}
* > html #topNav a {width:7em; }
* > html #topNav li ul {white-space:normal;}
* > html #address {padding-bottom:30px;}

#longImg {float:left; margin-top:0px; width:188px; margin-top:-7px; margin-left:-20px; }
#longImg li {list-style-image:url(../images/bullet_accent.gif); font-size:9pt;}
#longImg ul {padding-left:45px; padding-right:5px; }
* html #longImg ul {padding-left:5px;}
#longImg p {padding-left:10px;}
#longImg img {border:0;}
* > html #longImg {margin-top:-1px;}
#longImg_content {margin-right:10px; width:auto; margin-left:190px;}
/* hide from IE mac \*/
* html #longImg {border-left:1px solid #3366cc;}
* html div .longImg_imgCol {float:left; width:188px; margin-left:-10px;}
/* end hide*/

/* For layout with right column */
#sidebar {float:right; padding:10px 5px 0 15px; width:175px; }
* html #sidebar {padding:10px 0 0 5px;}
#main.rightcol {padding-right:190px;}
* html #main.rightcol {padding-right:20px;}

/* GLOSSARY */
a.def {color:#393; cursor:help; text-decoration: none;} /* does not work in Firefox when title is more than ~80 chars */

/* FACULTY PAGES */
h1.facName { margin-bottom: .5em; }
#longImg #photo { border: 1px solid black; margin-top:30px; }
.facultyTitle { font-weight: bold; }
.forPatients {background-color:#eee; margin-left: 0; margin-right: 10px; padding:0 0 10px 0; width:300px;}
* html .forPatients {width:100%;}
.forPatients h2 {color:#3366cc; background-color:#ccc; padding:3px; margin-bottom:3px;}
.forPatients p {padding:0 5px;}
#forpatientstbl td {font-size:11px; vertical-align:top;}
table, td { font-size:10pt; }
.faclist_alpha {height:50px; font-size:10px;}
.letters {font-family: "Arial Black", Arial, Helvetica, sans-serif; font-size:48px; background-color:#ccc; color:#3366cc; padding:0 2px 0 2px; margin-bottom:0;}
#facultylist td {border-bottom:1px solid #3366cc;}
#facultylist td a {text-decoration:none; }
.faclist {margin-bottom:3px; padding-bottom:3px; width:100%; border-bottom:1px solid #3366cc; font-size:8pt;}
.faclist strong {font-size:9pt;}
.faclist a, .faclist a:hover {text-decoration:none;}

.whiteborder {background-color: #F7EFE6;}
.whiteborder td {border-bottom: 2px solid white; padding: 3px;}


	/*INSURANCE TABLE */
#insurance td {border-bottom:1px solid #fff; padding:3px;}
#insurance th {padding:3px;}
#insurancesub td.noborder {border-bottom:none;}

/* SERVICES ROLLOVERS */
.popup {position:absolute; top:200px; left:350px; background-color:#eee; width:400px; border:1px solid #3366cc; visibility:hidden;}
* html .popup {left:350px;}
div.popup h4 {margin:10px; font-size:12px; }
div.popup p {margin:10px; font-size:11px; }
div.popup h4 {color:#3366cc;}

/* LOCATIONS */
table.locations {}
table.locations th {background-color:#3366cc; color:#fff; padding:4px; font-weight:bold; text-align:left;}
table.locations td {border-bottom:1px dotted #3366cc; padding:4px;vertical-align:middle;}
table.locations td a.blue, table.locations td.blue {color:#3366cc;}
table.locations td.doubleborder {border-bottom:2px solid #3366cc; border-collapse:collapse;}

.tblformat td {font-size:10pt;}