/* Common to both layouts */
body {
	background: #655182 url(./css_images/qgradient.png) repeat-x 0 center;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	
	position: relative
}

h1 {

}

h2 {

}

h3 {	

}

p {

}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

#content {
	position: relative;
	margin: 0 auto 100px auto;
	width: 840px;
	padding: 0 60px;
	background: #FFF;
	overflow: visible;
	border: 1px solid #c2c2c2;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	border-radius: 9px;

	-webkit-box-shadow: 0px 5px 5px black
}

#content h2, #content h3 {
	color: #332f71
}

/* **********************
HEADER
********************** */
img.image1 {
	display: inline;
	margin: 20px 10px;
}

img.image2 {
	display: inline;
	margin-bottom: 30px;
	margin-left: 5px;
}

img.image2a {
	display: inline;
	margin-bottom: 2em;
}

div#header{
	width: 960px;
	height: 130px;
	margin: 0 auto;
	position: relative;
}

#siteLogo {
	z-index: 100;
	position: absolute;
	left: 848px;
	top: 132px;
}


/*  *******************
Navigation
****************** */


#logo {
	position: relative;
	left: 10px;
	padding-bottom: 20px
}

body acronym, abbr {
	border-bottom: 1px dotted #d6be54;
}

/* *****************
FOOTER
***************** */


/* ******************* 
3 column, main column 
******************* */


/* *************************
 2 column, main (right) column 
 ************************ */

h1 { 
	font-size: 1.5714em; /* 22px */ 
	line-height: 1.9091em; /* 42px */ 
	margin: 1.5714em 0 0 0;
	font-weight: bold;
	letter-spacing: -0.054em;
	width: 800px;
	color: #000;
	padding: 0
}
#subhead { display: block; font-size: 0.7857em; /* 11px */ line-height: 1.9091em; /* 21px */ margin: 1.9091em 0 2em 87px; }

#content h2, #rightcol h2 { font-size: 1.1429em; /* 16px */ line-height: 1.3125em; /* 21px */ margin-bottom: -1.3125em; margin-top: 0em; text-transform: uppercase; font-weight: bold }

p.big { font-size: 1.1429em; /* 16px */ line-height: 1.3125em; /* 21px */ margin-top: 1.3125em; margin-bottom: 0em}

p, ul { 
	font-size: 1em; 
	line-height: 1.5em;
	margin: 1.5em 0 1.5em 0;
/*	letter-spacing: -0.018em;*/
	color: #2c2c2c; 
	text-align: justify

}

#content a { font-weight: bold; text-decoration: none !important}
#content ol { 
	font-size: 1em; /* 12px */ 
	line-height: 1.5em; /* 21px */ 
	margin: -1.5em 0 0 0;
	list-style: decimal;
	color: #2c2c2c; 
}
#content ol li {
	margin: 1em 0
}
.skiplink {
	position: absolute;
	left: -1000em;
	top: -1000em;
}
strong.fauxsmcaps { font-size: 9px }
a.fauxsmcaps { font-size: 9px; text-transform: uppercase; text-decoration: none; font-weight: bold }
#rightcol { 
	float: left; 
	width: 210px;
	padding: 6px 1em 2em 1em;
	margin-top: -20px;
	background-color: #f7f5e0;
	font-size: 0.786em;
	text-align: left;
	position: relative;
	overflow: hidden;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
#rightcol a.fauxsmcaps {float: right}
#formbox {
	float: left; 
	position: relative;
	width: 210px;
	padding: 6px 1em 2em 1em;
	background-color: #f7f5e0;
	margin-top: 3em;
	font-size: 0.786em;
	text-align: left;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
#formbox p  {text-align: left}
.kern1 { letter-spacing: -0.036em; text-align: justify}
form { font-size: 1em; /* 11px */ line-height: 1.545em; /* 17px */ margin: 0 0 1.545em 0; text-align: left; letter-spacing: 0.036em; color: #000}
#tform li {	display: block;}
label {
	display: block;
	font-size: 9px; 
	text-transform: uppercase;
	font-weight: regular;
	margin-bottom:-2px;
	margin-top: 4px;
	padding: 0;
}
label[for=lastName], label[for=firstName] {

}
#lastName, #firstName {
	width: 101px;
	clear: both
}
#lastName {
margin-left: 2px;
}
input[type=text] {
	width: 208px;
	font-size: 9px;
	padding: 0 0 4px 0
	
}
input:focus {border: 2px solid black}
#submit { position: absolute; right: 8px; width: 100px }
textarea {
	width: 208px !important
}
#rightcol p { font-size: 1em; /* 11px */ line-height: 1.545em; /* 17px */ margin: 0 0 1.545em 0; text-align: left; letter-spacing: 0.036em; color: #000}
#rightcol h3, #formbox h3 { font-size: 1.2727em; /* 14px */ line-height: 1.2143em; /* 17px */ margin-top: 1.2143em; margin-bottom: 0em; text-transform: uppercase; font-weight: bold }
#formbox h3 { margin-top: 0 }
#rightcol h4 { 
	font-size: 1em; /* 11px */ 
	line-height: 1.5455em; /* 17px */ 
	margin: 2.2732em 0 0 0; 
	font-weight: bold
}
/* links */
#content a {
	text-decoration: underline;
	color: #332f71;
}
#content a:link {
	text-decoration: underline;
	color: #332f71;
}

#content a:visited {
	text-decoration: none
}
#content a:hover {
	color: #fca311;
}

/* bibliographies and similar */
#content ul.bibliography li {
	margin: 8px 0;
}

#content ul.abstract {
	margin-top: -0.8em;
}

#content ul.abstract li a, #content a#toggle {
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	width: 15%;
	padding-left: 10px;
	background: url(./css_images/purplearrow.jpg) no-repeat 0 5px;
	text-decoration: none
}

#content ul.abstract li a:hover, #content ul.abstract li a.active, #content a#toggle:hover, #content a#toggle.active {
	display: block;
	font-weight: bold;
	width: 15%;
	color: #FFF;
	padding-left: 10px;
	background: #332f71 url(./css_images/whitearrow.png) no-repeat right 5px;
}

#content ul.abstract p {
	background: #f4f4f4;
	padding: 10px;
	margin: 0 0 2em 0;
	text-align: justify
}

/* recruiting studies */

#content ul.studyMetaData li{
	margin: 0;
}

#content ul.studyMetaData li h3{
	display: inline;
	font-size: 11px;
	font-variant: normal
}
/* IE6 won't let me do this
#twocol ul.studyMetaData li h3:after {
	content: ":"
}
*/

/*  ******************
misc 
****************** */
/* add an arrow to external links */
#content a[rel="external"] {
	padding-right: 15px;
	background: url(./css_images/external.gif) no-repeat right center;
}

/* add an icon to PDF links */
a[title~="PDF"] {
	padding-left: 15px;
	background: url(./css_images/acrobat.png) no-repeat left center;
}

/* biography/profile pages */
#content dl.bioStyleOne {
	margin-bottom: 38px;
	overflow: auto
}

#content dl.bioStyleOne dt {
	float: left;
	font-weight: bold;
	width: 460px;
}


#content dl.bioStyleOne dd.bioStyleOneEmail  {
	float: right;
	width: 190px;
	position: relative;
	display: block;
}
#content dl.bioStyleOne dd img {
	float: left;
	margin: 5px 20px 0px 0;
	border: 1px solid #666
}

/*
#content dl.bioStyleOne dd:last-child{
clear: left
}
*/
#content dl.bioStyleOne li {
	font-style: italic
}

#content dl.bioStyleTwo {
	display: inline-block;
	margin-bottom: 38px;
	margin-top: 8px;
}

#content dl.bioStyleTwo dt {
	float: left;
	font-weight: bold;
	width: 230px;
}

#content dl.bioStyleTwo dt + dd {
	float: left;
	width: 270px;
}

#content dl.bioStyleTwo dd.bioStyleTwoEmail  {
	float: right;
	width: 190px;
	position: relative;
	display: block;
}

#content dl.bioStyleTwo dd.bioStyleTwoEmail + dd {
	clear:both;
	width: 690px;
}

#content dl.bioStyleTwo dd img {
	float: left;
	margin: 5px 20px 0 0;
	border: 1px solid #666;
}

/* floating and clearing */
.floatLeft, body div.floatLeft {
	display: block;
	float: left;
/*	margin: 1em 1em 1em 0;
	padding: 5px;
	border: 1px solid #ccc;
*/}
.floatRight, body div.floatRight {
	display: block;
	float: right;
/*	margin: 1em 0 20px 5px;
	padding: 5px;
	border: 1px solid #ccc;
*/}

.clear-right {
	clear: right !important
}

.clear-left {
	clear: left !important
}

.clear-both {
	clear: both !important
}


#content ul.bullets {
	padding-left: 11px;
	list-style-type: disc;
}
body .error { color: red !important; font-weight: bold !important }
dl.d dt {display: inline; float: left; clear: left}
dl.d dd {display: inline; float: left; clear: right}
dl.d {clear: both; overflow: hidden}


#footer {
	position: relative;
	display: block;
	font-size: 10px;
	background: url(./css_images/gradient05.png) 0 0;

	padding-top: 4px;
	border-top: 1px solid #6c6c6c
}

#footer li {
	display: inline;
	margin: 4px;
}

#footer li:first-child {
	margin-left: 0;
}