body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	height: 100%;
	line-height: 1.4em;
	width:100%;
}
a img { /*So linked images don't have nasty borders*/
	border:none
}
a:hover {
	text-decoration: underline;
}
:link, :visited { /*Fixes image underlines in Chrome*/
	text-decoration: none;
}
/*Begin Main Divs*/
#banner {
	padding: 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 40px;
	font-weight: bold;
	margin-top:0px;
}

#wrapper {
	margin: 0px;
	width: 100%;
}
#maincontent {
	position: relative;
	margin-left: 230px;
	margin-top: 15px;
	min-width: 220px;
	/*margin-right:5px; If this is added it breaks the homepage*/ 
}
.rightmargin { /*This class gets added to maincontent whenever you want to use a right sidebar*/
margin-right:230px;
}
#breadcrumb {
	display: block;
	background-color: #E8F3DA;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
/*	float: left;*/
	clear: both;
	/*height: 23px;*/
	vertical-align:middle;
	}

#breadcrumb p {
padding-left: 10px;
padding-bottom: 0px;
margin:0px;
}

.small10px {
	font-size: 10px;
	line-height: normal;
	}
	
h3 {
font-family: "Times New Roman", Times, serif;
font-style: italic;
color: #666666;
font-size: 2em;
}
/*End Main Divs*/

/*Begin Navigation*/
#navwrapper {
	text-align: center;
 	width: 100%;
	background-color:#B5D494;
	display:block;
	height: 24px;
	min-width:800px;
}

#navwrapper ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#navwrapper ul li {
	display: inline;
	padding: 0px;
}

#navwrapper ul li a {
	text-decoration: none;
	background-color: #B5D494;
	font-weight: bold;
	padding: 2px 35px 2px 35px;
	display: block;
	float: left;
	font-size: 0.9em;
	clear: right;
	margin: 0px;
	color: #000000;
	border-right: solid 1px #000;
}
#navwrapper a:hover {
	background-color: #E8F3DA;
	text-decoration: none;
}

#navwrapper .current {
	background-color: #ffffff;
}

/*End Navigation*/

h1 {
	font-size: 1.9em;
	font-weight: bold;
	margin: 0px;
	padding-bottom: 5px;
	padding-top:0px;
	line-height: normal;
}

h2 {
	font-size: 1.4em;
	font-weight: bold;
	color: #666666;
	margin: 0px;
	text-align: left;
	padding-bottom: 5px;
	padding-top: 1em;
	line-height: 1.4em;
}


h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px;
	text-align: left;
	padding-bottom: 0px;
	}
	
h4 {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #53531e;
	font-size: 0.9em;
	text-align: center;
	line-height: 1em;
}

ul {
	margin-top: 0px;
	padding-top: 0px;
}

p {
 	padding-top: 0px;
	padding-bottom: 16px;
	margin:0px;
	}

/*Left Hand Float*/
#floatleft {
	position: absolute; /*This is needed so clears in the maincontent div don't clear out of this float (thus dropping content below the sidebar), but only out of the floats called within the maincontent div itself */
	float: left;
	clear:left;
	width: 200px;
	background-color: #FFFFFF;
	margin-top: 15px;
	margin-left:10px;
	z-index:1;
}

#floatleft p {
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 0px;
font-size: .9em;
margin-bottom: 0px;
margin-top:0px;
line-height:normal;
}

#floatleft ul {
padding-bottom: 10px;
}

#floatleft ul li{
	margin-top:0px;
	font-size:0.9em;
	padding-right:5px;
	list-style-type: circle;

}

#floatleft .box1 {
background-color: #E8F3DA;
padding: 10 0 10 10;
margin-bottom:10px;
}

#floatleft .box1 h1 {
display: block;
padding: 10px;
background-color:#B5D494;
font-weight: bold;
font-size: 0.9em;
}

#floatleft .box2 {
background-color: #CBE4F5;
padding: 10 0 10 10;
margin-bottom:10px;
}

#floatleft .box2 h1 {
display: block;
padding: 10px;
background-color:  #63B0E2;
font-weight: bold;
font-size: 0.9em;
}

#floatleft .box3 {
background-color: #FBEDDD;
padding: 10 0 10 10;
margin-bottom:10px;
}

#floatleft .box3 h1 {
display: block;
padding: 10px;
background-color: #F8B969;
font-weight: bold;
font-size: 0.9em;
}

 

/*End Left Hand Float*/


/*Right Hand Float*/
#floatright {
	float: right;
	clear:right;
	width: 200px;
	background-color: #FFFFFF;
	margin: 15px;
	z-index:1;
}

#floatright h3 {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	}
	
#floatright p {
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
padding-bottom: 10px;
font-size: 0.9em;
margin-bottom: 0px;
margin-top:0px;
}

#floatright ul {
padding-bottom: 10px;
}

#floatright ul li{
margin-top:0px;
font-size:0.9em;
list-style-type: circle;
padding-right:10px;
}


#floatright ol li{
margin-top:0px;
font-size:0.9em;
}

#floatright .box1 {
background-color: #E8F3DA;
padding: 10 0 10 10;
margin-bottom:10px;
}

#floatright .box1 h1 {
display: block;
padding: 10px;
background-color:#B5D494;
font-weight: bold;
font-size: 0.9em;
margin-bottom:10px;
}

#floatright .box2 {
background-color: #CBE4F5;
padding: 10 0 10 10;
margin-bottom:10px;
}

#floatright .box2 h1 {
display: block;
padding: 10px;
background-color:  #63B0E2;
font-weight: bold;
font-size: 0.9em;
margin-bottom:10px;
}

#floatright .box3 {
background-color: #FBEDDD;
padding: 10 0 10 10;
margin-bottom:10px;
}

#floatright .box3 h1 {
display: block;
padding: 10px;
background-color: #F8B969;
font-weight: bold;
font-size: 0.9em;
margin-bottom:10px;
}

/*End Right Hand Float*/


.footer {
	color: #555;
	font-size: 11px;
	line-height: 1.2em;
	padding-top: 10px;
	display: block;
	border-top: #ccc 1px solid;
	margin-top:10px;
	clear: both; /*this keeps the float working on the data page .tool class */
}

.footer a {
	color: #555;
	text-decoration: underline;
}
/*.footer a:visited {
	text-decoration: none;
}*/
.footer a:hover {
	text-decoration: underline;
}
#footerLogo {
	float:left; 
	padding-right:10px;
}

/*SEE innovation_index.css for #datacontent, .tableheader, .tablecontent, .tablegraphs, #data tr:hover, #data .dataheader, #data .datasubheader, #data .datacontent, #data .value, #floatleft .innovation, #floatleft .innovation h1, #floatleft .innovation p, #floatleft .innovation h2, #floatleft .innovation ul li, #floatleft .innovation ol li*/

.tagline {
	background-color: #CBE4F5;
	font-weight: bold;
	font-size: 13px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #63B0E2;
	padding: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #63B0E2;
}
.floatleft {
	float: left;
}
ol {
	margin-top: 0px;
	padding-top: 0px;
}
#reportTOC li { /*for the reports pages*/
	font-size: 12px;
	color: #666666;
	list-style-type: none;
}
/*These are the float properties for the data pages. They differ from the shell pages for two reasons. 1) We don't want left float content to appear on all data pages. 2) We want the formatting different because the 3 boxes on the shell pages are specifically for the three areas of focus for this project- innovation index, occupation clusters, and investment analysis*/
#floatleft_innovation {
padding: 10 0 10 10;
margin-bottom:0px;
color: #222222;
/*margin-top: -15px;
margin-left: -10px;
margin-right: 20px;*/
border-right: #CCC dotted 2px;
border-bottom: #CCC dotted 2px;
/*font-size: 11px;*/
position: relative;
float: left;
clear:left;
width: 200px;
z-index:1;
}

#floatleft_innovation h1 {
display: block;
padding: 20px 10px 0 10px;
font-family: "Times New Roman", Times, serif;
font-weight: bold;
font-size: 1.8em;
font-style: italic;
line-height: 1em;
}

#floatleft_innovation p {
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 0px;
margin-bottom: 10px;
margin-top:0px;
}

#floatleft_innovation h2 {
display: block;
padding: 10px;
font-weight: bold;
font-size: 0.9em;
}

#floatleft_innovation ul li {
 padding-right: 10px;
 }
 
#floatleft_innovation ol li {
 padding-right: 10px;
 }
#staticWidth { /*This is used for Michael's pages that have a fixed width and no sidebars*/
	width:900px;
	clear:left;
	margin:10px;
	margin-top:15px;
}
#bannerbar {
background-image:url(../images/bannerfade.gif);
background-repeat:repeat-x;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-style:italic;
font-weight:bold;
margin:0;
padding:3px 10px 3px 15px;
}