body { background:#eff0f6 url(../images/body_bg.png) repeat-x; }

#container {
	background-color:#ffffff;
	width:917px;
	margin:0px auto;
	position: relative;
	padding-bottom: 2px;
}

#header { width:100%; height:100px; overflow:hidden; }
 #topBanner { width: 100%; overflow:hidden; }

#logo { float:left; width:273px; height:118px; }
#donate { float:right; width:90px;height:108px; }
#header #top_links { color: #444fa2; font-size: 11px; position:absolute;right:10px; top: 16px; text-align: right; }
#header #top_links a { color: #444fa2; font-size: 11px;  text-decoration: none; padding-left: 5px; padding-right: 5px; } /* I tried 11px for size */
#header #top_links a:hover { color: #444fa2; font-size: 11px;   text-decoration: underline; }
#top_search {
	background:url(../images/search_bg.png) no-repeat;
	height:33px;
	width:415px;
	float:right;
	padding:0; margin:35px 0 8px 0;
	overflow:hidden;
}
#top_search div.donate_button { float: right; margin: 1px 1px 0 0;}
#top_search div.search_buttons { float: right; }
#top_search div.search_buttons a { margin:0 6px; }
#top_search table { float:left; width:295px; height:33px; }

input.input_text {
	background: #fff url(../images/inputText_bg.png) top left no-repeat;
}

input.input_button {
	background: #2b3360 url(../images/inputButton_bg.png) top left repeat-x;
	border: 2px solid #757575;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}

#sbBreadCrumb { margin:0 0 5px; }

.cntbrdcrm { padding: 6px 0 0 21px; }

#main {	background: #fff url(../images/content_bg.png) top left no-repeat; padding-top: 8px; }
body.index #main { background: none; padding: 0; }

#colLeft {
	float:left;
	width:205px;
	margin:0; padding:0;
	position:relative;
	height: auto;
}
#colLeft .padding { padding:0; }

#content { margin: 10px 10px 0 210px; zoom:1; }

body.index #content { background: #fff url(../images/content_index_bg_t.png) top left no-repeat; }

#pageHeader {
	height: 74px;
	background: #6a77c7 url(../images/pageHeader_bg.jpg) top left no-repeat;
	position: relative;
}
#pageHeader h1, #pageHeader a.h1 {
	position: absolute;
	top: 20px;
	left: 23px;
	font-family:  "Times New Roman", Times, serif;
	font-size: 2.5em;
	font-weight: normal;
	color: #fff;
}
#pageHeader #quicklink {
	position: absolute;
	top: 32px;
	right: 30px;
}

#contentLeft { margin-right:178px; }
#contentLeft .padding { padding-top:0; }
#contentRight {
	float:right;
	width:178px;
	margin:0; padding:0;
	position:relative;
}
#contentRight .other 
{
	background: #f3f3f8;
	padding:0 0 10px 15px; margin:0;
}
#contentRight .other .otherItem 
{
	padding:15px 10px 15px 0;
	zoom:1;
}
#contentRight .other .otherItem h4 { color:#4b569d; margin-bottom:5px; }

#contentRight ul.other {list-style:none;}
#contentRight ul.other li
{
	background:url(../images/dots.gif) repeat-x bottom;
	padding: 3px 0; margin:0;
}
#contentRight ul.other li a
{
	background:url(../images/bullet_green.gif) center left no-repeat;
	padding:0 0 0 8px; margin:0;
	color:Black;
	display:block;
	text-decoration:none;
}
#contentRight ul.other li.selected a {font-weight:bold;}

#myChartLogin_container {
	padding: 8px 0;
}
#myChartLogin {
	display:block;
	background: #9facec;
	width:158px; height:84px;
	overflow:hidden;
	color:White;
	padding: 0 10px 10px 10px;
	position:relative;
	border: 1px solid #ccc;
}
#myChartLogin input { float:left;clear:left; margin:0 5px 3px 0; }
#myChartLogin input.input_text { clear: none; margin-bottom: 8px; }
#myChartLogin div, #myChartLogin a { display:block; text-align:center; color:White; }
#myChartLogin div { margin-top:3px; }

body.index #myChartLogin {
	background:url(../images/chart_login_bg.png) repeat-x;
	width: 630px; height:31px;
	padding:0;
}
body.index #myChartLogin input { margin:5px 5px 0 5px; padding:0; }
body.index #myChartLogin * { display:inline; float:none; clear:none; vertical-align:middle; margin:0 5px 0 5px; }
#myChartLogin div, #myChartLogin a { font-size:1.1em; }
body.index #myChartLogin div { margin-left:9px; }

#glossary_letters { margin-top:.5em;}
#glossary_letters a { color:#00a0ae; text-decoration:none; padding:0 .4em; border-right:solid 1px #00a0ae; font-family:Arial; font-size:1em;}
#glossary_letters a.first {}
#glossary_letters a.last {border-right:none;}
#glossary_letters a.selected { background-color:#3B447C; color:white; }

#glossary {}
#glossary .glossary_col { float:left; padding-right:20px; }
#glossary .glossary_col table {margin:15px 0 0 0; width:250px; border-collapse:collapse;}
#glossary .glossary_col table td {padding:0 0 0 10px; background:url(../images/arrow.gif) no-repeat left center;}
#glossary .glossary_col a {color:#000;text-decoration:none;}
#glossary .glossary_col table td div {height:14px;}
#glossary .glossary_col table td div p { overflow:hidden; z-index:1; position:relative; margin:0; padding:0; width:100%; height:14px; }
#glossary .glossary_col table td:hover div p {
	overflow:visible;
	height:auto;
	width:255px;
	position:absolute;
	background:#FFFFFF;
	z-index:5;
	margin:-4px 0 0 -4px;
	padding:3px;
	border:solid 1px #aaaaaa;
}
.glossary_details {}
.glossary_details h3.item {}
.glossary_details h4.page { color:#7ab800; font-weight:bold; font-size:1.2em;}
.glossary_details p.description {}

/* NEWS & MEDIA */
.story 
{
	overflow:auto;
	margin:0 0 2px;
	padding:4px 10px 4px 20px;	
	background-color: #e9eaed;
}
.story a img {float:left; margin:0 .5em 1em 0;}
.story.alt { background-color: #f6f7fa; }
.story a.h4 { color:000; margin-bottom:.25em; }

.news_header {
	position: relative;
	border-bottom: 1px solid #d3d7e6;
	margin-bottom: 8px;
}
.news_header h3 {
	margin-bottom: .6em;
	padding-bottom: 0;
}

.news_header img {
	position: absolute;
	bottom: 4px;
	right: 2px;
}

.news_date {color:#8fc957;font-weight:bold;font-size:1.1em; margin-bottom: 0; }

#news_left { width:250px; float:left; }
#news_left #news_flash { text-align:center; }
#news_left ul
{
	margin:0; padding:0;
	border-top:solid 1px #b3bce7;
}
#news_left ul li
{
	list-style:none;
	margin:0; padding:0;
	background-color:#e3e5ef;
	border-bottom:solid 1px #b3bce7;
	height:24px; overflow:hidden;
}
#news_left ul li a { display:block; height:16px; margin:4px; text-decoration:none; color: #414ca0; }
/* Dre Edit 090819 */
/*#news_left ul li a img { border:none; vertical-align:middle;width:16px;height:16px; }*/
#news_left ul li a img { border:none; vertical-align:middle; }

#news_right {
	float: right;
	width: 635px;
	background: #fff;
}

#news_right #backBtnRight {
	float: right;
	width: 135px;
	margin: 0;
	padding: 0;

}


#news_images img { float:left; margin:0 5px 5px 0; border:solid 1px black;}
#news_image {background-color:#e2e4ee; padding: 5px;}
.space_bar {margin:10px 0;border-bottom:solid #EBE6D0 1px;}

/* PUBLICATIONS */
#publication_form {padding-bottom:10px; margin-bottom:10px;}
#publication_form select {float:left; margin-left:15px;}
#publication_form {}

.pub_paging {float:right; margin:0; padding:0;}
.pub_paging li {list-style-type:none; float:left; padding:2px 4px; border-left:solid 1px #2D53A4;}
.pub_paging li a{text-decoration:none; color:#2D53A4;}
.pub_paging li.selected { background-color:#2D53A4;}
.pub_paging li.selected a{font-weight:bold; color:#FFFFFF;}

.publication {margin-bottom:10px; padding:10px;}
.publication img.main {float:left; margin:0 10px 5px 0;}
.publication h3, .publication a.h3, .publication a:link.h3, .publication a:visited.h3, .publication a:hover.h3, .publication a:active.h3 { color:#2E54A5; }

.publication a.file {display:block;}
.publication a.file  img{}

/* CALENDAR OF EVENTS */
#calendarContent {}
#calendarContent .arrow { float: left; margin-top: 75px; }
#calendarContent .calendar {
	background-color: #F4F4F4;
	padding: 8px;
	width: 26%;
	margin: 9px;
	float: left;
}
#calendarContent .calendar table { background-color: #E9E9E9; border-spacing: 2px; }
#calendarContent .calendar table th { color: #C9C4B0; }
#calendarContent .calendar table th.theading { color: #897B3C; }
#calendarContent .calendar td {
color:#000000;
background-color: #f4f4f4;
border: 1px solid #c7dcef;
text-align: center;
vertical-align:middle;
padding: 4px;
}
#calendarContent .calendar .empty { background-color: #e9e9e9; border: 1px dashed #c7dcef;}
#calendarContent .calendar .today { border-bottom:1px solid #0c66ba; }
#calendarContent .calendar .none { border: 1px solid #0c66ba; }
#calendarContent .calendar .event { font-weight: bold; border: 1px solid #0c66ba; }
#calendarContent .calendar .multi { font-weight: bold; border: 1px solid #0c66ba; background-image:url(../images/calendar/multi.bmp); }
#calendarContent .calendar a:link, #calendarContent .calendar a:visited { color: #000; text-decoration: none; }
#calendarContent #Legend { background-color: #7FC042; margin-bottom:1em; }
#calendarContent #Legend h3 { margin:0; padding:.5em 1em; color:#FFFFFF; }
#calendarContent #Legend ul { background-color: #C9E1A7; margin:0px; padding:.75em 2em; overflow:auto; }
#calendarContent #Legend ul li { list-style: none outside; float: left; width:25%; padding:.25em 0; }
#calendarContent #Legend ul li span { float: left; margin-right: 1em; width:1em; height:1em;}

#calendarContent .monthListing { background-color: #f4f4f4; margin-bottom: 10px; padding: 5px; }
#calendarContent .monthListing h3 { margin:0; padding:.5em 1em; }
#calendarContent .monthListing table td { background-color: #e5e6e8; margin-bottom: 10px; padding: 5px; }
#calendarContent .monthListing table tr.main td.cat { width:20px; }
#calendarContent .monthListing table tr.main td.cat span { display:block; width:1em; height:1em; }
#calendarContent .monthListing table tr.main td { border-top:3px solid #F3F1E4; }
#calendarContent .monthListing table tr.main td.more { text-align:right; cursor:pointer; width:1px; font-size: 10.5px; font-weight: bold; color: #517E29;}
#calendarContent .monthListing table tr.main td.time { font-weight:bold; }
#calendarContent .monthListing table tr.main td.loc { font-style:italic; }
#calendarContent .monthListing .eReg {display:block; text-align:right; margin:0 0 .5em; padding-right:2em; border-bottom:solid 1px #C9E1A7; cursor:pointer;}

#footer { height: 56px; background:url(../images/footer_bg.png) no-repeat left top; color: #4651a3; margin: 10px; font-size: .9em; border: 1px solid #d3d3d3; }
#footer a { color: #4651a3; }
#footer li.foundationLink { padding-left: 0; }
#footer li.foundationLink a { color: #a1c85e; }

#bottom_links 
{
	float:left;
	width:520px;
	margin: 15px 0 0 158px;
}
#bottom_links ul 
{
	display:inline;
	list-style:none;
	padding:0;
	margin:0;
}
#bottom_links ul li 
{
	display:inline;
	list-style:none;
	border-right:solid #4651a3 1px;
	text-align:center;
	padding:0 10px;
}
#bottom_links ul li a 
{
	color:#3b489d;
	text-decoration:none;
}

#ds-left,#ds-right { width:14px;height:780px;position:absolute;top:0; }
#ds-left { left:-24px;background:url(../images/ds-left.jpg) no-repeat; }
#ds-right { right:-24px;background:url(../images/ds-right.jpg) no-repeat; }


.team_member_block { margin-left:20px; }
.team {}
.team .group {}
.team .group h4 {color:#4C569D;margin-bottom:.5em;}
.team .group a {display:block;margin-bottom:.25em;}
.team_member .name {font-size:1.3em;font-family:times;font-weight:bold;}
.team_member .department_section .url a :link{font-weight:bold;}

/************************/
/* Styles for Home Page */
/************************/

#disease_lookup 
{
	background: #fff url(../images/homeBoxLeftDCTP_bg.png) no-repeat left top;
	width:397px;
	height:99px;
	margin-left: 11px;
	position: relative;
}

#disease_lookup p {
	margin: 8px 0 0 0;
}

#letters {
	font-family:Arial, Helvetica;
	color:#2c55a6;
	font-weight:normal;
	font-size:12px;
}
#letters a {
	font-family:Arial, Helvetica;
	color:#2c55a6;
	font-weight:normal;
	font-size:1.1em;
	text-decoration:none;
	margin:0;
}

.indexBox
{
	float:left;
	margin: 9px 12px 0 0;
	position:relative;

}
.indexBox h2.indexBoxTitle, .indexBox a.h2.indexBoxTitle 
{
	/*font-size:1.3em;*/
	font-size:16px;
	color:#3a3c90;
	font-weight:normal;
	font-family: Tahoma, Arial, sans-serif;
	letter-spacing:1px;
	position:absolute;
	top:5px; left:12px;
}

.indexBox .subscribe { position:absolute; top:8px; right:8px; }
.indexBox .innerPush {padding:46px 8px 8px;}
.indexBox .inner {overflow:hidden;}

#upcomingEvents
{
	width:397px; height:200px;
	margin-left: 11px;
	/*background:url(../images/upcoming_events_bg.gif) no-repeat left top;*/
	background: #fff url(../images/homeBoxLeft_bg.png) no-repeat left top;
}
}
#upcomingEvents .inner { height:155px; }
#upcomingEvents .ueb { margin-bottom:5px;}
#upcomingEvents .ueb td { vertical-align:bottom; }
#upcomingEvents .ueb a.h3 { font-size:1em; }
#upcomingEvents .ueb a.h4 { font-size:.9em; text-transform:uppercase; }


/* Panels */
#Panel1
{
	width:898px; height:100px;
	overflow:hidden;
	margin-left: 11px;
	margin-bottom: 0px;
	/*background: #fff url(../images/homeBoxLeft_bg.png) no-repeat left top;*/
	background-color:#FFFFFF;
}
#Panel1 .inner { padding: 8px 8px 8px 8px; }


#Panel2 {
	width:208px; height:200px;
	background: #fff url(../images/homeBoxCenter_bg.png) no-repeat left top;
	/*background:url(../images/sunny_connection_bg.gif) no-repeat left top;*/
	/*background-color:#060;*/
	
}
#Panel2 .inner { padding: 8px 8px 8px 8px; }

#Panel3 {
	width:267px; height:200px;
	/*background: #fff url(../images/homeBoxRight_bg.png) no-repeat left top;*/
	background-color:#FFFFFF;
	margin-right:0;
	padding: 5px;
}
#Panel3 .inner { height:155px;  }

#Panel4 { float:right; margin:8px 8px 0 0px; width:270px;; height:389px; background-color:#ffffff; min-height:389px; }
#Panel4 .inner { padding: 8px 8px 8px 8px; }


#connection {
	width:489px; height:200px;
	/*background:url(../images/sunny_connection_bg.gif) no-repeat left top;*/
	background: #fff url(../images/homeBoxConnection_bg.png) no-repeat left top;
	margin-right:0;
}
#connection .inner { height:155px; }
#connection td a {
	color:#3b489d;
	font-family:Arial;
	text-transform:uppercase;
	text-decoration:none;
}

#connection td.connection_links a {
	color: #2c55a6;
	font-size: .8em;
}

#section1 { float: left; }

#latestNews
{
	width:396px; height:283px;
	margin-left: 11px;
	background: #fff url(../images/homeBoxLeft_bg.png) no-repeat left top;
}
#latestNews .inner { height:233px; }
#latestNews .nib { /*overflow:hidden; height:5em;*/ margin-bottom:0px; clear:left; }
#latestNews .nib div.nid { height: 4.4em; line-height:1.1em; overflow:hidden; }
#latestNews .nib div.nid p { display:inline; margin:0; }
#latestNews .nib div.nid a { text-decoration:underline; color:#3a3c90; }
#latestNews .nib a.nii{float:left; margin:0 1em 1em 0; width:8em; background-color:transparent; text-align:center;}
#latestNews .nib a.h4{margin:0; padding:0; color:#3a3c90; font-size:1em; text-decoration: underline;}
#latestNews .nib a:visited.h4{ color:#3a3c90; text-decoration: underline;}
#latestNews .nib a:hover.h4{  color:#3a3c90; text-decoration: none;}
#latestNews .nib a:active.h4{  color:#3a3c90; text-decoration: underline;}

#customBox
{
	float:left;
	width:207px; height:389px;
	/*background:url(../images/extra_panel_bg.gif) no-repeat left top;*/
	background: #fff url(../images/homeBoxCenter_bg.png) no-repeat left top;
}
#customBox .inner { height:338px; }
#socialbuttons { float:right; margin:4px 0px 0px 0px; padding: 5px 0 0px 0; width:278px; height:31px; background-color:#FFFFFF;  } /* top margin set to MyChart contain top margin */
a.social:link, a.social:visited, a.social:active {
text-decoration:none;
}
#accordian { float:right; margin:8px 8px 0 8px; width:262px; height:424px; }

.roundBorder { background: #fff; width:100%; margin:0; }
.roundBorder thead td { font-size:0; line-height:0; height: 0; }
.roundBorder tfoot td { font-size:0; line-height:0; height:10px; }
.roundBorder .bl, .roundBorder .br { width: 0; }
.roundBorder .bm { width:auto; }

.noBlueBar {
	background: #fff url(../images/content_noBlueBar_bg.png) top left repeat-x;
	border-top: none;
}

.headerBar { width:100%;  margin:0; margin-bottom:10px; }
.headerBar thead td { font-size:0; line-height:0; height: 0; }
.headerBar tfoot td { font-size:0; line-height:0; height: 0; }
.headerBar .bl, .headerBar .br { width: 0; }
.headerBar .bm { width:auto; }
.headerBar tbody .bm { background-color:#556cb2; padding: 8px 14px; }
.headerBar tbody .bm * { color:#fff; }
.headerBar tbody .bm a.h1 { color:#fff; font-size: 1.3em; }
.headerBar tfoot div.bs 
{
	width:100%;height: 0;
}


.buttonLink { display:block; margin:0 0 10px; }

body.noLeft #content { margin:0; padding: 4px 8px; }
body.index #content { margin:0; padding: 0; }

body.noStructure {}
body.noStructure #content,
body.noStructure #header,
body.noStructure #footer,
body.noStructure #menu
{
	display:none;
}


a.glo:link, a.glo:visited, a.glo:active {
border-bottom:1px dashed #3B489D;
color:#000000;
text-decoration:none;
}

a.glo:hover {
border-bottom:2px solid #3B489D;
color:#000000;
text-decoration:none;
}
 #addThisRight {
	float: right;
	width: 130px;
	height: 20px;
	padding: 0;
	
	
}