/* GENERAL
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

html {
	font-size: 100%; /* This assures the default font size derives from 16px, default in most modern browsers. */
}

body {
	background:white ;
	text-align:center;
	font-size:.75em; /* This sets the global default font size for the page to 12px (12/16 = .75em) . */
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div.floatBreaker {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}

h1, h2, h3, h4 {
	color:#0075c7;
	font-weight:normal;
	margin:0;
}


/* LINKS */
a {
	color:#0075c7;
}

a:hover {
	color: #b6d233;
	text-decoration: none;
}

.features a {
	font-size: .92em; /* This sets the font size for to 11px (11/12 = .92em) . */
	line-height: 1.3em;
}

p.breadcrumb_nav a {
	text-decoration: none;
}


/* MAIN (div#main is the wrapper element for the site)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#container {
	width:770px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

/* HEADER (div#header contains the logo and top nav. These values are for the content pages. See home.css for homepage specific overrides.)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#header {
	margin-bottom: 25px;
}


#header h1 {
	text-indent:-9999px;
	height: 210px;
	width: 770px;
	background: url(../images/bg_content_header.jpg) no-repeat 0 0;
}

#header h1 a {
	display: block;
	width: 188px;
	height: 213px;
}

#header p {
	display: none;
}

/* FEATURE (div.feature are the three feature divs on the home page.) */
.features {
	width: 176px;
	float: left;
	margin: 0 10px 10px 0;
}

#features {
	margin-left: 15px;
}

#features p {
	margin-bottom: 13px;
	line-height: 1.5em;
}

.features h2 {
	height:62px;
	width: 165px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-bottom: 0;
}

/* Apply the appropriate background image for the category of the home page features. */
#feature_1 h2 {
	background-image:url(../images/bg_feature_1.gif);
}

#feature_2 h2 {
	background-image:url(../images/bg_feature_2.gif);
}

#feature_3 h2 {
	background-image:url(../images/bg_feature_3.gif);
}

#feature_4 h2 {
	background-image:url(../images/bg_feature_4.gif);
}

#feature_1 h2 a, #feature_2 h2 a, #feature_3 h2 a, #feature_4 h2 a{
	width: 165px;
	height: 62px;
	display: block;
}


/*  CONTENT PAGE HEADERS (Applies background image to h2's on content pages to create category headers.)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#content_main h2 {
	height:45px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
}


/* Apply the appropriate background image for the category of the current page. */

h2#section3 {
	background-image:url(../images/bg_header_county_profiles.gif);
	width: 291px;
}

h2#section4 {
	background-image:url(../images/bg_header_best_practices.gif);
	width: 183px;
}

h2#section5 {
	background-image:url(../images/bg_header_curricula.gif);
	width: 490px;
}

h2#section6 {
	background-image:url(../images/bg_header_partners.gif);
	width: 264px;
}


/*  CONTENT_MAIN (div#content_main is the main content column on content pages.)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#content_main {
	width:530px;
	position: absolute;
	top:130px;
	left: 221px;
}

.col_1 {
	width: 250px;
	float: left;
}

.col_2  {
	width: 250px;
	float: right;
}

.row {
	clear: both;
	padding: 10px 0 20px 0;
}

p {
	line-height: 1.5em;
	margin-bottom: 15px;
}

h3 {
	font-size: 1.83em; /* This sets the font size for to 22px (22/12 = 1.83em) . */
	text-transform: uppercase;
	margin-bottom: 35px;
}

h4 {
	font-size: 1.2em; /* This sets the font size for to 14px (14/12 = 1.2em) . */
	margin-bottom: 10px;
}

h5, h6 {
	font-size: 1em; /* This sets the font size for to 12px (12/12 = 1em) . */
	margin-bottom: 10px;
}


#content_main li {
	list-style-type: disc;
	margin: 0 0 8px 16px;
}



.page_nav {
	clear: left;
	padding-top: 40px;
}

p.page_nav_previous {
	float: left;
	font-size: .92em; /* This sets the font size for to 11px (11/12 = .92em) . */
	padding-bottom: 40px;
}

p.page_nav_next {
	float: right;
	font-size: .92em; /* This sets the font size for to 11px (11/12 = .92em) . */
	padding-bottom: 40px;
}


p.intro {
	margin-bottom: 20px;
}

p.breadcrumb_nav {
	font-size: .92em;/* This sets the font size for to 11px (11/12 = .92em) . */
	margin-bottom: 15px;
	color: #0075c7;
}


/*  CONTENT_SECONDARY (div#content_secondary is the subcontent column on content pages.)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#content_secondary {
	width:156px;
	float:left;
	margin: 35px 0 0 8px;
}

#content_secondary h4 {
	font-size: 1em; /* This sets the font size for to 12px (12/12 = 1em) . */
	font-weight: bold;
	margin-bottom: 10px;
}

/*  Program Matrix Table
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

table {
	border: 1px solid #BFBFBF;
}

td, th {
	border: 1px solid #BFBFBF;
}

th {
	padding: 5px 8px;
}

th.row_header {
	background: #DAE6F0;
	font-weight: bold;
	text-transform: uppercase;
	font-size: .83em;
	text-align: center;
}
 	
th.col_header {
	background: #E3EEBB;
}

col.col_shaded {
	background: #F3F8DF;
}

/*  SUB_NAV (ul#sub_nav is the subnav on content pages.)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#content_secondary li {
	margin: 0  0 12px 15px;
	font-size: .92em; /* This sets the font size for to 11px (11/12 = .92em) . */
}

#content_secondary h4 a {
	text-decoration: none;
}
	


/*  Current Page Highlight
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* Dynamically place class="current" on any nav a tag for highlight */
a.current {
	color: #b6d233;
	text-decoration: none;
}


/* FOOTER (div#footer is the site footer.)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#footer {
	clear: both;
	margin: 50px 0 20px 0;
}

#footer p {
	color: #0283c5;
	font-size: .92em; /* This sets the font size for to 11px (11/12 = .92em) . */
	margin: 10px 0;
	line-height: 1.5em;

}

#footer .legal {
	color: #a3d1ed;
	font-size: .84em;
}

#footer li {
	display: inline;
	font-size: .92em; /* This sets the font size for to 11px (11/12 = .92em) . */
	padding-left: 7px;
	margin: 0;
}

#footer li.first {
	padding-left: 0;
}