body, html {padding:0; margin:0; height:100%; }
body {font-family:arial, helvetica, sans-serif; font-size:12px;}
h1 {font-size:150%; color:#399; 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:#399;}
/* img {border:0;} */
#main img {border:1px solid #666;}
#main.horizLayout img {border:0;}
.noborder {border:0;}
blockquote {width:90%; text-align:center;}

#header {background:#fff;}
#outer_wrapper {background: #fff 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; /*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-left:-1px; margin-right:-20px;} /*margin-right for FF Win */
html > #main.horizLayout {margin-right:0;}/* for safari */ 
* > html #main.horizLayout img { border-left:1px solid #399;}
/* hide from Mac IE - for left alignment in Windows IE only \*/
* 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 */




#sidebar {width: 200px; float: right; padding:0 20px;}

#clearfooter {height:96px; clear:both; }
#umsom { text-align: center; font-size: 14px; font-weight: bold; border-top: 7px solid white; border-bottom: 4px solid white; }
#umsom a {color:#000;text-decoration:none;}
#topMenu { background-color: #000; height:auto; min-height:55px; _height:55px; }
#deptTitle a { font-family: "Arial Black", Arial, Helvetica, sans-serif; font-size: 18px; padding-left: 14px; line-height: 18px; margin-top: 4px; float: left; color:#fff; text-decoration:none; }
#deptName { font-size: 30px; _line-height: 37px;} /* adjust for each department */
#divTitle { font-family: "Arial Black", Arial, Helvetica, sans-serif; color: white; font-size: 30px; text-align: right; padding-right: 10px; line-height: 35px; }
#divTitle.divTitle_small {font-size:20px; line-height:20px; padding:7px 10px 7px 0; }

#breadcrumbs { float: left; clear:left; text-align:left; font-size: 11px; vertical-align: middle; padding: 6px 0 5px 10px; letter-spacing:.045em; }
#search { background-color: #399;  color: white; text-align: right; border-bottom:4px solid white; width:100%; height:26px;}
#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 0 0; font-size: 11px; font-weight: bold; text-transform: uppercase; float:right; clear:right;}
#search input {/*height: 13px;*/ width: 120px; font-size: 10px; }
.searchscore {background-color:#399; 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:40%; padding-top:10px;}
#footer_right {float:right; text-align:right; background-color:#000; width:56<p></p>%; 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:#399; text-decoration:none;}
#address {color: #399; font-size: 11px; font-weight: bold; margin: 15px 8px 0 8px;  padding-top:5px; padding-bottom:5px; border-top: 1px solid #399;}
#umlogo {width:100px; margin-left:7px;}

.clearboth {clear:both; height:0;}
.white {color:#fff;}
.teal {color:#399;}
.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:#399; 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:#399;}

/* 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 #399; 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.topMenu ul li a:hover  {color:#399; }
* 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:#000; }
#topNav li {float: left;}
#topNav li a:hover {color:#399;}
#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;*/}

/* hide from Mac IE \*/
* html #topNav a {width:auto; padding-bottom:9px; }
/* 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 #399; border-bottom:1px solid #399; border-right:1px solid #399;} /* 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_teal.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-left:188px;*/ margin-right:10px; width:auto; margin-left:190px;}
/* hide from IE mac \*/
* html #longImg {border-left:1px solid #399;}
* html div .longImg_imgCol {float:left; width:188px; margin-left:-10px;}
/* end hide*/


/* 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; }
#photo { border: 1px solid #000; 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:#399; 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:#399; padding:0 2px 0 2px; margin-bottom:0;}
#facultylist td {border-bottom:1px solid #399;}
#facultylist td a {text-decoration:none; }


/* TABLE FORMAT - FOR SCHEDULE PAGES */
table.tbl_format {border-right:1px solid #000; border-collapse:collapse;}
.tbl_format td {border-left:1px solid #000; border-bottom:1px solid #000;padding:5px; border-collapse:collapse; }
.tbl_format th {border-left:1px solid #000;border-top:1px solid #000; border-bottom:1px solid #000;height:40px; color:#000; font-weight:bold; font-family:arial, helvetica, sans-serif; background-color:#ccc;}
.tbl_format_hdr {background-color:#ccc; color:#000; font-weight:bold;text-align:center;}
.tbl_format h5 {font-style:italic; font-weight:bold;}

