/*
CSS Document for Public Corporate Application
home page print layout for public site
created 08/02/2005
by Jason M. George

Unauthorized reproduction or modification to this document
is strictly forbidden without written or verbal consent from Baylor
College of Medicine, it's Office of Public Affairs, or
the BCM Web Operations and Support Team.
*/
/* tags */
* {margin: 0; padding: 0;}
body {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 93%;}
a {color: #026; text-decoration: none;}
a:visited {color: #625;}
a:hover {text-decoration: underline;}
h1 {position: relative; text-indent: -5000px; height: 24px; display: block;}
h2 {color: #026; margin: 5px 0 20px 0; font-size: 1.2em;}
li {font-size: 0.9em;}
p {font-size: 0.9em; margin-bottom: 20px;}
/* unique identifiers */

#access /* hides the named anchor that allows visually disabled users to skip the navigation */
{position: absolute; top: -100px; left: -100px;}
#masthead {position: relative; width: 100%; height: 80px;}
#logo /* Image replacement for display of logo graphic (text-only display will still show logo text */
{width: 152px; height: 80px; background: url("../images/logo.gif") no-repeat; float: left; clear: left;}
#logo a {display: block; width: 100%; height: 80px;}
#bclogo /* Image replacement for display of Baylor Clinic logo graphic on BCM home page */
{width: 185px; height: 40px; background: url("/images/baylorclinic/logo_clinic.gif") no-repeat;}
#bclogo a {display: block; width: 100%; height: 40px;}
#tagline {position: absolute; top: 1px; right: 0; width: 300px; height: 56px; background: url("../images/tagbanner_001.gif") no-repeat; font-size: 2em;}
#quickhits /* inline (horizontal navigation) for frequently used links */
{position: absolute; list-style: none; top: 56px; right: 0; width: 474px; font-size: 0.9em;}
#quickhits li {float: left;}
#quickhits li a {position: relative; display: block; height: 24px; text-decoration: none;}
#topnav /* inline (horizontal navigation) for major sections */
{position: relative; width: 760px; height: 30px; background: #DCA;}
#topnav ul {list-style: none; margin-left: 152px;}
#topnav li {float: left;}
#topnav li a {position: relative; display: block;height: 30px; text-decoration: none;}
#topnav form {position: relative; margin-left: 548px; height: 30px; background: url("../images/search.gif") no-repeat;}
#searchtext {position: relative; width: 100px; margin-bottom: 3px; margin-left: 57px; border: 1px solid #963; font-size: 1em !important; font-size: 12px;}
/* DEVELOPER'S NOTE: 
	rotating banner image
 */
#secondhead {position: relative; display: block; width: 760px; display: block; height: 161px;}
#wrapper /* this div is included in order to provide a 3 column layout while allowing no single column to stretch (outside the box model) past another */
{position: relative; width: 760px; padding-bottom: 25px; display: block;}
#wrapper:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/*Fix IE. Hide from IE Mac\*/
*html #wrapper {height: 1%;}
/* End */
#leftgroup {float: left; width: 520px !important; width: 517px;} /* this div is for layout purposes only. basically, it has the LH navigation and the content sections nested inside it. This div is
pushed to the left, while the rhcolumn div is over to the right */
#highlights {float: right; width: 240px; margin: 0 20px 0 0 !important; margin: 0 9px 0 0;} /* the content div is floated right, but since it is nested in the leftgroup column, which is floated
left, the div appears in the center (after some creative pixel-pushing with margins and widths) */
#highlights h1 {background: url("/images/h1_highlights.gif") no-repeat; height: 24px;}
#highlights a {color: #00A;}
#emergency {color: #C60; border: 1px solid #C60; padding:0 3px; background-color:#FFE;}
#emergency li {margin:0 0 5px 0 !important; padding:5px 0 0 0; border:none; clear:both; width:100%;}
#emergency img {background: #DCA; border: 1px solid #963; padding: 2px; margin: 0 0 5px 3px; float:right; position:relative;}
#newsandevents {position: relative; width: 240px;}
/* Hide from IE5-MAC \*/
*html #newsandevents {height: 1%;}
/* End Hide */
#newsandevents h1 {background: url("/images/h1_newsandevents.gif") no-repeat; height: 24px;}
#newsandevents h1 a {display: block; width: 100%; text-decoration: none; padding: 0; height: 24px;}
#newsandevents li {margin: 5px 0 10px 28px !important; margin: 5px 0 10px 20px; padding-left: 2px; list-style: outside url("/images/li_bullet.gif");}
#newsandevents li.more {list-style: none outside none;}
#feature {margin: 0 0 0 520px !important; margin: 0 0 0 516px;}
#feature h1 {background: url("/images/h1_features.gif") no-repeat; height: 24px;}
#feature img {width: 240px; height: 108px; margin: 0 !important; margin: -13px 0 0 0;}
#feature li {text-align: right; display: block; width: 100%; margin: 3px; font-size: 0.75em;}
#highlights ul, #feature ul {list-style: none;}
#highlights li {margin: 5px 0 15px 0;}
#thedate {position: relative; text-align: left; padding-left: 5px; margin-top: 0 !important; margin-top: -11px; font-size: 11px;} /* this p tag is styled specifically for displaying the date under news for the right hand column. No other text should be styled this small */
#thedate a.medialink {position: relative; font-weight: bold; color: #900; text-decoration: none; float: right; margin-top: -14px !important; display: block; padding-bottom: 10px;}
*html #thedate a.medialink {position: relative; font-weight: bold; color: #900; text-decoration: none; float: right; margin-top: -27px !important; display: block; padding-bottom: 10px;}
#thedate a.medialink:visited {color: #900;}
#thedate a.medialink:hover {color: #F00;}
#footer {position: relative; display: block; width: 760px; text-align: center; border-top: 10px solid #625; font-size: 0.9em;}
#footer ul {list-style: none; padding: 5px;}
#footer li {display: inline; margin: 5px; font-size: 1em;}
#footer address {font-style: normal;}
/* classes */
/* quickhit graphics */
.admissions {background: url("../images/admissions_off.gif") no-repeat; width: 74px;}
.admissions:hover {background: url("../images/admissions_on.gif") no-repeat;}
.alumni {background: url("../images/alumni_off.gif") no-repeat; width: 50px;}
.alumni:hover {background: url("../images/alumni_on.gif") no-repeat;}
.calendars {background: url("../images/calendars_off.gif") no-repeat; width: 70px;}
.calendars:hover {background: url("../images/calendars_on.gif") no-repeat;}
.centers {background: url("../images/centers_off.gif") no-repeat; width: 55px;}
.centers:hover {background: url("../images/centers_on.gif") no-repeat;}
.departments {background: url("../images/departments_off.gif") no-repeat; width: 84px;}
.departments:hover {background: url("../images/departments_on.gif") no-repeat;}
.employment {background: url("../images/employment_off.gif") no-repeat; width: 79px;}
.employment:hover {background: url("../images/employment_on.gif") no-repeat;}
.findaperson {background: url("../images/findaperson_off.gif") no-repeat; width: 89px;}
.findaperson:hover {background: url("../images/findaperson_on.gif") no-repeat;}
.giving {background: url("../images/giving_off.gif") no-repeat; width: 42px;}
.giving:hover {background: url("../images/giving_on.gif") no-repeat;}
/* topnav graphics */
.about {background: url("../images/aboutus_off.gif") no-repeat; width: 67px;}
.about:hover {background: url("../images/aboutus_on.gif") no-repeat;}
.research {background: url("../images/research_off.gif") no-repeat; width: 74px;}
.research:hover {background: url("../images/research_on.gif") no-repeat;}
.education {background: url("../images/education_off.gif") no-repeat; width: 78px;}
.education:hover {background: url("../images/education_on.gif") no-repeat;}
.patient {background: url("../images/patientcare_off.gif") no-repeat; width: 92px;}
.patient:hover {background: url("../images/patientcare_on.gif") no-repeat;}
.community {background: url("../images/community_off.gif") no-repeat; width: 85px;}
.community:hover {background: url("../images/community_on.gif") no-repeat;}
.searchlabel {position: absolute; top: -1000px;}
.caption {font-size: 0.75em; display: block;}
li.more {font-size: 0.75em; text-align: right; display: block; list-style: none outside none;}
p.more {margin: 0; padding: 0; position: relative; font-size: 0.75em; border: 1px solid; text-align: right; margin-left: 100px;}
.moddate {position: relative; text-align: center; width: 760px; margin: 15px 0; font-size: 0.75em; color: #963; font-weight: bold;}
.mediaicons {margin:0; border:none; }
.mediaicons p {margin:0 0 3px 0; text-align:left; font-weight:bold;}
.mediaicons img {padding:0 2px; margin-bottom:-2px;}