/* ---------------------------------------------------------------------------------------------- */
/* ---------- FONT EMBEDDING -------------------------------------------------------------------- */
/* ---------- Generated by Font Squirrel (http://www.fontsquirrel.com) on April 13, 2015 -------- */
/* ---------------------------------------------------------------------------------------------- */


@font-face {
    font-family: 'bebas';
    src: url('../fonts/bebasneue_regular-webfont.eot');
    src: url('../fonts/bebasneue_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue_regular-webfont.woff2') format('woff2'),
         url('../fonts/bebasneue_regular-webfont.woff') format('woff'),
         url('../fonts/bebasneue_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }

@font-face {
    font-family: 'vollkorn';
    src: url('../fonts/vollkorn-italic-webfont.eot');
    src: url('../fonts/vollkorn-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vollkorn-italic-webfont.woff2') format('woff2'),
         url('../fonts/vollkorn-italic-webfont.woff') format('woff'),
         url('../fonts/vollkorn-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }


/* ---------------------------------------------------------------------------------------------- */
/* ---------- BASIC PAGE SETUP ------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------- */

body { 
	margin: 0;
	padding: 0;
	font: 1em/1.5em helvetica, helve, arial, sans-serif; 
	color: #fff; 
	background: #000;
	}

div { 
	margin: 0;
	padding: 0;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- FLOATS & FLOAT CLEARING ----------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


.left {
    float: left;
	}

.right {
    float: right;
	}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- TYPOGRAPHY ------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------- */


p, ol, ul, dl, address { 
	margin-bottom: 1.5em; 
	}

ul, 
ol { 
	margin: 0 0 1.5em 0; 
	padding: 0 0 0 1em;
	}

li ul, 
li ol { 
	margin: 0;
	font-size: 1em;
	}


ul { 
    list-style-type: square;
    	}


dl, 
dd { 
	margin-bottom: 1.5em; 
	}

dt { 
	font-weight : normal;
	}

b, strong { 
	font-weight: bold;
	}

hr { 
	display: block; 
	margin: 0 0 1.5em 0; 
	padding: 0;
	height: 1px; 
	border: 0; 
	border-top: 1px dotted #fff;
	}

small { 
	font-size: 1em;
	}

sub, sup { 
	font-size: 75%; 
	line-height: 0; 
	position: relative; 
	vertical-align: baseline;
	}

sup { 
	top: -.5em;
	}

sub { 
	bottom: -.25em;
	}


/* ---------- Links ----------------------------------------------------------------------------- */

a { 
	color: #000;
	text-decoration: underline;
	}

a:visited { 
	color: #000;
	}

a:focus { 
	outline: thin dotted; 
	color: rgb(0,0,0);
	}

a:hover, 
a:active { 
	outline: 0;
	color: #0e1472;
	text-decoration: none;
	}


/* ---------- Headings -------------------------------------------------------------------------- */


h1, h2, h3, h4, h5, h6 {
	font-family: 'bebas';
	line-height: 1em;
	margin: 0;
	padding: 0;
	}

h1 {
	font-size: 3.5em;
	color: #0e1472;
	}
	
h2 {
	font-size: 2.5em;
	color: #0067ac;
	padding-bottom: 0.25em;
	margin-bottom: 0.25em;
	border-bottom: 1px dotted #0067ac;
	}

h3 {
	font-size: 2em;
	color: #0067ac;
	padding-bottom: 0.25em;
	margin-bottom: 0.25em;
	border-bottom: 1px dotted #0067ac;
	}

h4 {
	font-size: 1.5em;
	color: #0067ac;
	margin-top: 0.25em;
	margin-bottom: 0.5em;
	border-bottom: 1px dotted #0067ac;
	padding-bottom: 0.4375em;
	}

h5 {
	font-family: helvetica, helve, arial, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	color: #0067ac;
	}

h6 {
	font-family: helvetica, helve, arial, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
	color: #0067ac;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- IMAGES ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


img {
	border: 0;
	max-width: 100%;
	height: auto;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- TABLES ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


table { 
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 1.5em; 
	width: 100%; 
	}

th, td, caption { 
	padding: .25em; 
	}

tfoot { 
	font-style: italic; 
	}

caption { 
	background-color: transparent; 
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- FORMS ----------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


form { 
	margin: 0; 
	}

button, 
input, 
select, 
textarea { 
	font-family: helvetica, helve, arial, sans-serif; 
	color: #000;
	}

fieldset { 
	margin-bottom: 1.5em; 
	padding: 0; 
	border-width: 0; 
	}

legend { 
	padding: 0; 
	border-width: 0;
	}

label {
	font-weight: normal;
	cursor: pointer;
	display: block;
	margin: 0;
	position: relative;
	top: 0;
	left: 0;
	}

button, 
search,
input, 
select, 
textarea { 
	font-size: 100%; 
	margin: 0; 
	vertical-align: baseline; 
	}

button, input { 
	line-height: normal; 
	}

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
	padding: 0.5em 1em;
	margin: 0;
	cursor: pointer; 
	}

input[type="checkbox"], 
input[type="radio"] { 
	box-sizing: border-box; 
	}

input[type="search"] { 
	box-sizing: content-box;
	}

button::-moz-focus-inner, 
input::-moz-focus-inner { 
	padding: 0;
	border: 0; 
	}

input{
	margin: 0;
	border: 1px solid #fff;
	font-size: 1em;
	padding: 0.25em 0.5em;
	background: #fff;
	}
	
input::-moz-focus-inner {
	border:0;
	}

input[disabled="disabled"], 
input.disabled {
	color: #7e7e7e;
	background: #a0a0a0;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- HEADER ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


#headerWrap {
	width: 100%;
	background-color: #fff;
	}

#header {
	width: 100%;
	height: 200px;
	max-width: 900px;
	position: relative;
	margin: 0 auto;
	background-color: #fff;
	}

#logo {
	background: transparent url(../images/evaluATOD_logo.png) 0 0 no-repeat;
	width: 342px;
	height: 105px;
	position: absolute;
	top: 45px;
	left: 5%;
	text-indent: -99999px;
	}


/* ---------- SEARCH BOX ------------------------------------------------------------------------ */


#search {
	width: 25%;
	height: 45px;
	position: absolute;
	top: 0;
	right: 5%;
	}

#search label {
	display: none;
	}

input.searchform {
	background: #d9d9d9;
	color: #000;
	width: 70%;
	height: 45px;
	margin: 0;
	padding: 0 5%;
	border: none;
	font-size: 0.875em;
	float: left;
	}

input.searchform:focus {
	background-color: #ccc;
	}

input.searchbutton {
	background: #999 url(../images/icon_search.png) center center no-repeat;
	color: #fff;
	width: 20%;
	height: 45px;
	text-indent: -99999px;
	border: none;
	float: right;
	}

input.searchbutton:hover {
	background-color: #000;
	}

::-webkit-input-placeholder {
	color: #58595b;
	}

:-moz-placeholder {		/* Firefox 18- */
	color: #58595b;  
	}

::-moz-placeholder {	/* Firefox 19+ */
	color: #58595b;  
	}

:-ms-input-placeholder {
	color: #58595b;  
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- TOP-LEVEL NAVIGATION BAR ---------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


#navigationWrap {
	width: 100%;
	background-color: #f3901d;
	}

#navigation {
	width: 100%;
	max-width: 900px;
	height: 45px;
	margin: 0 auto;
	position: relative;
	background-color: #f3901d;
	}


/* ---------- NAVIGATION TABS ------------------------------------------------------------------- */


#menu {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 200;
	}

#menu > li {
	float: left;
	position: relative;
	width: 20%;
	margin: 0;
	}

#menu > li > a {
	display: block;
	width: 100%;
	height: 45px;
	color: #fff;
	font-family: 'bebas';
	font-size: 1.25em;
	line-height: 45px;
	text-decoration: none;
	}

#menu > li > a.homeTab {
	background-color: #0e1472;
	}

#menu > li > a.projectsTab {
	background-color: #0067ac;
	}

#menu > li > a.resourcesTab {
	background-color: #546e2b;
	}

#menu > li > a.learningTab {
	background-color: #753f00;
	}

#menu > li > a.discussionsTab {
	background-color: #b5121b;
	}

#menu > li > a > span {
	padding-left: 10px;
	float: left;
	}

#menu > li > a > div {
	width: 25%;
	height: 45px;
	float: left;
	}

#menu > li > a > div.homeIcon {
	background: transparent url(../images/icon_nav_home.png) center 13px no-repeat;
	border-right: 1px dotted #6e72aa;
	}

#menu > li > a > div.projectsIcon {
	background: transparent url(../images/icon_nav_projects.png) center 13px no-repeat;
	border-right: 1px dotted #66a4cd;
	}

#menu > li > a > div.resourcesIcon {
	background: transparent url(../images/icon_nav_resources.png) center 13px no-repeat;
	border-right: 1px dotted #98a880;
	}

#menu > li > a > div.onlinelearningIcon {
	background: transparent url(../images/icon_nav_learning.png) center 13px no-repeat;
	border-right: 1px dotted #ac8c66;
	}

#menu > li > a > div.discussionsIcon {
	background: transparent url(../images/icon_nav_discussions.png) center 13px no-repeat;
	border-right: 1px dotted #d37176;
	}

#menu > li > a:hover {
	background-color: #000;
	text-decoration: none;
	}

#menu > li > a:hover > div.homeIcon {
	background-position: center -87px;
	border-right-color: #f3901d;
	}

#menu > li > a:hover > div.projectsIcon {
	background-position: center -87px;
	border-right-color: #f3901d;
	}

#menu > li > a:hover > div.resourcesIcon {
	background-position: center -87px;
	border-right-color: #f3901d;
	}

#menu > li > a:hover > div.learningIcon {
	background-position: center -87px;
	border-right-color: #f3901d;
	}

#menu > li > a:hover > div.discussionsIcon {
	background-position: center -87px;
	border-right-color: #f3901d;
	}


/* ---------- NAVIGATION DROPDOWN MENUS---------------------------------------------------------- */


#menu ul {
	display: block;
	font-size: 0.875em;
	line-height: 1.25em;
	padding: 0;
	margin: 0;
	position: absolute;
	width: 100%;
	top: 45px;
	left: 0;
	background-color: #999;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
	}

#menu ul li {
	display: block;
	background-color: #999;
	float: none;
	border-bottom: 1px dotted #d9d9d9;
	}

#menu ul li:last-child {
	border-bottom: none;
	}

#menu ul li a {
	display: block;
	background-color: #999;
	height: auto;
	width: 90%;
	color: #fff;
	padding: 0.5em 5%;
	text-decoration: none;
	}

#menu ul li a:hover {
	background-color: #000;
	text-decoration: underline;
	}

#menu li ul {
	display: none; /* Hide dropdown links until they are needed */
	}

#menu li a:hover + .hidden, 
#menu .hidden:hover {
	display: block; /* Display the dropdown on hover */
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- HOME PAGE ROTATING FEATURE -------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


#featureWrap {
	width: 100%;
	background-color: #d9d9d9;
	}

#feature01, 
#feature02, 
#feature03, 
#feature04, 
#feature05, 
#feature06, 
#feature07, 
#feature08, 
#feature09, 
#feature10 {
	width: 100%;
	max-width: 900px;
	min-height: 360px;
	margin: 0 auto;
	background-color: #000;
	}

#f01_text, 
#f02_text, 
#f03_text, 
#f04_text, 
#f05_text, 
#f06_text, 
#f07_text, 
#f08_text, 
#f09_text, 
#f10_text {
	font-family: 'vollkorn';
	font-size: 2em;
	line-height: 1.25em;
	margin: 0;
	padding: 0;
	}

#f01_text span.featureSmall, 
#f02_text span.featureSmall, 
#f03_text span.featureSmall, 
#f04_text span.featureSmall, 
#f05_text span.featureSmall, 
#f06_text span.featureSmall, 
#f07_text span.featureSmall, 
#f08_text span.featureSmall, 
#f09_text span.featureSmall, 
#f10_text span.featureSmall {
	font-size: 0.875em;
	}

#f01_button, 
#f02_button, 
#f03_button, 
#f04_button, 
#f05_button, 
#f06_button, 
#f07_button, 
#f08_button, 
#f09_button, 
#f10_button { 
	font-size: 0.75em;
	line-height: 1.25em;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	color: #fff;
	}

#f01_button:hover, 
#f02_button:hover, 
#f03_button:hover, 
#f04_button:hover, 
#f05_button:hover, 
#f06_button:hover, 
#f07_button:hover, 
#f08_button:hover, 
#f09_button:hover, 
#f10_button:hover { 
	text-decoration: underline;
	}


/* ---------- FEATURE 1: Shared risk and protective factors (Online Learning) ------------------- */


#feature01 {
	background-color: #753f00;
	}

#f01_message {
	background-color: #f3901d;
	width: 55%;
	min-height: 280px;
	padding: 40px 5%;
	float: left;
	}

#f01_text {
	color: #000;
	}

#f01_text span.featureSmall {
	color: #0e1472;
	}

#f01_button {
	background: transparent url(../images/icon_feature_learning_white.png) center top no-repeat;
	color: #000;
	width: 45.455%;
	padding-top: 40px;
	margin-left: 45.455%;
	margin-top: 35px;
	text-align: center;
	}

#f01_image {
	background: #753f00 url(../images/feature01.jpg) center top no-repeat;
	width: 35%;
	min-height: 360px;
	height: 100%;
	float: right;
	}


/* ---------- FEATURE 2: Evaluation Decision Making (Online Learning) --------------------------- */


#feature02 {
	background: #7fb3d5 url(../images/feature02.jpg) center bottom no-repeat;
	}

#f02_message {
	background-color: transparent;
	width: 90%;
	min-height: 280px;
	padding: 40px 5%;
	text-align: center;
	}

#f02_text {
	color: #0e1472;
	}

#f02_text span.featureSmall {
	color: #000;
	}

#f02_button {
	background: transparent url(../images/icon_feature_learning_green.png) center top no-repeat;
	color: #000;
	width: 33.333%;
	padding-top: 40px;
	margin: 0 auto;
	margin-top: 35px;
	text-align: center;
	}


/* ---------- FEATURE 3: Evaluation 101 (Online Learning) --------------------------------------- */


#feature03 {
	background-color: #000;
	}

#f03_message {
	background-color: #b5121b;
	width: 50%;
	min-height: 280px;
	padding: 40px 5%;
	float: left;
	}

#f03_text {
	color: #fff;
	}

#f03_text span.featureSmall {
	color: #e7d8ac;
	}

#f03_button {
	background: transparent url(../images/icon_feature_learning_yellow.png) center top no-repeat;
	color: #fff;
	width: 50%;
	padding-top: 40px;
	margin-left: 50%;
	margin-top: 35px;
	text-align: center;
	}

#f03_image {
	background: #000 url(../images/feature03.jpg) center top no-repeat;
	width: 40%;
	min-height: 360px;
	height: 100%;
	float: right;
	}


/* ---------- FEATURE 4: Assessing community needs and readiness (Resources) -------------------- */


#feature04 {
	background-color: #753f00;
	}

#f04_message {
	background-color: #9e6614;
	width: 50%;
	min-height: 280px;
	padding: 40px 0;
	margin: 0;
	float: right;
	}

#f04_callout {
	background: #753f00;
	width: 50%;
	min-height: 360px;
	padding: 0;
	margin: 0;
	float: left;
	}

#f04_text {
	color: #fff;
	width: 80%;
	padding-left: 10%;
	}

#f04_image {
	background: #753f00 url(../images/feature04.jpg) center top no-repeat;
	width: 100%;
	height: 270px;
	padding: 0;
	}

#f04_link {
	background: #753f00;
	width: 100%;
	padding: 0;
	}

#f04_button {
	background: transparent url(../images/icon_feature_resources_yellow.png) left center no-repeat;
	color: #fff;
	width: 60px;
	min-height: 32px;
	padding-left: 40px;
	margin-top: 26px;
	margin-left: 60%;
	}


/* ---------- FEATURE 5: MN Evidence-Based Practices Workbook (Resources) ----------------------- */


#feature05 {
	background-color: #435822;
	}

#f05_image {
	background: #435822 url(../images/feature05.png) center top no-repeat;
	width: 40%;
	min-height: 360px;
	padding: 0;
	float: left;
	}

#f05_message {
	background-color: #32421a;
	width: 60%;
	padding: 0;
	margin: 0;
	float: right;
	}

#f05_text {
	background-color: #546e2b;
	color: #fff;
	width: 83.334%;
	min-height: 190px;
	padding: 40px 8.333%;
	text-align: center;
	}

#f05_link {
	background: #32421a;
	width: 100%;
	padding: 0;
	}

#f05_button {
	background: transparent url(../images/icon_feature_resources_yellow.png) left center no-repeat;
	color: #fff;
	width: 90px;
	min-height: 32px;
	padding-left: 40px;
	margin: 0 auto;
	margin-top: 26px;
	margin-bottom: 32px;
	}


/* ---------- FEATURE 6: Evaluation on a shoestring budget (Resources) -------------------------- */


#feature06 {
	background: #00958f url(../images/feature06.jpg) center bottom no-repeat;
	}

#f06_message {
	background-color: transparent;
	width: 50%;
	padding-top: 40px;
	margin-left: 40%;
	text-align: center;
	}

#f06_text {
	color: #fff;
	}

#f06_button {
	background: transparent url(../images/icon_feature_resources_yellow.png) left center no-repeat;
	color: #fff;
	width: 80px;
	min-height: 32px;
	padding-left: 40px;
	margin: 0 auto;
	margin-top: 26px;
	text-align: left;
	}


/* ---------- FEATURE 7: Mapping (Webinar) ------------------------------------------------------ */


#feature07 {
	background: #58595b url(../images/feature07.jpg) center top no-repeat;
	}

#f07_message {
	background-color: transparent;
	width: 90%;
	padding: 40px 5%;
	min-height: 190px;
	text-align: center;
	}

#f07_text {
	color: #e7d8ac;
	width: 50%;
	margin: 0 auto;
	}

#f07_link {
	background: #3b3c3c;
	width: 100%;
	min-height: 64px;
	padding: 26px 0 0 0;
	}

#f07_button {
	background: transparent url(../images/icon_feature_webinar_yellow.png) center top no-repeat;
	color: #fff;
	width: 120px;
	min-height: 32px;
	padding-top: 30px;
	margin: 0 auto;
	text-align: left;
	}


/* ---------- FEATURE 8: Effective visual presentation of data (Webinar) ------------------------ */


#feature08 {
	background: #753f00;
	}

#f08_image {
	background: #fff url(../images/feature08.png) center center no-repeat;
	width: 45%;
	margin-right: 5%;
	min-height: 347px;
	border-bottom: 13px solid #753f00;
	float: right;
	}

#f08_message {
	background-color: transparent;
	width: 40%;
	padding: 40px 5%;
	min-height: 280px;
	float: left;
	}

#f08_text {
	color: #fff;
	width: 100%;
	text-align: right;
	}
	
#f08_text span.featureSmall {
	color: #e7d8ac;
	}

#f08_button {
	background: transparent url(../images/icon_feature_webinar_yellow.png) left top no-repeat;
	color: #fff;
	width: 110px;
	min-height: 21px;
	padding-left: 40px;
	padding-top: 3px;
	margin-top: 26px;
	text-align: left;
	}


/* ---------- FEATURE 9: Needs Assessment Workbook (Project-specific tools) --------------------- */


#feature09 {
	background: #0e1472 url(../images/feature09a.png) 0 0 no-repeat;
	}

#f09_message {
	background: transparent url(../images/feature09b.png) bottom right no-repeat;
	width: 90%;
	padding: 40px 0 40px 10%;
	min-height: 280px;
	text-align: center;
	}

#f09_text {
	color: #f3901d;
	width: 55.556%;
	margin: 0 auto;
	}

#f09_text span.featureSmall {
	color: #fff;
	}

#f09_button {
	background: transparent url(../images/icon_feature_resources_yellow.png) center top no-repeat;
	color: #fff;
	width: 120px;
	padding-top: 40px;
	margin: 0 auto;
	margin-top: 26px;
	text-align: center;
	}


/* ---------- FEATURE 10: Coalition Functioning Survey (Project-specific tools) ----------------- */


#feature10 {
	background: #b5121b;
	min-height: 353px;
	border-bottom: 17px solid #6b0000;
	}

#f10_image {
	background: #fff url(../images/feature10.png) center center no-repeat;
	width: 40%;
	padding: 0;
	min-height: 353px;
	float: left;
	}

#f10_message {
	width: 40%;
	padding: 40px 0;
	margin-right: 10%;
	min-height: 273px;
	text-align: center;
	float: right;
	}

#f10_text {
	color: #e7d8ac;
	width: 100%;
	}

#f10_text span.featureSmall {
	color: #fff;
	}

#f10_button {
	background: transparent url(../images/icon_feature_resources_yellow.png) center top no-repeat;
	color: #fff;
	width: 120px;
	padding-top: 40px;
	margin: 0 auto;
	margin-top: 26px;
	text-align: center;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- BODY CONTENT ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


#skiptomain { display: none; }

#bodyWrap {
	width: 100%;
	background-color: #d9d9d9;
	}

#body {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	padding: 45px 0;
	color: #000;
	background-color: #fff;
	}


/* ---------- HOME PAGE COLUMN SETUP & SPECIFIC BODY CONTENT STYLES ----------------------------- */


.bodyHome {
	width: 55%;
	margin-left: 5%;
	float: left;
	}

.bodyHome p:last-child {
	margin-bottom: 0;
	}


/* Home Page Sidebar */


.sidebarHome {
	width: 30%;
	margin-right: 5%;
	float: right;
	}

.sidebarHome p {
	font-size: 0.875em;
	}

.sidebarHome ul {
    width: 66.67%;
	margin-top: -0.75em;
    margin-left: 33.33%;
    margin-bottom: 2.5em;
	padding-left: 0;
	line-height: 0.75em;
    }

.sidebarHome li {
	margin-left: 0;
    margin-bottom: 0.75em;
	padding-left: 0;
    }

#resourceLibrary {
	color: #546e2b;
	}

#resourceLibrary h2 {
	color: #8d8b00;
	padding-top: 0.375em;
	border-bottom-color: #8d8b00;
	}

#onlineLearning {
	color: #753f00;
	}

#onlineLearning h2 {
	color: #9e6614;
	padding-top: 0.375em;
	border-bottom-color: #9e6614;
	}

#resourceLibrary a, 
#onlineLearning a {
	color: #000;
	font-size: 0.75em;
	text-transform: uppercase;
	text-decoration: none;
	}

#resourceLibrary a:hover {
	color: #546e2b;
	text-decoration: underline;
	}

#onlineLearning a:hover {
	color: #753f00;
	text-decoration: underline;
	}


/* ---------- LANDING PAGE COLUMN SETUP & SPECIFIC BODY CONTENT STYLES -------------------------- */


.bodyLanding {
	width: 30%;
	margin-left: 5%;
	float: left;
	}

.portal {
	width: 55%;
	margin-left: 5%;
	float: left;
	}

.portalCol {
	width: 45.45%;
	margin-right: 9.1%;
	float: left;
	}

.portalCol:last-child {
	margin-right: 0;
	}

.portalCol h2 {
	}

.portalCol p {
	font-size: 0.875em;
	color: #0e1472;
	}

.portalCol ul {
	font-size: 0.875em;
	color: #0e1472;
	margin-top: -0.875em;
    margin-bottom: 2.5em;
	line-height: 0.875em;
    }

.portalCol ul:last-child {
	margin-bottom: 0;
	}

.portalCol li {
	margin-left: 0;
    margin-bottom: 0.875em;
	padding-left: 0;
    }

.portalCol ul li a {
	color: #000;
	font-size: 0.875em;
	text-transform: uppercase;
	text-decoration: none;
	}

.portalCol ul li a:hover {
	color: #0e1472;
	text-decoration: underline;
	}


/* ---------- GENERAL PAGE COLUMN SETUP & SPECIFIC BODY CONTENT STYLES -------------------------- */


.titleGroup {
	width: 90%;
	margin-left: 5%;
	margin-bottom: 1.5em;
	}

p.preTitle {
	font-size: 0.875em;
	font-weight: bold;
	line-height: 0.875em;
	color: #0e1472;
	margin-bottom: 0;
	}

p.preTitle em {
	font-weight: normal;
	}

.contentGroup {
	width: 100%;
	}

.contentText {
	width: 60%;
	margin-left: 5%;
	float: left;
	}

.contentText h6 a {
	color: #0067ac;
	}

.contentText h6 a:hover {
	color: #000;
	}

.contentText h6 a.contentPdf, 
.contentText h6 a.contentVideo, 
.contentText h6 a.contentWord, 
.contentText h6 a.contentExcel, 
.contentText h6 a.contentFlash, 
.contentText h6 a.contentVideo, 
.contentText h6 a.contentOffsite {
	padding-left: 1.5em;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	}

.contentText h6 a.contentPdf {
	background-image: url(../images/icon_content_pdf.png);
	}

.contentText h6 a.contentVideo {
	background-image: url(../images/icon_content_video.png);
	}

.contentText h6 a.contentWord {
	background-image: url(../images/icon_content_word.png);
	}

.contentText h6 a.contentExcel {
	background-image: url(../images/icon_content_excel.png);
	}

.contentText h6 a.contentFlash {
	background-image: url(../images/icon_content_flash.png);
	}

.contentText h6 a.contentOffsite {
	background-image: url(../images/icon_content_offsite.png);
	}

.contentText ul {
	list-style: none;
	padding-left: 0;
	}

.contentText ul li {
	margin-left: 0;
	padding-left: 1.5em;
	background-image: url(../images/icon_content_none.png);
	background-color: transparent;
	background-position: 0 0.25em;
	background-repeat: no-repeat;
	}

.contentText ul li.contentPdf {
	background-image: url(../images/icon_content_pdf.png);
	}

.contentText ul li.contentVideo {
	background-image: url(../images/icon_content_video.png);
	}

.contentText ul li.contentWord {
	background-image: url(../images/icon_content_word.png);
	}

.contentText ul li.contentExcel {
	background-image: url(../images/icon_content_excel.png);
	}

.contentText ul li.contentOffsite {
	background-image: url(../images/icon_content_offsite.png);
	}


/* Interior Page Sidebar */


.contentSidebar {
	width: 25%;
	margin-left: 5%;
	float: left;
	}

.contentSidebar p {
	font-size: 0.875em;
	}

.contentSidebar ul {
    margin-bottom: 2em;
	line-height: 0.75em;
    }

.contentSidebar li {
    margin-bottom: 0.75em;
	color: #0067ac;
    }

.contentSidebar li.on {
	color: #000;
    }

.contentSidebar li.on a {
	font-weight: bold;
    }

.contentSidebar a {
	color: #000;
	font-size: 0.75em;
	text-transform: uppercase;
	text-decoration: none;
	}

.contentSidebar a:hover {
	color: #0e1472;
	text-decoration: underline;
	}

/* ---------------------------------------------------------------------------------------------- */
/* ---------- VIDEO EMBED FOR WEBINARS ---------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


.videoFeature {
	background: #58595b;
	width: 100%;
	margin: 0 0 2.5em 0;
	padding: 0;
	border-top: 1px solid #d9d9d9;
	}

.videoContainer {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin: 0 auto;
	}

.videoContainer iframe, .videoContainer object, .videoContainer embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- BREADCRUMB NAVIGATION ------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


#breadcrumbWrap {
	width: 100%;
	background-color: #d9d9d9;
	}

#breadcrumb {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	padding: 45px 0 0 0;
	background-color: #fff;
	color: #999;
	font-size: 0.75em;
	font-weight: bold;
	text-transform: uppercase;
	}

#breadcrumbNav {
	width: 90%;
	margin-left: 5%;
	border-bottom: 1px dotted #ccc;
	}

#breadcrumb p {
	margin-bottom: 0;
	}

#breadcrumb a {
	color: #999;
	font-weight: normal;
	text-decoration: none;
	}

#breadcrumb a:hover {
	color: #0e1472;
	text-decoration: underline;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- SUB-NAVIGATION -------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


#subnavWrap {
	width: 100%;
	background-color: #d9d9d9;
	}

#subnav {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	padding: 45px 0 45px 0;
	background-color: #58595b;
	color: #fff;
	font-size: 0.875em;
	line-height: 1.375em;
	}

#subnav a {
	color: #fff;
	text-decoration: none;
	}

#subnav a:hover {
	color: #fff;
	text-decoration: underline;
	}

#secondaryNavigation {
	width: 45%;
	margin-left: 5%;
	float: left;
	}

ul.subnavList {
	list-style: none;
	width: 44.44%;
	margin: 0;
	padding: 0;
	border-top: 1px dotted #8a8b8d;
	float: left;
	}

ul.contactList {
	list-style: none;
	width: 44.44%;
	margin: 0;
	padding: 0;
	border-top: 1px dotted #8a8b8d;
	float: right;
	}

ul.contactList li, 
ul.subnavList li {
	width: 100%;
	margin: 0;
	padding: 0;
	}

ul.contactList li a, 
ul.subnavList li a {
	display: block;
	width: 100%;
	padding: 0.5625em 0;
	border-bottom: 1px dotted #8a8b8d;
	}

ul.contactList li a.email {
	background: transparent url(../images/icon_subnav_email.png) right center no-repeat;
	width: 80%;
	padding-right: 20%;
	}

#partners {
	width: 30%;
	margin-right: 5%;
	float: right;
	}

#wilder {
	width: 100%;
	padding: 0.5625em 0;
	border-top: 1px dotted #8a8b8d;
	border-bottom: 1px dotted #8a8b8d;
	}

#funders {
	font-size: 1.3125em;
	line-height: 1.5em;
	font-family: 'vollkorn';
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- FOOTER ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


#footerWrap {
	width: 100%;
	background-color: #000;
	}

#footer {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	background-color: #000;
	}

#copyright {
	width: 90%;
	margin-left: 5%;
	font-size: 0.875em;
	padding-top: 1em;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- VENDOR-SPECIFIC ------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


html { 
	-webkit-overflow-scrolling: touch; 
	-webkit-tap-highlight-color: rgb(0,149,143); 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%; 
	}

::-webkit-selection { 
	background: rgb(0,103,172); 
	color: rgb(250,250,250); 
	text-shadow: none; 
	}

::-moz-selection { 
	background: rgb(0,103,172); 
	color: rgb(250,250,250); 
	text-shadow: none; 
	}

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
	-webkit-appearance: button; 
	}

::-webkit-input-placeholder {
	font-size: .875em; 
	line-height: 1.5; }

input {
    -webkit-appearance: none;
    -webkit-border-radius: 0; 
    border-radius: 0;
	}

input:-moz-placeholder { 
	font-size : .875em; 
	line-height : 1.5;
	}


input[type="checkbox"], 
input[type="radio"] { 
	box-sizing: border-box; 
	}

input[type="search"] { 
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box; 
	}

button::-moz-focus-inner, 
input::-moz-focus-inner { 
	padding : 0;
	border : 0; 
	}