/*body {
	font-family: "adobe-caslon-pro-1","adobe-caslon-pro-2", serif;
	font-size : 12px ;
}*/

#tweetthis,
#likebutton {
	margin : 15px 0 15px 0 ;
	display : inline-block ;
	zoom : 1 ;
	*display : inline ;
}

#likebutton {
	position : relative ;
	top : 1px ;
	width : 160px ;
}

#main header,
#main #graphic {
	font-family: "adobe-caslon-pro-1","adobe-caslon-pro-2", serif;
	font-size : 12px ;
}

/*#content {
	width : 960px ;
	margin : 0 auto ;
}*/

h1 {
	font-size : 36px ;
	padding : 0 ;
	margin : 20px 0 20px 0 ;
}

.date-text {
	font-family : Arial, sans-serif ;
	font-size : 16px ;
}

.explainer-text {
	font-size : 14px ;
	line-height : 19px ;
}

.credit {
	font-family : Arial, sans-serif ;
	font-size : 12px ;
}

#graphic {
	position : relative ;
}

#year-button-label {
	position : relative ;
	top : -2px ;
	display : inline-block ;
	zoom : 1 ;
	*display : inline ;
	font-family : Arial, sans-serif ;
	font-size : 14px ;
}

#all-years-button,
#prev-year-button,
#next-year-button {
	position : relative ;
	top : -2px ;
}

a.year-button:link,
a.year-button:visited,
a.year-button:hover {
	display : inline-block ;
	zoom : 1 ;
	*display : inline ;
	font-family : Arial, sans-serif ;
	font-size : 19px ;
	text-align : center ;
	width : 24px ;
	height : 22px ;
	padding : 2px 0 0 0 ;
	margin : 0 1px ;
	border : 1px solid #CCC ;
}

#slider-container {
	position : relative ;
	width : 521px ;
	display : inline-block ;
	margin : 20px 5px 10px -8px ;
	zoom : 1 ;
	*display: inline;
}

#slider {
	display : inline-block ;
	width : 486px ;
	margin-left : 20px ;
	margin-top : 10px ;
}

#slider-start-date,
#slider-end-date {
	font-family : Arial, sans-serif ;
	font-size : 17px ;
	font-weight : bold ;
	position : absolute ;
	top : -20px ;
	left : 0 ;
	text-align : center ;
}

#slider-end-date {
	left : auto ;
	right : 0 ;
}

#map-container {
	position : relative ;
	width : 660px ;
	height : 585px ;
}

#mapcanvas {
	position : absolute ;
	width : 660px ;
	height : 440px ;
	display : inline-block ;
	zoom : 1 ;
	*display: inline;
}


#alaskacanvas {
	position : absolute ;
	top : 378px ;
	left : 250px ;
	width : 320px ;
	display : inline-block ;
	zoom : 1 ;
	*display: inline;
}

#hawaiicanvas {
	position : absolute ;
	top : 450px ;
	left : 70px ;
	width : 130px ;
	display : inline-block ;
	zoom : 1 ;
	*display: inline;
}

#rankings {
	position : absolute ;
	top : 0px ;
	left : 690px ;
	width : 270px ;
}

a.rank-button:link,
a.rank-button:visited, 
a.rank-button:hover,
a.rank-button-selected:link,
a.rank-button-selected:visited, 
a.rank-button-selected:hover {
	font-family : Arial, serif ;
	display : inline-block ;
	font-size : 14px ;
	padding : 4px ;
	margin-right : 2px ;
	color : #000 ;
	text-decoration : underline ;
	zoom : 1 ;
	*display: inline;
}

a.rank-button-selected:link,
a.rank-button-selected:visited, 
a.rank-button-selected:hover {
	background-color : #2C5700 ;
	color : #FFF ;
	text-decoration : none ;
}

#rank-form {
	font-family : Arial, sans-serif ;
	font-size : 11px ;
	border-bottom : 2px solid #A5A5A5 ;
	padding : 4px 0 8px 0 ;
}

#rank-form input {
	display : inline-block ;
	zoom : 1 ;
	*display: inline;
}

#rankings h2 {
	margin : 15px 0 10px 0 ;
	font-size : 18px ;
	line-height : 22px ;
}

#rankings a.clear-state-link:link,
#rankings a.clear-state-link:visited,
#rankings a.clear-state-link:hover {
	display : block ;
	margin : 0 0 10px 0 ;
	color : #2C5700 ;
}


#rankings p {
	margin : 0 ;
	line-height : 14px ;
}

#rank-body {
	position : relative ;
}

#rankings .page {
	position : absolute ;
	display : none ;
	top : 0 ;
	left : 0 ;
	width : 100% ;
}

#rankings a.paging-link:link,
#rankings a.paging-link:visited,
#rankings a.paging-link:hover {
	color : #2C5700 ;
	text-decoration : underline ;
	font-size : 13px ;
	font-family : Arial, sans-serif ;
	font-weight : bold ;
}

#rankings a.next:link,
#rankings a.next:visited,
#rankings a.next:hover {
	float : right;
	text-align : right ;
	padding : 0 0 5px 10px ;
}

#rankings a.previous:link,
#rankings a.previous:visited,
#rankings a.previous:hover {
	float : left;
	padding : 0 10px 5px 0 ;
}

#rankings #page1 {
	display : block ;
}

#rankings ul.rank-column {
	display : inline-block ;
	width : 135px ;
	padding : 0 ;
	margin : 10px 0 ;
	float : left ;
	zoom : 1 ;
	*display: inline;
	list-style-position : outside ;
}

#rankings table.grants {
	width : 100% ;
	margin : 10px 0 ;
}

#rankings table.grants td {
	font-family : Arial, sans-serif ;
	font-size : 12px ;
	line-height : 14px ;
	padding : 3px 0 ;
	border-bottom : 1px dotted #CCC ;
}

#rankings table.grants td.award {
	text-align : right ;
	vertical-align : top ;
}

#rankings li {
	font-family : Arial, sans-serif ;
	font-size : 12px ;
	line-height : 17px ;
	list-style : none ;
	padding : 0 ;
}

#rank-body a:link,
#rank-body a:visited,
#rank-body a:hover {
	text-decoration : none ;
	color : inherit ;
}

#rank-body a:hover {
	text-decoration : underline ;
	color : #2C5700 ;
}


#slider .ui-slider-handle {
	text-decoration : none ;
}

#slider .ui-slider-handle:before {
	position : relative ;
	display : inline-block ;
	width : 45px ;
	height : 26px ;
	top : -30px ;
	left : -18px ;
	font-family : Arial, sans-serif ;
	font-size : 24px ;
	text-align : center ;
	color : #2C5700 ;
	content : attr(title) ;
	font-weight : bold ;
	background-color : #FFF ;
	zoom : 1 ;
	*display: inline;
}

a.ui-slider-handle:focus {
	outline : none ;
}

/*.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}*/