/*
// PROJECT:				HEALTH POLICY TRACKER
// TEAM:				Multimedia - Editorial
// DEVELOPER:			Thomas Wilburn, Robert Huttinger
// FILE:				scripts.js
// DATE:				2011-03-24
// DEPENDENCIES:		none
*/

/*========================================================================================( TAGS )*/
body {
	font-family:					helvetica, arial, sans serif;
	font-size:						14px;
	background-color:				#e9e5de; /*IE box fix*/
	color: 							black;
	line-height: 					130%;
}
h1 {
	font-size: 						32px;
	line-height:					100%;
	font-weight:					bold;
	margin:							0 0 8px 0;
	font-family:					georgia, "times new roman", serif;
}
h2 {
	font-weight: 					bold;
}
h5 {
	margin:							4px;
	color:							#ABA095;
}
img {
	border:							0;
}
p {
	margin:							4px 0px 8px 0px;
	font-size:						12px;
}

/*==================================================================================( TYPOGRAPHY )*/
.smallText{
	font-size:						11px;
}
.tinyText {
	font-size:						9px;
}
.strong {
	font-weight:					bold;
}
.grey {
	color:							#999;
}
.right {
	text-align:						right;
}
.center {
	text-align:						center;
}

/*=====================================================================================( CLASSES )*/
.adArea {
	float:							left;
	display:						block;
	height:							90px;
	width:							300px;
}
.sub {
	border-top: 					1px solid #c5dae9;
	border-bottom: 					1px solid #c5dae9;
	border-right: 					1px solid #CCC;
}
.noDisplay {
	display:						none;
}

/*=========================================================================================( IDS )*/

#subContent h4 {
	text-transform: 				uppercase;
	color: 							#6a5544;
	display: 						inline;
	font-size: 						16px;
	font-weight: 					bold;
	margin-right: 					2em;
}
#subContent .brown {
	color: 							#6a5544;
}
#stateTitle {
	font-size: 						110%;
}
#stateTitle img {
	height:							14px;
	display:						none;
	float:							right;
}
#adSpace .adSpaceDiv {
	/*display:						block;*/
}
#columnTwo ul {
	margin:							0 10px 0 6px;
	color: 							#7db1cd;
	max-width:						310px; /*FF fix for IE lack*/
}
#columnTwo ul li {
	background-image: 				url(images/bull.jpg);
	background-repeat: 				no-repeat;
	background-position: 			0 .4em;
	margin:							2px 0 2px 0;
}
#columnTwo ul li img {
	height:			 				12px;
}

/*======================================================================================( LAYOUT )*/

#newNavContainer {
	position:						relative;
	padding:						4px 0 0 1px;
	
/*	margin:0 auto;

	padding:0;
*/
	width:980px;

	border-right: 1px solid #aba095;

	border-left: 1px solid #aba095;

	/*background: #ffffff;*/

	background:	#FFF url('images/grad.jpg') repeat-x; 
	background-position: bottom;
}
	#newNavContainerSub {
		position:					absolute; 
		top:						2px;
		right:						14px;
	}
#columnOne {
	display:						block;
	float:							left;
	width:							594px;
	margin:							12px 4px 0 7px;
	border-right: 					1px dashed #CCC;
}
	div.mainContent {
		display:					block;
		overflow:					hidden;
		margin:						auto auto 10px auto;
		padding: 					0 0 1em 0;
		border-bottom: 				1px solid #ba6831;
	}
	#subContent {
		display:					block;
		text-align: 				left;
		padding: 					8px;
		width: 						564px;
		background:					#f3e9c3;
		font-family:				helvetica, arial, sans serif;
	}

#columnTwo {
	display:						block;
	float:							left;
	position:						relative;
	margin:							12px 5px 0 4px; /*12 7 0 4*/
}
	#adSpace {
		border:						none;
	}
	#curated {
		padding:					0 0 8px 0;	
		height:						100%;
		margin:						10px 0;
	padding:						0 30px 0 0;
	}
	#rssHealthFeed {
		padding:					0 0 8px 0;	
		height:						100%;
		margin:						10px 0;
	}
.floatLeft {
	float:							left;
}
.clear {
	clear:							both;
}
.clearFull {
	display:						block;
	width:							1010px;
	clear:							both;
	border:							solid thin white;
}


/*====================================================================================( TIMELINE )*/

.inner-timeline {
	width: 							584px; /*640*/
	padding: 						1em;
	min-height:						480px;
	/*border: 						1px solid #CCC;*/
}

.timeline-controls {
	padding: 						4px;
}

.timeline-button {
	text-align: 					center;
	background:						#d4c185;
	color: 							white;
	display: 						inline-block;
	width: 							75px;
	font-size:						11px;
	-moz-border-radius:				3px;
	border-radius:					3px;
	padding: 						2px;
	margin-left: 					4px;
	font-family: 					arial, tahoma, verdana, sans serif;
	text-decoration: 				none;
	text-transform: 				uppercase;
}

.timeline-button:hover {
	background: 					#C4B175;
	color: 							white;
}

.timeline-bounds {
	width:							48px;
	font-size: 						11px;
	display: 						block;
	float: 							left;
	padding: 						0 4px;
}

.timeline-box {
	background: 					#EEE no-repeat;
	display: 						inline-block;
	height: 						32px;
	width: 							32px;
	padding: 						0;
	margin-right: 					1px;
	float: 							left;
}

.timeline-box.chosen, .timeline-box.date-only.chosen {
	border-bottom: 					5px #555 solid;
	padding-bottom: 				2px;
}

.timeline-box.date-only {
	background: 					#f3e9c3;
}

.timeline-entry {
	display:						none;
	font-family: 					tahoma, arial, helvetica, sans serif;
	width: 							512px;
}

.timeline-img {
	padding: 						4px 0;
}

.timeline-entry h2 {
	font-size: 						15px;
	margin: 						0 0 3px 0;
	font-weight: 					bold;
	color: 							#d4c185;
}

.timeline-entry p {
	font-size:	 					13px;
	width: 							512px;
}