/*
Ludwig Cancer CSS File
Version: 1.0
Date: November 7, 2006
Author: Josh Carr
Author Website: http://www.joshcarr.com
*/

* {
margin: 0;
padding: 0;
}

body {
background: #61778e url(../images/common/body-bg.gif) repeat-x;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 62.5%; /* Resets 1em to 10px */
color: #000;
text-align: center;
}

hr {
display: none;
}

p, ul {
font-size: 1.1em;
line-height: 1.4em;
}

a:link , a:visited{
color: #61778e;
}

a:hover {
color: #000;
}

#container {
	width: 816px;
	margin: 40px auto 0 auto;
	background: white url(../images/common/container-bg.gif) repeat-y;
	text-align: left;
}

body#news-page #container {
	background: white url(../images/common/container-column-bg.gif) repeat-y;
}

/*****  =HEADER *****/

#header {
	background: url(../images/common/header-bg.gif) no-repeat;
	padding: 3px 3px 0 3px;
}

#header h1{
background: #FFF url(../images/common/h1.gif) no-repeat 50% 50%;
display: block;
float: left;
height: 130px;
width: 270px;
}

#header h1 a{
display: block;
width: 270px;
padding: 130px 0 0 0;
overflow: hidden;
height: 0px !important;
height /**/: 130px;
}

* html #header h1 a {margin-right: -3px;} /*  IE 3px bug fix  */
* html #header h1 {margin-right: -3px;} /*  IE 3px bug fix  */

#header #flash-banner {
display: block;
width: 540px;
height: 130px;
overflow: hidden;
position: relative;

}

* html #header #flash-banner {margin-left: -3px;} /*  IE 3px bug fix  */

/*****  =CENTERS  *****/

#centers {
clear: both;
margin: 0 0 0 3px;
}

#centers h2 {
display: none;
}

#centers ul {
display: block;
width: 540px;
height: 479px;
float: left;
background: url(../images/home/centers.gif) no-repeat;
list-style: none;
}

* html #centers ul {margin-right: -3px;} /*  IE 3px bug fix  */

* html>body #centers ul {float: none; display:inline-block} /*  IE Mac float clear bug fix  */

#centers ul li{
margin: 0;
}

#centers ul li a {
display: block;
padding: 80px 0 0 0;
overflow: hidden;
width: 175px;
background: url(../images/home/visit-link.gif) no-repeat 0 -90px;
height: 0px !important;
height /**/: 80px;

}

#centers ul li a:link, #centers ul li a:visited {
background-position: 0 0;
}

#centers ul li a:hover {
background-position: 0 -90px;
}

#centers ul li#center-licr {
width: 175px;
float: left;
margin: 20px 0 0 180px;
display: inline;
}

* html>body #centers ul li#center-licr {float: none; display:inline-block} /*  IE Mac float clear bug fix  */

#centers ul li#center-licr a:hover {
background-position: 0 -82px;
}

#centers ul li#center-dfh {
width: 175px;
clear: left;
float: left;
margin: 2px 0 0 50px;
display: inline;
}

#centers ul li#center-uc {
clear: none;
width: 175px;
float: left;
margin: 2px 0 0 85px;
display: inline;
}

#centers ul li#center-uc a:hover {
background-position: 4px -90px;
}

#centers ul li#center-mskcc {
width: 175px;
clear: left;
float: left;
margin: 60px 0 0 15px;
display: inline;
}

#centers ul li#center-mskcc a:hover {
background-position: 4px -87px;
}

* html>body #centers ul li#center-uc {float: none; display:inline-block} /*  IE Mac float clear bug fix  */

#centers ul li#center-su {
clear: none;
width: 175px;
float: left;
margin: 60px 0 0 160px;
display: inline;
}

#centers ul li#center-su a:hover {
background-position: 4px -87px;
}

#centers ul li#center-jh {
width: 175px;
clear: left;
float: left;
margin: 40px 0 0 90px;
display: inline;
}

#centers ul li#center-jh a:hover {
background-position: 12px -87px;
}

#centers ul li#center-mit {
clear: none;
width: 175px;
float: left;
margin: 40px 0 0 5px;
display: inline;
}

#centers ul li#center-mit a:hover {
background-position: -10px -87px;
}

* html>body #centers ul li#center-su {float: none; display:inline-block} /*  IE Mac float clear bug fix  */

#centers #timeline {
display: block;
width: 270px;
height: 479px;
margin: 0 0 0 540px;
background: url(../images/home/timeline.gif) no-repeat;
}

* html #centers  #timeline {margin-left: -3px;} /*  IE 3px bug fix  */

* html>body #centers #timeline {float: none; display: inline-block; margin-left: 0} /*  IE Mac float clear bug fix  */

#centers #timeline p{
display: none;
}

/*****  =COLUMNS  *****/

#columns {
padding: 20px 0;
}

#columns #news, #columns #dkl, #columns #trustees   {
float: left;
width: 230px;
margin: 0 20px;
display: inline;
}

.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }

#columns h2{
padding: 30px 0 0 0;
overflow: hidden;
height: 0px !important;
height /**/: 30px;
}

#columns #news h2 {
background: url(../images/home/thegift.gif) no-repeat;
}

#columns #dkl h2{
background: url(../images/home/dkl.gif) no-repeat;
}

#columns #trustees h2 {
background: url(../images/home/trustees.gif) no-repeat;
}

#columns #news h3 {
font-size: 1.1em;
line-height: 1.4em;
margin-bottom: 1.4em;
}

#columns #news h3 a:link, #columns #news h3 a:visited {
color: #000;
text-decoration: none;
}

#columns #news h3 a:hover {
color: #000;
text-decoration: underline;
}

#columns #trustees ul {
list-style: none;
}

#columns #trustees em {
padding-left: 1ex;
}

/*****  =SIDEBAR  *****/

#sidebar {
float: left;
width: 230px;
margin: 20px 20px 0 5px;
padding: 0 0 20px 0;
display: inline;
}


#sidebar ul li a:link, #sidebar ul li a:visited{
text-decoration: none;
color: #000;
}

#sidebar ul li a:hover{
text-decoration: underline;
color: #000;
}

#sidebar ul li {
margin: 1.5ex 0;
list-style: none;
font-size: 1.4em;
text-transform: uppercase;
letter-spacing: .2ex;
}

#sidebar ul li ul li {
margin-left: 25px;
font-size: .7em;
text-transform: none;
letter-spacing: 0;
line-height: 1em;
}

#sidebar ul li a#nav-home {
display: block;
background: url(../images/common/nav-home.gif) no-repeat;
padding: 20px 0 0 0;
overflow: hidden;
height: 0px !important;
height /**/: 20px;
}

#sidebar ul li a#nav-news {
display: block;
background: url(../images/common/nav-news.gif) no-repeat;
padding: 20px 0 0 0;
overflow: hidden;
height: 0px !important;
height /**/: 20px;
}

#sidebar ul li a#nav-dkl {
display: block;
background: url(../images/common/nav-dkl.gif) no-repeat;
padding: 20px 0 0 0;
overflow: hidden;
height: 0px !important;
height /**/: 20px;
}

#sidebar ul li a#nav-home:link, #sidebar ul li a#nav-home:visited{
background-position: 0 0;
}
#sidebar ul li a#nav-home:hover{
background-position: 0 -43px;
}

#sidebar ul li a#nav-news:link, #sidebar ul li a#nav-news:visited{
background-position: 0 0;
}
#sidebar ul li a#nav-news:hover {
background-position: 0 -43px;
}

#sidebar ul li a#nav-dkl:link, #sidebar ul li a#nav-dkl:visited{
background-position: 0 0;
}
#sidebar ul li a#nav-dkl:hover{
background-position: 0 -43px;
}

#sidebar ul li.this-page  a#nav-news:link, #sidebar ul li.this-page  a#nav-news:visited, #sidebar ul li.this-page  a#nav-news:hover , #sidebar ul li.this-page  a#nav-dkl:link, #sidebar ul li.this-page  a#nav-dkl:visited, #sidebar ul li.this-page  a#nav-dkl:hover {
background-position: 0 -43px;
}

/*****  =CONTENT  *****/

#content {
width: 500px;
margin: 20px 20px 0 290px;
padding: 0 0 20px;
}

#content h2 {
font-size: 2.6em;
font-weight: normal;
color: #61778e;
}

#content h3 {
font-size: 1.9em;
font-weight: normal;
font-style: italic;
}

#content p {
margin: 1.1em 0;
}

#content .centers-directors {
background: #EBEDF0;
margin: 0 20px;
padding: 20px 20px;
}

#content blockquote {
background: #EBEDF0;
margin: 0 20px;
padding: 20px 20px;
}

/*****  =FOOTER  *****/

#footer {

margin: 0 auto;
padding: 20px 0;
text-align: center;
width: 816px;
background: url(../images/common/footer-bg.gif) no-repeat 50% 0;
color: #FFF;
}

#footer ul li{
list-style: none;
display: inline;
padding: 0 20px;
}

#footer a:link , #footer a:visited{
color: #FFF;
}

#footer a:hover {
color: #000;
}

/*****  =MISC.  *****/

.pdf {
margin: 1.1em 0 0 0;
background: url(../images/common/icon_pdf_left.gif) no-repeat;
padding-left: 35px;
height: 2em;
}