﻿body 
{
	margin-top:0px;
	margin-bottom:0px;
	font-family:Arial;
	font-size:12px;
	height:100%;
	/*background-image:url(../images/bg-image.gif);*/
	background-repeat:repeat-y;
	background-position:center;
}
.home-bluebox
{
	height:20px;
	background-color:#7acae4;
	color:#ffffff;
	width:252px;
	font-weight:bold;
	text-align:left;
	border-bottom: 1px solid #000000;
	padding-left: 20px;
}
#featured
{
	width:272px;
	background-image:url(../images/feature-bg-middle.gif);
	/*background-repeat:no-repeat;*/
}

img#home_featured_bottom_image 
{
    position: relative;
    top: 3px;    
}

#featured-inside 
{
	width:235px;
	/*height: 251px;*/
	overflow: hidden;
	text-align:left;
}

#NewsVertical 
{
    float: left;
    width: 240px;
    height: 400px;
	display: block;
	overflow: hidden;
	position: relative;
	padding: 10px;
}

/* Ticker Vertical */
	    #ticker .NewsTitle{
			display: block;
			color: #000000;
			font-size: 12px;
			font-weight:bold;
			margin-bottom:6px;
		}
		#ticker .NewsTitle a:link,
		#ticker .NewsTitle a:Visited {
			display: block;
			color: #000000;
			font-size: 12px;
			font-weight:bold;
			margin-bottom:6px;
			text-decoration:none;
		}
		#ticker .NewsTitle a:hover {
			text-decoration:underline;
		}
		
		#ticker .NewsImg{
			float:left;
			margin-right:10px;
		}
		#ticker .NewsFooter{
			display: block;
			color: #000000;
			font-size: 10px;
			margin:6px 0 14px 0;
		}

#ticker 
{
    position: relative;
    top: 200px;
}

#home-left
{
	width:275px;
	float:left;
}
#home-right
{
	width:414px;
	float:right;
}
#home-right-facts
{
	width:197px;
	float:left;
}
#home-right-programs
{
	width:197px;
	float:right;
}
table.home-right
{
	width:197px;
	margin-top: 30px;
}
table.home-left
{
	width:272px;
	margin-top: 19px;
}
.news
{
	background-color:#98c952;
	height:1px;
}
.facts
{
	background-color:#68c0df;
	height:1px;
}
.programs
{
	background-color:#b81e1e;
	height:1px;
}
.facts-title
{
    color: #575551;
	height:22px;
	font-weight:bold;
}

#flashpanel
{
	background-image:url(../images/bg_flash.jpg);
	background-repeat:no-repeat;
}
#flash
{
	z-index:1;
	_z-index:1; /* show to IE */
}
#topnav
{
	z-index:10;
	_z-index:5; /* show to IE */
}
.background 
{
	background-color:#ffffff;
	background-image:url(../images/background.gif);
	background-repeat:no-repeat;
	height:100%;
}
#content
{
	background-color:#ffffff;
	width:767px;
	vertical-align:top;
}	
.content-bg
{
	background-image:url(../images/content-bg.gif);
	background-repeat:no-repeat;
	padding-right:25px;
	padding-left:25px;
	padding-top:15px;
	_padding-top:1em; /* show to IE */	
	width:594px;
}
.content-bg-noshade
{
	background-image:url(../images/content-bg-noshade.gif);
	background-repeat:no-repeat;
	padding-right:25px;
	padding-left:25px;
	padding-top:15px;
	_padding-top:1em; /* show to IE */	
}
hr
{
	color:#e3dfd8;
	height:1px;
}

h2.ContentHeader
{
	font-family: Arial Narrow, Arial, Sans-Serif;
	font-size:24px;
	color:#00204e;
	margin: 0 0 0 0;
	font-weight:normal;
}
h2.ContentSubHeader
{
	font-family: Arial Narrow, Arial, Sans-Serif;
	font-size:16px;
	color:#d81f2a;
	margin-top:0px;
	font-weight:normal;
	margin-bottom:25px;	
}
.default-callout
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:13px;
	font-weight:bold;
	color: #ffffff;
	text-indent:3px;
	position:absolute;
	top:464px;
	_top:464px; /* show to IE */
}
a:link, a:visited, a:active
{
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:10pt;
	font-weight:normal;
	text-decoration:underline;
	color:#b00606;
}
a:hover, a:visited:hover
{
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:10pt;
	font-weight:normal;
	text-decoration:underline;
	color:#970202;
}
a.homecallout:link, a.homecallout:visited, a.homecallout:active
{
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:8pt;
	font-weight:normal;
	text-decoration:underline;
	color:#b00606;
}
a.homecallout:hover, a.homecallout:visited:hover
{
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:8pt;
	font-weight:normal;
	text-decoration:underline;
	color:#970202;
}
a.footerlink:link, a.footerlink:visited, a.footerlink:active
{
    background-color : transparent;
    color : #68c0df;
    font-family : arial,helvetica,sans-serif;
    font-size : 10px;
    font-weight : normal;
    text-decoration : underline;
}

span.lt_blue 
{
    color: #68c0df;
}

a.footerlink:hover, a.footerlink:visited:hover
{
	background-color : transparent;
	color : #666699;
	font-family : arial,helvetica,sans-serif;
	font-size : 10px;
	font-weight : normal;
	text-decoration : underline;
}
.homepagecallout
{
	background-image:url(../images/homepage-callout-2.jpg);
	background-repeat:no-repeat;
	padding-left:15px;
	padding-right:5px;
	text-align:left;
	font-size:8px;
	font-family:Arial;
	vertical-align:top;
}
.programscallout 
{
	background-image:url(../images/programs_callouts.gif);
	background-repeat:no-repeat;
	text-align: left;
	width:525px;
	height:175px;
	padding-top:30px;
}
.SideBar
{
	font-size:10px;
	padding-left:5px;
	width:152px;
	background-image:url(../images/sidebar.jpg);
	background-repeat:no-repeat;
}

/* MAIN NAV STYLES */
/*div.topNavigation {
	background:#b8af9c;
    width:767px;
	height:24px;
	margin:0 0 0 0;
}


.topNavigation ul {
	margin:0;
	padding:0;
}

.topNavigation li {
	display:inline;	
	float:left;
}
*/
.dthml ul
{
	margin:0;
	padding:0;
}
.dhtml ul li
{
	display:inline;
	float:left;
	margin:0;
	padding:0;
}
.dthml div
{
	overflow:auto;
	height:100%;
	min-height:24px;
	max-height:35px;
}

#mainnav 
{
	background-color: #b8af9c;
	clear:both;
	height:22pt;
	_height:24px; /* show to IE */
	z-index: 5;
}
.mainnav_divider 
{
	float:left;
	width:16px;
	height:24px;
}


.topNavigation 
{
    width:767px;
	height:24px;
	margin-top:1px;
	padding-bottom:0px;
	background-color:#b8af9c;
}

.topNavigation ul {
	margin:0;
	padding:0;	
	background-image:url(../images/topnav-bg.gif);
}

.topNavigation li {
	display:inline;	
	float:left;
}

/*.topNavigation li a {
	display:block;
    padding-bottom:0px;
}
.topNavigation li:hover a img,
.topNavigation li.iehover a img
{
	visibility:hidden;
}
.topNavigation li:hover li a img,
.topNavigation li.iehover li a img
{
	visibility:visible;
}

.topNavigation li ul 
{
	position:absolute;
	z-index:10;
	visibility:hidden;
	width:175px;
	/*top:130px;*/
}
.topNavigation li:hover ul,
.topNavigation li.iehover ul
{
	visibility:visible;
}

.topNavigation li li
{
	position:relative;
	display:inline;
	float:left;
	width:100%;
	background:transparent;
    padding-right:0px;
}

.topNavigation li li a
{
	position:relative;
	display:block;
	z-index:20;
	color:#fff;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:10pt;
	padding:2px 4px;
	-moz-box-sizing:border-box;
	text-align:left;
	text-decoration:none;
	border-bottom:solid 1px #ffffff;
	border-left:solid 1px #ffffff;
	border-right:solid 1px #ffffff;
}
.topNavigation li li a:hover,
.topNavigation li li a:visited,
.topNavigation li li a:active
{
	color:#fff;
	text-decoration:none;
	text-align:left;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:10pt;
}

.topNavigation li li .level_zero_menubg
{
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	height:expression(navIsPreIE7 ? this.parentNode.offsetHeight + 'px' : '100%');
	background-color:#c7c397;
	left:0px;
	text-align:left;
	/*filter:alpha(opacity=70);
	opacity:0.7;*/
}
.topNavigation li li:hover .level_zero_menubg,
.topNavigation li li.iehover .level_zero_menubg
{
	background-color:#d02433;
	text-align:left;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:10pt;
}*/
#navhome:hover,
#navhome.iehover
{
	background: url(../images/topnav_home_over.gif) no-repeat;
}
#navaboutus:hover,
#navaboutus.iehover 
{
	background: url(../images/topnav_aboutus_over.gif) no-repeat;
}
#navimmunology:hover,
#navimmunology.iehover
{
	background: url(../images/topnav_immunology_over.gif) no-repeat;
}
#navprograms:hover,
#navprograms.iehover
{
	background: url(../images/topnav_programs_over.gif) no-repeat;
}
#navgiving:hover,
#navgiving.iehover
{
	background: url(../images/topnav_giving_over.gif) no-repeat;
}
#navevents:hover,
#navevents.iehover
{
	background: url(../images/topnav_events_over.gif) no-repeat;
}
#navpressroom:hover,
#navpressroom.iehover
{
	background: url(../images/topnav_pressroom_over.gif) no-repeat;
}
#navresources:hover,
#navresources.iehover
{
	background: url(../images/topnav_resources_over.gif) no-repeat;
}
#navcontact:hover,
#navcontact.iehover
{
	background: url(../images/topnav_contact_over.gif) no-repeat;
}

#homeMenu_pMenu-root,
#aboutUsMenu_pMenu-root,
#immunologyMenu_pMenu-root,
#programsMenu_pMenu-root,
#givingMenu_pMenu-root,
#eventsMenu_pMenu-root,
#pressroomMenu_pMenu-root,
#resourcesMenu_pMenu-root,
#contactUsMenu_pMenu-root
{
    top: 103px !important;
    height: 24px !important;
    overflow: hidden !important;
    
}

#newsScrollContainer 
{
    position: relative;
    float: left;
}

#newsScrollBar 
{
    float: right;
    width: 10px;
    height: 375px;
    position: relative;
    margin-top: 15px;
}

#newsScrollDown 
{
    display: block;
    width: 10px;
    height: 12px;
    background-image:url('../images/news_scroll_down.gif');
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -999em;
    position: absolute;
    bottom: 0;
}

#newsScrollUp 
{
    display: block;
    width: 10px;
    height: 12px;
    background-image:url('../images/news_scroll_up.gif');
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -999em;
    position: absolute;
    top: 0;
}

#footer 
{
    margin-top: 30px;
}

#flashcontent img 
{
    border: 0;
}
.contentleft
{
	width:156px;
}

.cms400demo_menu a.ekmenu_link 
{
    border-bottom:1px solid #000000;
}
