@charset "UTF-8";
/* CSS Document */
@import url('reset.css');  

.facultyName { font-weight:bold }
.facultyAffiliation {}
.facultyLocation {}
.facultyPosition {font-style:italic;}



.preSymposiaCourseName {
	font-size: 1.2em;
	font-style: bold;
	line-height:1.15em;
}
.preSymposiaDate {

	font-style:italic;
	}


.deadlineDate {
	font-size: 1.125em;
	font-style:oblique;
	font-weight:bold;
	display:block;
	clear:both;
	margin-bottom:5px;
}

.deadlineInformation {
	font-size: 1.1em;
	padding-left:15px;
	margin-bottom:15px;
}

.subHeading {
	font-weight:bold;
	font-size:1.2em;
	color:#293988;
}

.indent {
	padding-left:15px;
}
.highlight {color: #011eb1;}

.italic { font-style:italic; }

.bold { font-weight:bold}

.lowerNavigation {
	color:#b11f26;
}

.copyright {
	font-size:.9em;
	color:#293988;
}

.activePage {
	color:#011eb1;
}

.red {
	color:#b11f26;
}

a:link, a:visited {
	color:#b11f26;
}

a:hover {
	color:#011eb1;
}

body {
	font-size: 100%;
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
    line-height:1.125em;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

/*  --- DIVS --- */
div#container {
	width: 900px;  /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

div#header {
	width:90%;
	float:left;
	margin:0px;
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

div#controlBar {
	margin-top: 5px;
	width:100%;
	height:205px;
}

body.faculty div#mainContent {
	padding-top: 30px;
	background-position:top;
	height:auto;
}

div#slideShow {
	background-image:url(../images/slideShowStill.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width: 658px;
	height:205px;
	margin-left:auto;
	margin-right:auto;
	float:left;
	top:0px;
	left:0px;
}

div#navigation {
	background-image:url(../images/navigationBar.png);
	background-position:left;
	background-repeat:no-repeat;
	height:205px;
	width: 241px;
	float:right;
	top:0px;
	right:0px;
}

div#contentHeader {
	width: 100%;
	text-align:center;
	margin: 15px 0px 15px 0px;
}

body.contactus div#contentHeader, body.venue div#contentHeader{
	margin-bottom: 45px;
}

div#splashNavigation {
	position:relative;
	top: -10px;
	width: 100%;
	height: 100%;
}

div#mainContent {
	width:90%; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	/*float:left;*/
	margin-right: auto;
	margin-left: auto;
	height:487px; 
	font-size:.8em;
	background-image:url(../images/mainContentBG.png);
	background-position:center;
	background-repeat:no-repeat;
}

body.preSymposia div#mainContent {
	font-size:1em;
}

body.abstractSubmitter div#mainContent {
	font-size:.9em;
}

body.abstractSubmitterThanks div#mainContent
{
	font-size:.9em; 
	line-height:1.5em;
}


body.support div#mainContent {
/*	background-image:none; */
}

body.information div#mainContent{
	text-align:center;
	height:450px;
}

body.informationIntl div#mainContent, body.informationGen div#mainContent{
	text-align:left;
	height:auto;
}

div#mainContentLeftColumn {
	float:left;
	width:400px;
	padding-left:7px;
	top:0;
	left:0;
}

div#mainContentRightColumn {
	float:right;
	width:400px;
	top:0;
	right:0;
	/*padding-right:7px;*/
}

body.contactus div#mainContentRightColumn {
	position:relative;
	margin-top:155px;
	right:90px;
	width:200px;
	font-size:1.125em;
}

body.venue div#mainContentRightColumn {
	padding-top:36px;
}
/*
body.venue div#mainContentLeftColumn {
	background-image:url(../images/westinImage.jpg);
	background-repeat:no-repeat;
	background-position:right;
	height:230px;
}
*/
body.contactus div#mainContentLeftColumn {
	background-image:url(../images/logoText.png);
	background-position:left;
	background-repeat:no-repeat;
	position:relative;
	left:50px;
	top:-15px;
	height:182px;
}

div#CDLeft, div#PDCLeft, div#PDSLeft, div#PCLeft, div#AdditionalCardiologyLeft, div#AdditionalSurgicalLeft {
	text-align:right;
	float:left;
	width:45%;
	left:0;
	margin-bottom:15px;
}

div#CDRight, div#PDCRight, div#PDSRight, div#PCRight, div#AdditionalCardiologyRight, div#AdditionalSurgicalRight {
	float:right;
	width:45%;
	right:0;
	margin-bottom:15px;
}

div#advertising{
	position:relative;
	height:60;
	}

div#footer{
	position:absolute;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	width:830px;
	top:650px;
	font-size:.8em;
	padding: 0 10px;
}


body.faculty div#footer, body.information div#footer, body.preSymposia div#footer, body.informationIntl div#footer, body.informationGen div#footer, body.agendaPDFs div#footer {
	position:relative;
	top:0;
}


body.informationMain div#footer {
	top:800px;
}

body.informationIntl2 div#footer {
	top:1275px;
}

body.informationDallas div#footer {
	top:975px;
}

body.venue div#footer {
	position:absolute;
	top:1150px;
}

body.main div#footer {
	position:absolute;
	top: 970px;
	/*
	position:absolute;
	top:715px;
	*/
}

body.abstractSubmitterThanks div#footer {
 	position:absolute;
	top:600px;
}
body.abstractSubmitter div#footer {
	position:absolute;
	top:1250px;
	}
body.program div#footer{
	top:715px;
}

body.otherSocieties div#mainContent {
	height:487px;
	}
body.otherSocieties div#footer{
	position:absolute;
	top:715px;
	}

/*  --- END DIVS --- */

/*  --- SELECTORS --- */
div#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	text-align:center;
	font-size:1.5em;
	color:#b11f26;
}

h2 {
	text-align:center;
	font-size: 1.3em;
}



div#contentHeader p {
	margin:0;
	font-size: 1.25em;
	color:#b11f26;
}

body.faculty div#contentHeader p {
	pargin:0;
	font-size:1.1em;
}

div#mainContent ul {
	margin-top:10px;
	margin-bottom:20px;
}

div#mainContent p {
	margin-bottom:10px;
}

div#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

div#footer a {
	text-decoration:none;
}

/*  --- END SELECTORS --- */

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



/* BANNER SWAPPING */
#rotating-item-wrapper {
	position: relative;
	margin-right:auto;
	margin-left:auto;
	width: 435px;
	height: 60px;
}
.rotating-item {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

/* NAVIGATION ROLLOVER */

a.program, a.faculty, a.information, a.industrySupport, a.venue, a.contactUs, a.registerNow  {
	background:url(../images/navigation3.png) no-repeat left top;
	float:left;
	width:240px;
	margin:0;
	padding:0;
	overflow: hidden;  
	text-indent: -10000px;  
	font-size: 0px;  
	line-height: 0px;  
	height:30px;
}

a.program { background-position: 0px 0px; }
a.faculty { background-position: 0px -30px; }
a.information {	background-position: 0px -60px; }
a.industrySupport { background-position: 0px -90px; }
a.venue { background-position: 0px -120px; }
a.contactUs { background-position: 0px -150px; }
a.registerNow {	background-position: 0px -180px; }

a:hover.program { background-position: -240px 0px; }
a:hover.faculty { background-position: -240px -30px; }
a:hover.information { background-position: -240px -60px; }
a:hover.industrySupport { background-position: -240px -90px; }
a:hover.venue { background-position: -240px -120px; }
a:hover.contactUs { background-position: -240px -150px; }
a:hover.registerNow { background-position: -240px -180px; }

body.program #navigation a.program { background-position: -481px 0px; }
body.faculty #navigation a.faculty { background-position: -481px -30px; }
body.information #navigation a.information { background-position: -481px -60px; }
body.support #navigation a.industrySupport { background-position: -481px -90px; }
body.venue #navigation a.venue { background-position: -481px -120px; }
body.contactus #navigation a.contactUs { background-position: -481px -150px; }
body.registerNow #navigation a.registerNow { background-position: -481px -180px; }


a.learnMore, a.register {
	background-repeat:no-repeat;
	background-position: left top;
	width:151px;
	height:49px; 
	margin:0;
	padding:0;
	overflow: hidden;  
	text-indent: -10000px;  
	font-size: 0px;  
	line-height: 0px;  
}

a.learnMore {
	float:left;
	background-image:url(../images/learnMore.png);
	margin-left:50px;
}

a.register {
	float:right;
	background-image:url(../images/register.png);
	margin-right:50px;
}

a:hover.learnMore { background-position: -151px 0px; }
a:hover.register { background-position: -151px 0px; }