/*------------------------------
University of Miami
Miller School of Medicine
Medical IT
Web Services and Applications

Design by: David Morales
Code by: Matthew A. Gonzalez

The CSS in this document is
valid per the criteria of
the W3C.

NOTES: url(/uhealth/template1/_style/images/top-quicklinks-button.gif) has been temp changed to local
------------------------------*/
body {
background: #e0e0e0;
color: #626262;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 155%;
}

a:link, a:visited {
color: #00502f;
text-decoration: none;
}

a:hover, a:active, a:focus {
color: #e97221;
}

.clear {
clear: both;
}

.invisible {
display: none;	
}

#all-wrapper {
background: #fff;
}

/*---Wrapper---*/
#top-wrapper {
margin: 0 auto;
width: 960px;
padding-bottom: 40px;
}

/*---Header---*/
#header #top-quicklinks {
float: right;
}

#header #top-quicklinks li {
background: url(../images/top-quicklinks-button.gif) no-repeat left center;
float: left;
font-size: 10px;
font-weight: bold;
margin-left: 15px;
padding: 3px 0 0 15px;
text-transform: uppercase;
}

#header #logo-container {
float: left;
clear: right;
}

#header #uhealth-logo {
background: url(../images/uhealth-logo.gif) no-repeat;
display: block;
float: left;
height: 60px;
margin-top: 10px;
padding-top: 15px;
width: 166px;
}

#header #logo-border {
border-right: 2px solid #00502f;
display: block;
float: left;
height: 60px;
margin: 10px 15px 0 15px;
padding: 1px 0;
}

#header #miller-logo {
background: url(../images/miller-logo.gif) no-repeat;
display: block;
float: left;
height: 75px;
margin-top: 10px;
width: 174px;
}

#header #GI-logo {
background: url(../images/GI-logo.gif) no-repeat;
display: block;
float: left;
height: 75px;
margin-top: 2px;
width: 271px;
}

#header #medishare-logo {
background: url(../images/medishare-logo.gif) no-repeat;
display: block;
float: left;
height: 75px;
margin-top: 2px;
margin-left: 15px;
width: 69px;
}

#header #department-header {
display: block;
clear: right;
float: left;
position: relative;
margin: 10px 40px 0 40px;
height: 65px;
width: 508px;
}

#header #department-header h1 {
font-size: 28px;
font-weight: normal;
line-height: 110%;
position: absolute;
bottom: 0;
left: 0;
}

#header h1 a:link, #header h1 a:visited {
color: #5a5a5a;
}

#header h1 a:hover, #header h1 a:active,
#header h1 a:focus {
color: #e97221;
}


#header #top-bar {
background: url(../images/top-bar-bg.gif) repeat-x;
border: 1px solid #b84501;
display: block;
clear: both;
display: block;
height: 24px;
width: 958px;
}

#header #top-bar .nav ul {
margin-left: 10px;
}

#header #top-bar .nav li {
background: url(../images/top-nav-divider.gif) no-repeat right;
float: left;
font-size: 10px;
font-weight: bold;
line-height: 240%;
text-transform: uppercase;
}

#header #top-bar .nav li a:link,
#header #top-bar .nav li a:visited {
display: block;
color: #fff;
padding: 1px 10px 0 10px;
}

#header #top-bar .nav li a:hover,
#header #top-bar .nav li a:active,
#header #top-bar .nav li a:focus {
color: #5a5a5a;
}

#header #top-bar #search {
float: right;
}

#header #top-bar #search #searchbox {
border: 1px solid #b84501;
float: left;
font-size: 9px;
height: 13px;
margin: 3px 3px 0 0;
padding: 3px 3px 0 3px;
width: 100px;
}

#header #top-bar #search #searchbutton {
float: left;
margin: 3px 10px 0 0;
}

/*---Main container---*/
#main-container {
margin-top: 20px;
width: 100%;
float: left;
background:url(../images/container-bg.gif) top left repeat-y;
}

/*---Left sidebar---*/
#left-sidebar {
background-color: #edeade;
border-left: 1px solid #c1c1c1;
border-right: 1px solid #c1c1c1;
border-top: 1px solid #c1c1c1;
float: left;
font-size: 16px;
margin-right: 10px;
width: 218px;
}

.sidebar a:link, .sidebar a:visited {
color: #5a5a5a;
}

.sidebar a:hover, .sidebar a:active,
.sidebar a:focus {
color: #e97221;
}


.sidebar ul li {
border-bottom: 1px solid #c1c1c1;
border-top: 1px solid #fff;
line-height: 140%;
}

.sidebar ul li a {
display: block;
padding: 9px 10px 5px 10px;
}

.sidebar ul li.first { border-top: none; }
/*---Health Library Adjustments--*/

#health-library {
	background-color: #efefef;
	border: 1px solid #c1c1c1;
	width: 218px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 15px;
}

#health-library ul {
        margin-top: 2px;
}

#health-library ul li {
	margin: 0 15px;
	border-top: 1px solid #c1c1c1;
	line-height: 140%;
    padding: 0;
}

#health-library ul li.first {
	border-top: 0;
}

#health-library h3 {
	background:url(../images/health-library-head.jpg) right top no-repeat;
	margin: -6px 0 -2px;
	height: 0;
	padding-top: 73px;
	overflow: hidden;
	border-bottom: 1px solid #fff;
}

#health-library ul li a {
	background:url(../images/health-library-arrow.gif) center left no-repeat;
	display: block;
	padding: 10px 0 10px 14px;
}

#health-library a:link, #health-library a:visited {
	color: #383838;
}

#health-library a:hover, #health-library a:active, 
#health-library a:focus {
	color: #e97221;
}

/*---Subnav---*/

#subnav {
	width: 218px;
	float: left;
	background-color: #f0f0f0;
	border: 1px solid #c1c1bf;
	border-top: 1px solid #928d7c;
	overflow: hidden;
}

#subnav h3 {
	height: 52px;
	padding: 5px 10px 0;
	line-height: 42px;
	background:url(../images/subnav-bg.jpg) top center no-repeat;
	font-size: 18px;
	font-weight: normal;
	color: #494137;
	border-top: 1px solid #fff;
}

#subnav li {
	font-size: 16px;
}


/*---Content---*/
#content {
float: left;
margin-left: 10px;
width: 720px;
}

#feature {
	/*background:url(../images/feature2.jpg) top right no-repeat;*/
	width: 718px;
	/*height: 282px;*/
        height: 298px;
	overflow: hidden;
	border: 1px solid #c1c1c1;
	margin-bottom: 20px;
	position: relative;
}

.template2 #feature {
	background-image:url(../images/feature-t2.jpg);
}

.template3 #feature {
	background-image:url(../images/feature-t3.jpg);
	height: 320px;
}

#feature h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 40px;
	color: #577e9b;
	line-height: 120%;
	letter-spacing: 1px;
	font-weight: normal;
	width: 260px;
	position: relative;
	top: 30px;
	left: 30px;
}

#feature h3.green { color: #00502f; }
#feature h3.blue { color: #577e9b; }
#feature h3.gray { color: #777; }

#feature h3.right {
	top: 30px;
	left: 428px;
}


#feature a {
	background:url(../images/feature-button.gif) top left repeat-x;
	border: 1px solid #d3d3d3;
	display: block;
	position: relative;
	top: 45px;
	left: 30px;
	width: 180px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 20px;
	letter-spacing: 1px;
}

#feature a:link, #feature a:visited { color: #fff; }
#feature a:hover, #feature a:active, #feature a:focus { color: #d3d3d3; }

#feature #feature-nav {
	border-left: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	border-top: 1px solid #c1c1c1;
	background:url(../images/rotator-bg.gif) top left repeat-x;
	padding: 5px 20px 0;
	float: left;
	width: 678px;
	height: 32px;
	position: absolute;
	bottom: 0;
	left: 0;
	
}

#feature #feature-nav li {
	width: auto;
	padding: 0 20px 0 0;
	float: left;
}

#feature #feature-nav a {
	background:url(../images/rotator-button.jpg) 0px -28px no-repeat;
	border: none;
	width: 102px;
	height: 24px;
	line-height: 24px;
	padding: 4px 0 0 0;
	overflow: hidden;
	top: 0;
	left: 0;
	font-size: 12px;
}

#feature #feature-nav a:link, #feature #feature-nav a:visited { color: #a3a3a3; }

#feature #feature-nav a:hover, #feature #feature-nav a:active, #feature #feature-nav a:focus { color: #00502f; }

#feature #feature-nav a.active {
	background-position: 0px 0px;
	color: #fff;
}

#content #post-container {
	margin-right: 20px;
	width: 480px;
	float: left;
}

#content #post-container h2 {
	border-bottom: 1px solid #ed6018;
	font-weight: normal;
	letter-spacing: 2px;
	text-transform: uppercase;
}

#content #post-container .post h3 {
	color: #0b3f23;
	padding: 15px 0 0;
	font-size: 14px;
}

#content .post a:link, #content .post a:visited { color: #ed6018; font-weight: bold; }
#content .post a:hover, #content a:active, #content .post a:focus { color: #0b3f23; }


#content .post p {
margin: 10px 0;
padding: 0;
}

/*---Posts---*/
.post ul, .post ol {
padding: 10px 20px;
}

.post ul li, .post ol li {
padding: 3px 0;
}

.post ul li {
list-style: disc;
}

.post ol li {
list-style: decimal;
}

/*---Teasers (Horizontal Boxes for Nav)---*/

/* Use this container for all size teasers */
.teaser-container {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 30px;
}

.teaser-third {
	width: 218px;
	float: left;
	margin-right: 30px;
	border: 1px solid #c2c2c2;
	background-color: #ebebeb;
}

.teaser-container .teaser-third h2 {
	background:url(../images/teaser-header.jpg) top left no-repeat;
	border-bottom: 1px solid #c2c2c2;
}

.teaser-container .teaser-third h2 a {
	display: block;
	height: 30px;
	padding: 10px 0 0 10px;
	line-height: 30px;
	font-size: 22px;
}

.teaser-container .teaser-third img { margin: 10px 6px; }

.teaser-container div h4 { font-size: 14px; }

.teaser-container div h4, .teaser-container div p { margin: 0 10px; } 

.teaser-container div p { margin-bottom: 10px; }

.teaser-container .last { margin-right: 0px; }


/*---Footer---*/
#bottom-wrapper {
background: #e0e0e0;
margin-top: 10px;
}

#footer {
margin: 0 auto;
padding-top: 30px;
width: 960px;
}

#footer #bottom-logo {
display: block;
float: left;
height: 45px;
margin-right: 1px;
width: 135px;
}

#footer #bottom-logo span {
background: url(../images/uhealth-logo-bottom.gif) no-repeat;
height: 45px;
position: absolute;
width: 135px;	
}

#footer .block {
display: block;
float: left;
margin-left: 62px;
width: 350px;
}

#footer .block ul {
padding-bottom: 50px;
}

#footer .block ul li {
float: left;
width: 175px;
}

#footer #legal ul {
float: left;
}

#footer #legal ul li {
float: none;
}


#footer #legal p {
float: left;
padding-left: 35px;
}

#footer .block h4 {
color: #e97221;
border-bottom: 1px solid #a1a1a1;
margin-bottom: 10px;
}

#rotator {
	margin: 10px 0;	
}