/*BASE*/
html{background:#FFF3CA;}body{margin:0;padding:0;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}ol li{list-style: decimal outside;}ul li {list-style: disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}
/*MAIN*/
body{background: #fff3ca url(../images/layout/background.jpg) repeat-x;font-family:Geneva, Arial, Helvetica, sans-serif;color:#4D72AC;}
#wrapper
{
	margin: -12px auto 0;
	padding: 10px 0;
	width: 973px;
}
.fRight
{
	float: right;
}

/* LOGO */
#logo
{
	margin-top: -10px;
	margin-left: -97px;
	float: left;
	height: 293px;
	width: 459px;
	position: absolute;
	background: transparent url(../images/layout/logoBg.jpg) no-repeat;
}
#logo img
{
	margin: 20px 0 0 101px;
}

/* NAV */
#nav
{
	position: relative;
	margin: 80px 0 0 270px;
	height: 30px;
	z-index: 100000;
}
#nav ul
{
	margin: .5em 0 0;
}
#nav a
{
	display: block;
	color: #4D72AC;
	line-height: 28px;
}
#nav li
{
	float: left;
	margin-right: 1.3em;
	list-style: none;
}
#nav li ul {
	position: absolute;
	left: -999px;
	width: 12em;
}
#nav li ul li
{
	font-size: .7em;
	border: 1px solid #fff;
	background: url(../images/layout/dropdownBg.gif) no-repeat;
	display: block;
	width: 17em;
}
#nav li ul li:hover
{
	background: url(../images/layout/dropdownBg-hover.gif) no-repeat;
}
#nav li ul li a:hover
{
	color: #FFFFFF;
}
#nav li ul li a
{
	padding: 0 5px;
}
#nav li:hover ul
{
	left: auto;
	top: 12px;
	text-align: left;
	margin-left: -15px;
	z-index: 10000000;
}
#nav ul li img
{
	margin: 0px;
}
#nav .imgLink
{
	border: none;
}
#nav .navLinks
{
	border: none;
	position: relative;
	top: -2.5px;
}

/* FOOTER */
#footer
{
	clear: both;
	text-align: center;
	font-size: .8em;
	padding-top: 10px;
}
#footer ul
{
	margin: 0;
	padding: 0;
}
#footer ul li
{
	display: inline;
	margin-left: 25px;
}
#footer ul li:first-child
{
	margin-left: 0;
}

/* CONTENT */
#contentWrapper
{
	clear: both;
	position: relative;
	top: 10px;
	z-index: 1;
}
#contentLeft, #contentRight, #contentCenter
{
	float: left;
	margin: 0 4px;
}
#contentLeftTop, #contentLeftBot, #contentRightTop, #contentRightBot, #contentCenter
{
	border: 1px solid #ccc;
	margin-bottom: 10px;
	height: 250px;
	background-color: #fff;
}
#contentCenter
{
	width: 540px;
	height: 425px;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
}
#contentCenter .researcherImg
{
	margin-right: 2em;
	padding-left: .75em;
	padding-bottom: .75em;
}
#movieWrapper
{
	position: relative;
	width: 500px;
	height: 320px;
	margin: 0 20px;
}
#movieWrapper #mPlayer
{
	position: relative;
	z-index: 1;
	visibility: visible;
}
#movieWrapper object
{
	position: absolute;
	z-index: 1;
}

/* SIDE CONTENTS */
#contentLeft, #contentRight
{
	margin-top: 25px;
}
#contentLeftTop, #contentLeftBot, #contentRightTop, #contentRightBot
{
	width: 201px;
	height: 180px;
}
#contentLeftTop ul, #contentLeftBot ul, #contentRightTop ul, #contentRightBot ul
{
	margin: 0 .75em 0 -.5em;
	padding-top: 0;	
}
#contentRightTop h3, #contentLeftBot h3
{
	margin:1em 20px 0;
	text-decoration:underline;
	font-size: .75em;
}
#contentLeftTop p, #contentLeftBot p
{
	margin: 0 1.7em 1em;
	font-size: .75em;
}
#contentLeftTop img
{
	border: none;
}
#contentLeftTop ul li, #contentLeftBot ul li, #contentRightTop ul li, #contentRightBot ul li
{
	font-size: .8em;
}
#contentLeftTop ul a, #contentLeftBot ul a, #contentRightTop ul a, #contentRightBot ul a
{
	font-weight: normal;
}
.smallVideoWrapper
{
	margin: 0 20px;
}

/* TEXT STYLES */
h1, h2{text-align: center; margin-top: .5em; margin-bottom: .5em;}
h2{font-size: 1em;}
h3{font-size: .9em;}
h4{font-size: .9em;}
.bold
{
	font-weight: bold;
}
a{color:#4D72AC; text-decoration: none; font-weight: bold;}
a:hover{text-decoration: underline;}
#contentCenter h3
{
	margin: 1em 25px 0;
	text-decoration: underline;
}
#contentCenter h4
{
	margin: 1em 25px 0;
}
#contentCenter h3.first
{
	margin-top: 0;
}
#contentCenter p
{
	margin: .5em 2em;
	font-size: .8em;
}
#contentCenter p.researcherEmail{text-align:center;margin-top:-1em;}
#contentCenter p.researcherEmail a{font-weight:normal;}
#contentCenter p.researcherTitle{font-weight:bold;}
#contentCenter p.researcherSubTitle{font-style:italic;}
#contentCenter p.first
{
	margin-top: 0.25em;
}
#contentCenter p.bottom
{
	line-height: 3em;
	margin-top: -2em;
}
#contentCenter ul
{
	font-size: .8em;
	margin: -.5em 2em 0 1em;
}
#contentCenter ol
{
	font-size: .8em;
	margin-left: .5em;
	margin-right: 2em;
}
ul#pathway, ul#tumor, ul#bclFamily, ul#bioMarkers
{
	margin: 1em 0 0;
	padding: 0 2em;
}
ul#pathway li, ul#tumor li, ul#bclFamily li, ul#bioMarkers li
{
	list-style-type: none;
}
.article
{
	font-weight: normal;
}
ul#researchers, #contentCenter ul.researchProjects
{
	margin: 1em 2em 0em 0em;
}
#contentCenter ul.myStoryLists
{
	margin: .5em 0 0 0;
}

/* EXTERNAL LINKS */
.externalLink
{
	border: none;
	position: absolute;
}
.medicalNewsToday
{
	left: 297px;
}
.foundationLogo
{
	left:272px;
	top:263px;
}
.paulPCarbone
{
	left: 72px;
}
.hodgkins
{
	left: 242px;
}
.nonHodgkins
{
	left: 271px;
}
.h2NoFlash
{
	left: 0px;
	top: 1px;
}

/* Video Stories */
#contentCenter li.individualStory
{
	list-style-type: none;
	margin-left: -1.2em;
}
#contentCenter li.individualStory ul
{
	font-size: 1em;
	margin:0.25em -1em;
}
#contentCenter li.individualStory ul li
{
	list-style-type:circle;
}
div.smallVideoWrapper p
{
	font-size:.8em;
	margin-top:.25em;
	text-align:center;
}
#contentCenter p.returnToVideoStories
{
	text-align: center;
	font-size:.7em;
}

/* CONTACT FORM */
div#contactForm{margin:0 1.75em; padding: .25em 0;background:url(../images/layout/formBg.gif) repeat-x;}
label{display:block;}
input#name, input#email, input#phone{width:31em;}
textarea#comments{width:32em;height: 10em;}
#contentCenter ol.contentForm{margin-left:-1em;}
.contentForm li{list-style-type: none;}
a span.deEmphasize{font-weight:normal;}


/* login styles */
#loginWrapper, #adminWrapper
{
	margin: 0 auto;
	width: 485px;
}
#adminWrapper
{
	width: 99%;
}
#login, #form1
{
	border:1px dotted #999;
	margin:1em 0.4em;
	padding:0 1em;
	width: 438px;
}
#form1
{
	width: 94%;
}
.loginForm, .adminForm
{
	margin-bottom: 1em;
}
#login ol, #form1 ol
{
	margin: 0;
	padding: 0;
}
.loginForm li, .adminForm li
{
	list-style-type: none;
	clear: both;
	margin: 1em 0;
	position: relative;
}
.loginForm li label, .loginForm li span.label,
.adminForm li label, .adminForm li span.label
{
	float:left;
	font-weight:bold;
	padding-top:0.5ex;
	text-align:right;
	width:18%;
	margin-right: 10px;
}
.adminForm li label, .adminForm li span.label
{
	width: 15%;
}
.loginForm li input, .adminForm li input
{
	width: 337px;
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	margin:0;
	padding:2px;
}
.adminForm li input
{
	width: 82%;
}
.loginForm li input#submit, .adminForm li input#submit
{
	width: auto;
	background-color:#DDDDDD;
	border:1px solid #000000;
	color:#7788AA;
	font-weight:bold;
	padding:1px;
	margin-left: 20%;
	position: relative;
}
.adminForm li input#submit
{
	margin-left: 16%;
}
.loginForm li textarea, .adminForm li textarea
{
	width: 341px;
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	margin:0;
	padding:2px;
	height:225px;
}
.adminForm li textarea
{
	width: 82%;
}
.inputNotes
{
	color:#999999;
	font-size:84%;
	font-weight:normal;
	margin-left:20%;
	display:block;
}
#form1 .inputNotes
{
	margin-left: 16%;
}
.loginForm li label.error, .adminForm li label.error
{
	color:red;
	display:block;
	float:none;
	font-size:0.85em;
	margin-left:20%;
	padding:0pt;
	text-align:left;
	width:auto;
}
.coloredBold
{
	color:#1A54A5;
	font-weight:bold;
}
.errorMessage
{
	color:red;
	display:block;
	font-weight:bold;
	margin-left:20%;
}


/* CLEAR FLOATS */
.group:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}