html {
	overflow-y: scroll; /*force vertical scrollbar on browsers to stop page shift */
}

body {
	padding: 0;
	margin: 0;
	font: .75em Arial, Garuda, sans-serif; /* 1em = 12px */
	background: #edefef;
	color: #353535;
}

#wrapper {
	width: 960px;
	margin: 0 auto 40px;
	background: #e3e6e6;
	padding: 0 5px;
	border-bottom: 5px solid #e3e6e6;
}

#nciBanner {
	height: 40px;
	background-color: #a90101;
	color: #FFF;
    text-align: right;
	font: 11px/1  Verdana, Helvetica, "Trebuchet MS", Arial, sans-serif;
	overflow: visible;
	min-width: 600px;
}
#nciBanner a {
	color: #FFF;
	text-decoration: none;
}
#nciBanner a:hover, #nciBanner a:focus {
	text-decoration: underline;
}
#nciBanner img {
	float: left;
	border: none;
}
#nciBanner span {
	display: block;
	padding: 15px 10px 0 0;
}
#skip, #skip:hover, #skip:visited  {
 	position: absolute;
	top: -200px;
	right: 44%;
	padding: 8px 15px;
	font-weight: bold;
	border: 2px solid #ccc;
	border-top: none;
	border-radius: 0 0 3px 3px;
	transition: all .2s ease-in-out;
}
#skip:active, #skip:focus {
	position: absolute;
	right: 44%;
	top: 0;
	color: #a90101;
	background: #fff;
	box-shadow: 0 1px 5px rgba(0,0,0,.7);
}

#content {
	width: 920px;
	padding: 14px 20px 25px;
	background: #fff;
}

	#content h2, #content h3 {
		margin-top: 0;
	}

#col_left {
	width: 201px;
	display: inline;
	height: 100%;
}

#col_center {
	margin: 0 19px;
	width: 480px;
}

#col_right {
	width: 201px;
}

#col_main { /*large, right column in 2-column template */
	overflow: hidden;
	padding: 0 0 0 19px;
	width: 686px;
}

h1 {
	font-size: 1.6em;
	font-weight: normal;
	color: #000;
	margin-top: 0;
}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
}

h3 {
	font-size: 1em;
	font-weight: bold;
	color: #333;
}

a {
	color: #096598;
	-moz-transition: color .25s linear;
	-webkit-transition: color .25s linear;
	transition: color .25s linear;
}

a:hover {
	color: #b42323;
}

#col_center a:visited, #col_main a:visited {
	color: #001A5B;
}

#col_center a:hover, #col_main a:hover {
	color: #b42323;
}

.fltLeft {
	float: left;
}

.fltRight {
	float: right;
}

.clear {
	clear: both;
}

p.footnote {
	font-size: 95%;
	font-style: italic;
}

.error, .errorMessage {
	font-weight: bold;
	color: #a90101;
	margin: 6px 0;
}

.errorField {
	color: #a90101;
}

.nowrap {
	white-space: nowrap;
}

div.center, p.center, table td.txtCtr, table th.txtCtr, table.txtCtr td {
	text-align: center;
}

p.txtRt, p.returnTop, table.dataTable td, table td.txtRt, table th.txtRt {
	text-align: right;
}

p.txtLft, table td.txtLft, table th.txtLft {
	text-align: left;
}

p.indent, div.indent {
	margin-left: 36px;
}

ul.spaced li, ol.spaced li, dl.spaced dt, dl.spaced dd {
	margin-bottom: 7px;
}

ul.spaced ul, ul.spaced ol, ol.spaced ul, ol.spaced ol, dl.spaced ul, dl.spaced ol {
	margin-top: 7px;
}

.javascript { /*noscript warning for when javascript is off*/
	background: #FFF;
	font-size: 1em; /* 12px */
	font-weight: bold;
	display: block;
	color: #F00;
	text-align: center;
	padding: 10px 0;
}


/*
---------- IMAGE STYLES ---------- */
img {
	border: 0;
}

img.center, table.center {
	display: block;
	margin: 0 auto;
}

.captionPhoto {
	float: left;
	margin: 0 0 12px 12px;
}

	.captionPhoto p {
		margin: .6px 0;
		text-align: center;
		font-style: italic;
		font-size: .9em;
	}


/*
---------- TABLES ---------- */
table {
	border-collapse: collapse;
	border: 1px solid #BDBDBD;
}

	table caption {
		font-weight: bold;
		font-size: 1.1em;
		text-align: left;
		margin-bottom: 4px;
	}

	table th, table td {
		padding: 4px 6px;
		border: 1px solid #BDBDBD;
		vertical-align: top;
	}

	table th {
		background-color: #DADAD5;
		text-align: center;
		vertical-align: middle;
	}

	table th.subhead {
		background-color: #E6E6E2;
	}

	table th.plain {
		background-color: #FFF;
		text-align: left;
		font-weight: normal;
	}

	table.invisible, table.invisible th, table.invisible td {
		border: 0;
		background-color: transparent;
	}

#google-search table, #google-search table td, #google-search table th {
	border: 0;
}

.aboutStaff {
	margin-bottom: 10px;
}

.highlight_wrapper {
	width: 260px;
	float: right;
	margin-left: 40px;
}

/*
---------- HEADER ---------- */
#header {
	height: 69px;
	border-top: 1px solid #fff;
	background: #096598 url("/images/blue_header.jpg") no-repeat;
	position: relative;
}

#tools {
	position: absolute;
	top: 9px;
	right: 3px;
	list-style: none;
	margin: 0;
	padding: 0;
}

	#tools li {
		float: left;
		margin: 0 8px;
	}

		#tools li a {
			color: #fff;
			display: block;
		}

		#tools li a:active {
			position: relative;
			top: 1px;
		}

		#tools li a.print {
			padding-left: 22px;
			background: url(/images/btn_print.jpg) no-repeat left center;
		}

		#tools li a.email {
			padding-left: 22px;
			background: url(/images/btn_email.jpg) no-repeat left center;
		}

			#emailFormBox {
				background: #fff;
			}

		#tools li a.glossary {
			padding-left: 18px;
			background: url(/images/btn_glossary.jpg) no-repeat left center;
		}

#search {
	position: absolute;
	bottom: 9px;
	right: 0;
	margin: 6px 7px 0 0;
	height: 20px;
	width: 200px;
	background: #94c2db;
	padding: 3px;
}

	#search #searchbox {
		margin: 0;
		padding: 1px 0 0 2px;
		width: 163px;
		position: absolute;
		top: 3px;
		color: gray;
	}

	#search label {
		position: absolute;
		left: -10000px;
		top: auto;
		width: 1px;
		height: 1px;
		overflow: hidden;
	}

	#search .button {
		position: absolute;
		top: 3px;
		right: 3px;
		margin: 0;
		padding: 0;
		height: 20px;
	}


/*
---------- MAIN NAVIGATION ---------- */
#navigation {
	height: 36px;
	border-top: 1px solid #fff;
	background: #94c2db;
}

#navigation ul {
		list-style: none;
		margin: 5px 0 0 2px;
		padding: 0;
	}

		#navigation ul li {
			float: left;
			display: block;
			padding: 0;
			margin: 0 3px;
			text-align: center;
			background: #096598 url(../images/nav_sprite.gif) no-repeat;
		}
				
		#navigation ul li.about, #navigation ul li.about a {
			width: 77px;
			background-position: 0 0;
		}
		#navigation ul li.about a:hover, #navigation ul li.aboutCurrent a {
			width: 77px;
			background-position: 0 -26px;
		}

		#navigation ul li.research, #navigation ul li.research a {
			width: 203px;
			background-position: -77px 0;
		}
		#navigation ul li.research a:hover, #navigation ul li.researchCurrent a {
			width: 203px;
			background-position: -77px -26px;
		}

		#navigation ul li.methods, #navigation ul li.methods a {
			width: 179px;
			background-position: -280px 0;
		}
		#navigation ul li.methods a:hover, #navigation ul li.methodsCurrent a {
			width: 179px;
			background-position: -280px -26px;
		}

		#navigation ul li.statistics, #navigation ul li.statistics a {
			width: 155px;
			background-position: -459px 0;
		}
		#navigation ul li.statistics a:hover, #navigation ul li.statisticsCurrent a {
			width: 155px;
			background-position: -459px -26px;
		}

		#navigation ul li.publications, #navigation ul li.publications a {
			width: 119px;
			background-position: -614px 0;
		}
		#navigation ul li.publications a:hover, #navigation ul li.publicationsCurrent a {
			width: 119px;
			background-position: -614px -26px;
		}

		#navigation ul li.funding, #navigation ul li.funding a {
			width: 186px;
			background-position: -733px 0;
		}
		#navigation ul li.funding a:hover, #navigation ul li.fundingCurrent a {
			width: 186px;
			background-position: -733px -26px;
		}
		
			#navigation ul li a {
				display: block;
				height: 26px;
				outline-color: white;
				color: #fff;
				text-decoration: none;
				font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;
				text-transform: uppercase;
				font-size: 11px;
				letter-spacing: 1px;
				line-height: 25px;
				text-shadow: 0 -1px 0 #333;
				background: url(../images/nav_sprite.gif) no-repeat;
			}


/*
---------- LEFT NAVIGTATION ---------- */
p.btn_nav_home { /* single nav button for DCCPS, SRP and Branch Home */
	position: relative;
	display: block;
	background: url(/images/btn_grad.jpg) repeat-x bottom;
	padding: 5px 0 5px 5px;
	font-weight: bold;
	margin: 0 0 10px 0;
	border: 1px solid #797979;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 0 1px 0 #fff;
}

p.btn_header {  /* sidenav top capper heading style */
	position: relative;
	display: block;
	background: url(/images/btn_grad.jpg) repeat-x bottom;
	padding: 5px 0 5px 5px;
	font-weight: bold;
	margin: 0;
	border: 1px solid #797979;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	border-radius: 3px 3px 0 0;
	border-bottom: none;
	text-shadow: 0 1px 0 #fff;
}

p.btn_header a, p.btn_nav_home a {
	text-decoration: none;
}

p.btn_header a:hover, p.btn_nav_home a:hover {
	text-decoration: underline;
}

	/* home page button/banner edits for icons */
	.home p.btn_nav_home {
		padding: 0 0 0 2px;
	}

		.home p.btn_nav_home span {
			display: block;
			padding: 5px 0 5px 32px;
		}

		.home p.btn_nav_home span.dccps {
			background: url(/images/icon_dccps.jpg) no-repeat left;
			text-shadow: 0 1px 0 #fff;
		}

	.home p.btn_header {
		padding: 0 0 0 2px;
	}

		.home p.btn_header span {
			display: block;
			padding: 5px 0 5px 32px;
		}

		.home p.btn_header span.branches {
			background: url(/images/icon_branches.jpg) no-repeat left;
			text-shadow: 0 1px 0 #fff;
		}

		.home p.btn_header span.stats {
			background: url(/images/icon_stats.jpg) no-repeat left;
			text-shadow: 0 1px 0 #fff;
		}

		.home p.btn_header span.news {
			background: url(/images/icon_news.jpg) no-repeat left;
			text-shadow: 0 1px 0 #fff;
		}
	/* end icon style*/

.sub_nav {
	margin-bottom: 12px;
	border: 1px solid #797979;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-radius: 0 0 3px 3px;
}

	.sub_nav span.sub_title {
		display: block;
		margin: 3px 0 0 5px;
	}

	.sub_nav ul {
		margin: 5px 5px 10px 22px;
		padding: 0;
		font-size: .9em;
		color: #333;
	}

		.sub_nav ul li {
			margin: 3px 0;
			padding: 0;
		}

		.sub_nav ul li a.active {
			color: #a90101;
			font-weight: bold;
			text-decoration: none;
		}

		.sub_nav ul li ul {
			list-style: none;
			font-size: 1em;
			margin: 0 0 0 5px;
		}

#pdf_info {
	padding: 5px;
	border: 1px solid #797979;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: .9em;
}


/*
---------- HOME CENTER ---------- */
.list_column {
	width: 225px;
	list-style: none;
	margin: 0;
	padding: 0;
}

	.list_column li {
		margin-bottom: 20px;
	}

	.list_column h3 {
		margin: 0;
		background: url(/images/arrow_bullet.jpg) no-repeat center left;
		padding-left: 14px;
	}

	.list_column span {
		display: block;
		margin: 0 0 0 13px;
	}

	.list_column ul {
		margin: 5px 0 0 25px;
		padding: 0;
		list-style: disc;
	}

		.list_column ul li {
			margin: 4px 0 0 0;
			padding: 0;
		}


/*
---------- CANCER STAT SLIDER ---------- */
dl#cancer_stats {
	border-top: 1px solid #797979;
}

dl#cancer_stats, dl#cancer_stats dd {
	margin: 0;
	padding: 0;
}

	dl#cancer_stats dt {
		border: 1px solid #797979;
		border-top: none;
		cursor: pointer;
		background: url(/images/btn_grad.jpg) repeat-x bottom;
	}

		dl#cancer_stats dt span {
			display: block;
			padding: 4px 0 4px 22px;
			background: url(../images/slider_down.jpg) left center no-repeat;
			/*margin-left: 1px;*/
			font-size: .917em;
			text-shadow: 0 1px 0 #fff;
		}

		dl#cancer_stats dt span.clicked {
			background: url(../images/slider_up.jpg) left center no-repeat;
		}

	dl#cancer_stats dd .slider_content {
		padding: 4px;
		border-left: 1px solid #797979;
		border-right: 1px solid #797979;
		border-bottom: 1px solid #797979;
	}

		dl#cancer_stats dd .slider_content img.icon {
			float: left;
			margin: 7px 5px 0 0;
		}

		dl#cancer_stats dd .slider_content span {
			display: block;
			overflow: hidden;
			padding: 5px 0;
			font-size: .917em;
		}

			dl#cancer_stats dd .slider_content span a {
				text-decoration: none;
			}

			dl#cancer_stats dd .slider_content span a:hover {
				text-decoration: underline;
			}

.capper {
	height: 10px;
	background: url(/images/btn_grad.jpg) repeat-x bottom;
	border: 1px solid #797979;
	border-top: none;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-radius: 0 0 3px 3px;
}


/*
---------- SLIDESHOW ---------- */
#features_rotator_container {
	background-color: #edefef;
	height: 200px;
	margin: 0 0 10px 0;;
	position: relative;
	width: 478px;
	border: 1px solid #797979;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	z-index: 1;
}

/* Additional buttons for slideshow navigation, not needed.
.features_prev_main { display: none;
	border: none;
	height: 100px;
	margin: 0;
	padding: 0;
	text-align:right;
	width: 45px;
	position: absolute;
	top: 50px;
	left: 2px;
	z-index: 10;
}

.features_next_main { display: none;
	border: none;
	height: 100px;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 45px;
	position: absolute;
	top: 50px;
	right: 2px;
	z-index: 10;
}*/

#features_rotator {
	height: 170px;
	position: relative;
	width: 372px;
	z-index: 5;
}

/* keep slide numbers from displaying visited on page load*/
#col_center .jscheck #features_rotator_container #features_control_container #features_controls .numbered a:visited {
	color: #096598;
}

.feature_list {
	height: 200px;
	width: 478px;
}

#features_control_container {
	background: #edefef;
	height: 25px;
	width: 478px;
	margin: 0;
	padding: 0;
	text-align: left;
	position: absolute;
	bottom: 1px;
	left: 0;
	z-index: 10;
}

#features_controls {
	font-size: 80%;
	font-weight: bold;
	margin: 6px 0 0 280px;
	padding: 0;
}

	#features_controls li {
		display: inline;
		list-style: none;
	}

	#features_controls .numbered {
		padding: 2px 2px 1px 2px;
		margin: 0 0 0 5px;
		position: relative;
		bottom: 2px;
	}

	#features_controls li.features_prev, #features_controls li.features_next, #features_controls li#features_pause {
		margin: 0;
		padding: 0 4px 0 0;
	}

	#features_controls li a {
		color: #064c72;
		font-size: 1.5em;
		text-decoration: none;
	}

	#features_controls li a:hover, #features_controls li a:active, #features_controls li a:focus {
		color: #a90101;
		text-decoration: underline;
	}

.no_js_slideshow ul li {
	padding-bottom: 5px;
}


/*
---------- TYPE OF STATISTICS PAGE ---------- */
.statType {
	width: 50%;
	float: right;
	margin: 0 0 12px 12px;
	background-color: #fff;
	color: #373737;
	border: 3px solid #e3e6e6;
	padding: 0 12px;
}


/*
---------- CONTACT US PAGE ---------- */
#contactInfo h3 {
	display: block;
	width: 96px;
	float: left;
	margin-bottom: 12px;
}

#contactInfo p {
	display: block;
	margin: 0 0 14px 96px;
}

#CommentForm label {
	display: block;
	margin-bottom: 6px;
}


/*
---------- RISK PREV MAPS ---------- */
#statsForm {
	margin-bottom: 12px;
}
img.riskprev {
	border: 0;
	margin: 12px 0;
	float: right;
}


/*
---------- Staff Pages ---------- */
.staffPhoto { border: 1px solid #E3E6E6; background: #EDEFEF; float: left; margin: 0 20px 0 0; padding: 5px; border-radius: 4px; text-align: center; }
.staffPhoto img { border-radius: 4px; border: 1px solid #797979; }
.staffDetails { float: left; }
.staffDetails h1, .staffDetails h3 { margin: 0; }
.staffDetails h2 { margin: 0 0 10px 0; padding: 0; color: #666; font-style: italic; font-size: 14px;}
.staffDetails p { margin: 0 0 10px 0; }
.staffDetails ul { margin: 5px 0 10px 30px; padding: 0; }
.staffDetails ul li { margin-bottom: 3px; }
.thumbnail { border: 2px solid #DDE2E6; border-radius: 3px; }
.aboutBranch img { opacity: .9; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out ;} 
.aboutBranch tr:hover img { opacity: 1; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
.btnPubs {
	color: #444!important;
	display: block;
	border: 1px solid #bbb;
	padding: 4px 0 2px 0;
	margin-top: 6px;
	border-radius: 3px;
	text-decoration: none;
	background: url("../images/btn_grad.jpg") top repeat-x;
	box-shadow: 0 1px 0 #fff;
	text-shadow: 0 1px 0 #fff;
}
.btnPubs:hover { background-position: -1px; }
.btnPubs:active { background: #F0F0F0; }
.btnPubs span {
	padding: 2px 0 2px 20px;
	background: url("../images/icn_pubs.jpg") left center no-repeat;
}

/*
---------- FOOTER ---------- */
#footer_wrapper {
	margin: 20px 0 0 0;
	text-align: center;
}

	#footer_wrapper #footer_content {
		border-top: 5px solid #e3e6e6;
		margin-top: 5px;
	}

		#footer_wrapper #footer_content #bottom_nav {
			display: block;
			white-space: pre;
			margin: 20px 0 15px 0;
		}

			#footer_wrapper #footer_content #bottom_nav a {
				color: #000;
				text-decoration: none;
			}

			#footer_wrapper #footer_content #bottom_nav a:hover {
				text-decoration: underline;
			}

		#footer_wrapper #footer_content #footer_logos img {
			margin: 0 10px;
		}

		.flow_diagram {
			float: right;
			margin: 0 0 10px 10px;
		}

/*
----------- MISC --------------- */

/* Used primarily to hide form field labels off-screen */
.offscreen {position: absolute; top: -100em; left: -200em; font-size: 1px;}
.small {color:#666; font-size: .8em;}