/*
 * Main style sheet for the EPSCoR/IDeA Foundation website
 * Created by Eli Van Zoeren
 * February, 2008
 *
 * For more information, visit http://elivz.com
 */


/* Begin CSS Reset - courtesy of MeyerWeb.com */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}

body {
	line-height: 1;
	}

ol, ul {
	list-style: none;
	}

blockquote, q {
	quotes: none;
	}

:focus {
	outline: 0;
	}

ins {
	text-decoration: none;
	}

del {
	text-decoration: line-through;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

em {
	font-weight: normal;
	font-style: italic;
	}

strong {
	font-style: normal;
	font-weight: bold;
	}

/* End CSS Reset */

/* Begin html elements */

body {
	background: #fff;
	color: #595959;
	font: 62.5% "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	}

h1 {
	font-size: 3em;
	line-height: 1.4em;
	font-weight: normal;
	color: #7f3e3f;
	}
h1 a {
	background: url(http://www.epscorideafoundation.org/images/interface/title.gif) no-repeat 0 0;
	display: block;
	width: 260px;
	height: 75px;
	text-indent: -9999px;
	}
h1 a:hover, h1 a:focus {
	background-position: 0 -75px;
	}

h2 {
	font-size: 2.4em;
	font-weight: normal;
	line-height: 1.75em;
	color: #7f3e3f;
	}

h3 {
	font-size: 1.7em;
	line-height: 1.2353em;
	font-weight: bold;
	color: #7f3e3f;
	}

h4 {
	font-size: 1.5em;
	line-height: 1.4em;
	font-weight: bold;
	}

p {
	font-size: 1.4em;
	line-height: 1.5em;
	}
	
.section p {
	margin-bottom: 1.5em;
	}

a:link {
	color: #497998;
	text-decoration: none;
	}

a:visited {
	color: #5b7f98;
	text-decoration: none;
	}

a:hover, a:active {
	color: #497998;
	text-decoration: none;
	border-bottom: solid 1px #497998;
	}

blockquote {
	background: #e6edf2;
	padding: 10px 1.5em;
	margin-bottom: 1.31em;
	border: solid #7f3e3f;
	border-width: 1px 0;
	font: italic 1.7em/1.235em Georgia, "Times New Roman", Times, serif;
	}

.section ul {
	font-size: 1.4em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	margin-left: 1.2em;
	list-style-position: outside;
	list-style-type: disc;
	}

.section ul li {
	padding-left: 0;
	}

.section ol {
	font-size: 1.4em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	margin-left: 1.2em;
	list-style-position: outside;
	list-style-type: decimal;
	}

.section ol li {
	padding-left: 0;
	}

.section table {
	width: 100%;
	font-size: 1.2em;
	line-height: 1.667em;
	text-align: left;
	margin-bottom: 1.667em;
	border-bottom: 1px solid #7f3e3f;
	}
	
.section table caption {
	background: #e6edf2;
	padding: 0.75em 0;	
	}

.section table caption h3 {
        font-size: 1.417em;
        }

.section table thead {
	font-weight: bold;
	background: #e6edf2;
	border-bottom: 1px solid #7f3e3f;
	}
	
.section table td, .section table th {
	padding: 0.375em 0.5em;
	}

/* End html elements */

#wrapper {
	width: 880px;
	margin: 0 auto;
	}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.meta {
	font-size: 1.2em;
	line-height: 1em;
	padding-bottom: 0.75em;
	color: #808080;
	}

/* Begin Header */

#skip {
	position: absolute;
	left: -999px;
	}

h1 a, h1 a:link, h1 a:hover {
	margin-top: 20px;
	float: left;
	border: none;
	}

#nav {
	float: right;
	font-size: 1.4em;	}

#nav li {
	width: 160px;
	padding-top: 20px;
	margin-left: 20px;
	text-indent: 3px;
	float: left;
	font-size: 1em;
	line-height: 1.25em;
	}

#nav li:hover {
	border-left: solid 2px #497998;
	margin-left: 18px;
	}

#nav li ul {
	font-size: 0.929em;
	}

#nav li ul li, #nav li ul li:hover {
	margin: 0;
	padding: 0;
	font-size: 1em;
	border: none;
	}
	
#nav li.active a {
	color: #497998;
	font-weight: bold;
	}

#nav a, #nav a:link {
	color: #595959;
	border: none;
	display: block;
	padding: 1px 0 2px;
	}

#nav li a:hover {
	background: #497998 url(http://www.epscorideafoundation.org/images/interface/nav-highlight.gif) repeat-x 0 bottom;
	color: #fff;
	}

#nav #menu_foundation {
	background: url(http://www.epscorideafoundation.org/images/text/menu_foundation.gif) no-repeat 3px 20px;
	text-indent: -9999px;
	}

#nav #menu_epscor {
   background: url(http://www.epscorideafoundation.org/images/text/menu_epscor.gif) no-repeat 3px 20px;
	text-indent: -9999px;
	}

#nav #menu_resources {
	background: url(http://www.epscorideafoundation.org/images/text/menu_resources.gif) no-repeat 3px 20px;
	text-indent: -9999px;
	}

/* End Header */

/* Begin Body */

#body {
	clear: both;
	padding: 20px 0 0;
	margin: 0;
	}
	
.pageTitle {
	border: solid #7f3e3f;
	border-width: 5px 0 1px;
	padding: 8px 0;
	margin-bottom: 2.1em;
	text-align: center;
	background: #e6edf2 url(http://www.epscorideafoundation.org/images/interface/block-shading.gif) repeat-x left bottom;
	}

.pageTitle.no-margin {
	margin-bottom: 0;
	}
	
.pageTitle h2 {
	font: normal 28px/28px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	}

.Column1 {
	width: 160px;
	float: left;
	}

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

.Column2 {
	width: 340px;
	float: left;
	}

.Column3 {
	width: 520px;
	float: left;
	}
	
.Column4 {
	width: 700px;
	float: left
	}
	
.Column5 {
	width: 880px;
	}

.left {
	margin-right: 20px;
	}

.section {
	padding-bottom: 2.1em;
	}

.outlined {
        border: 1px solid;
        padding: 4px;
	background: #e6edf2;
	color: #7f3e3f;
       }
.outlined p {
        margin: 0;
       }

/* End Body */

/* Begin front page elements */

#intro {
	border: solid #7f3e3f;
	border-width: 4px 0 4px;
	background: #e6f1f8 url(http://www.epscorideafoundation.org//images/interface/intro.jpg) no-repeat left top;
	margin-bottom: 3em;
	}

#intro .story {
	width: 480px;
	padding: 12px 40px;
	}
	
#intro h3 {
	font-size: 18px;
	line-height: 18px;
	}

#intro p {
	margin-top: 0.75em;
	}

.home h2 a:hover {
	text-decoration: none;
	border: none;
	}

#missionStatement {
	background: #e6edf2 url(http://www.epscorideafoundation.org/images/interface/block-shading.gif) repeat-x left bottom;
	padding: 10px 15px 12px;
	border-bottom: 1px solid #7f3e3f;
	margin-bottom: 2.727em;
	text-align: center;
	color: #7f3e3f;
	font: italic 1.1em Georgia, "Times New Roman", Times, serif;
	}

#mapbox {
	background: #e6edf2;
	padding: 7px 0;
	border: solid #7f3e3f;
	border-width: 1px 0;
        }

ul.AgencyList {
	list-style-type: none;
	margin-left: 0;
	}
ul.AgencyList li {
	width: 240px;
	margin-right: 20px;
	float: left;
	list-style-type: none;
	list-style-position: inside;
	}

/* End front page */

/* Begin News */

.news .story {
        clear: both;
	margin-bottom: 2.1em;
	}
	
.news .story p {
	margin-bottom: 0;
	}

.news .story .more {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.75em;
	text-align: right;
	}
	
.news .story img {
	float: right;
	margin: 0 0 5px 10px;
	}

.news .story .featureImage {
	margin: 0 0 0 20px;
	float: right;
	}

.news .pagination {
       text-align: center;
       }

#featureImage {
	margin-bottom: 2.1em;
	border: solid #7f3e3f;
	border-width: 4px 0 5px;
	}
	
#featureImage img {
	margin-bottom: -2px;  /* Gets rid of mystery white-space */
	}

ul.category_links {
       list-style-type: none;
       margin-left: 0;
       }

/* End News */

/* Begin Email Forms */

#contact_form label, #tellafriend_form label {
	width: 80px;
	display: block;
	float: left;
	margin-right: 20px;
	padding-top: 4px;
	}

#contact_form input[type="text"], #tellafriend_form input[type="text"] {
	width: 415px;
	border: solid #ccc;
	border-width: 0 0 2px 0;
	padding-bottom: 2px;
	background: #fff;
	color: #595959;
	font: 1.2em "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	}
	
#contact_form textarea, #tellafriend_form textarea {
	width: 512px;
	clear: left;
	border: 2px solid #ccc;
	padding: 2px;
	margin-top: 0.5em;
	background: #fff;
	color: #595959;
	font: 1.2em "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	}
	
#contact_form input[type="submit"], #tellafriend_form input[type="submit"] {
	margin: 0 auto;
	color: #595959;
	font-size: 1.4em;
	}

/* End Email forms */

/* Begin Footer */

#footer {
	clear: both;
	background: #e6edf2 url(http://www.epscorideafoundation.org/images/interface/block-shading.gif) repeat-x left bottom;
	padding: 1.75em 15px 2em;
	border-top: 1px solid #7f3e3f;
	font-size: 1.2em;
	line-height: 1.75em;
	display: block;
	}

#footer .left {
	float: left;
	}

#footer .right {
	float: right;
	text-align: right;
	font-size: 1.25em;
	line-height: 2.3em;
	text-transform: uppercase;
	}

a.terms {
	font-weight: bold;
	}
	
#feed {
	background: url(http://www.epscorideafoundation.org/images/interface/feed-icon.gif) no-repeat left center;
	padding-left: 15px;
	}

/* End Footer */