/* Future Educators Association Global CSS */

/*
2011.07.20 DSL added FEA chapter renewal sprites
2011.08.01 DSL re-added FEA chapter renewal sprites that were overwritten by somebody at pdk
2011.08.18 DSL changed FEA chapter renewal sprites
2011.09.23 cd updated to match front end changes
2012.10.22 DSL removed border from "table, tr, td, tbody" block
*/

/* CSS RESET */

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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	/*font-size: 14px;
	vertical-align: baseline;
	background: transparent;*/
}

/* STRUCTURE */

body {
	margin: 0 auto;
	background-color: #AC1A2F;
}

table, tr, td, tbody {
/*	border: 0;
*/
	margin: 0;
	padding: 0;
	background-color: #fff;
}

#wrapper {
	background-color: transparent /*#fff*/;
	width:1000px;
	margin: 0 auto;
	/*border-right-width: 6px;
	border-right-style: solid;
	border-right-color: #AC1A2F;*/
}

#header {
	height: 96px;
	width: 100%;
	background-color: #fff;
	-moz-border-radius: 20px 20px 0 0;
	-khtml-border-radius: 20px 20px 0 0;
	-webkit-border-radius: 20px 20px 0 0;
	border-radius: 20px 20px 0 0;
}

#header .logo {
	width: 220px;
	float: left;
	background: transparent;
}

td.utilitiesNav {}

.utilities {
	float: right;
	width: 332px;
	text-align: right;
	background: url(../media/utilities/topRight.jpg) no-repeat right top;
	height: 96px;
}

.leftcolumn {
	background: #cfd8e2;
}

#content {
	padding:0 2em 32px;
	overflow: auto;
	background-color: #fff;
}

#navLeft {
	width: 250px;
}

#navLeft ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#navLeft ul li {
	border-bottom: 1px dashed #A6B1BF;
	margin: inherit;
	padding: inherit;

}

/* TYPOGRAPHY */

p {
	padding-top: 0;
	margin: 1em 0;
	font-size: 13px;
	line-height: 1.8em;
}

h1 {	
	text-align: left;
	color: #950E26;
	padding: 0;
	margin-bottom: 0.4em;
	font-size: 150%;
}

h2, h3, h4, h5, h6 {
	color: #AA1C2D;
	font-weight: bold;
}

h2 {
	margin: 1.5em 0 0.4em 0;
	font-size: 120%;
	
}
h3 {
	margin: 1.5em 0 0.4em 0;
	font-size: 100%;
}
h4 {
	margin: 1.5em 0 0.4em 0;
	font-size: 90%;
}

h5 {
	margin: 1.5em 0 0.4em 0;
	font-size: 90%;
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .05em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
	text-decoration: none; 
	font-weight: inherit;
	font-size: inherit; 
	text-transform: inherit;
	letter-spacing: inherit;
}

h1 a:hover, h1 a:active,
h2 a:hover, h2 a:active,
h3 a:hover, h3 a:active,
h4 a:hover, h4 a:active,
h5 a:hover, h5 a:active,
h6 a:hover, h6 a:active {
	text-decoration: underline; 
}

ol, ul {
	line-height: 1.4em;
	margin: 1em 0;
	padding: 0 0 0 3em;

}

ul {
	list-style-type: square;
}

ul li, ol li {
	font-size: 80%;
	line-height: 1.4em;
	margin-bottom: .75em;
}

#content ul li, #content ol li {
	font-size: 13px;
	line-height: 1.4em;
	margin-bottom: .75em;
}

ul li ul li {
	font-size: inherit;
}

/* CUSTOM TYPOGRAPHY */

img.button {
	display: block;
	margin: 30px auto;
}

/* UTILITIES LINK TEXT BEHAVIORS */

.utilities a {
	display: block;
	float: left;
	margin: 0;
	padding: 43px 0 0 0;
	width:60px;
	height: 19px;
	border: 0;
	/*background: transparent;*/
	background-color: transparent;
	font-size: 75%;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}

.utilities a:link, .utilities a:visited, .utilities a:active {
	color: #000000;
}

.utilities a:hover {
	color: #333;
}

.utilities a.contact {
	background: transparent url(http://www.futureeducators.org/media/utilities/feautilitiessprite.png) no-repeat left top;
}

.utilities a:hover.contact {
	background: transparent url(http://www.futureeducators.org/media/utilities/feautilitiessprite.png) no-repeat left -60px;
}

.utilities a:active.contact {
	background: transparent url(http://www.futureeducators.org/media/utilities/feautilitiessprite.png) no-repeat left -120px;
}

.utilities a.login {
	background: transparent url(http://www.futureeducators.org/media/utilities/feautilitiessprite.png) no-repeat -60px top;
}

.utilities a:hover.login {
	background: transparent url(http://www.futureeducators.org/media/utilities/feautilitiessprite.png) no-repeat -60px -60px;
}

.utilities a:active.login {
	background: transparent url(http://www.futureeducators.org/media/utilities/feautilitiessprite.png) no-repeat -60px -120px;
}

.utilities a.search {
	background: transparent url(http://www.futureeducators.org/media/utilities/feautilitiessprite.png) no-repeat -120px top;
}

.utilities a:hover.search {
	background: transparent url(http://www.futureeducators.org/media/utilities/feautilitiessprite.png) no-repeat -120px -60px;
}

.utilities a:active.search {
	background: transparent url(http://www.futureeducators.org/media/utilities/feautilitiessprite.png) no-repeat -120px -120px;
}

.utilities a.sitemapUtil {
	background: transparent url(http://www.futureeducators.org/media/utilities/feautilitiessprite.png) no-repeat -180px top;
}

.utilities a:hover.sitemapUtil {
	background: transparent url(http://www.futureeducators.org/media/utilities/feautilitiessprite.png) no-repeat -180px -60px;
}

.utilities a:active.sitemapUtil {
	background: transparent url(http://www.futureeducators.org/media/utilities/feautilitiessprite.png) no-repeat -180px -120px;
}


.utilities a.help {
	background: transparent url(http://www.futureeducators.org/media/utilities/feautilitiessprite.png) no-repeat -240px top;
}

.utilities a:hover.help {
	background: transparent url(http://www.futureeducators.org/media/utilities/feautilitiessprite.png) no-repeat -240px -60px;
}

.utilities a:active.help {
	background: transparent url(http://www.futureeducators.org/media/utilities/feautilitiessprite.png) no-repeat -240px -120px;
}

/* CONTENT FORMATTING */

#content iframe.youtube {
	display: block;
	float: right;
	padding-left: 20px;
}
#content img.logo {
	padding: 20px 20px 0px 0px;
}

/* Call out buttons */

a.red, a.blue {	
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	text-align: center;
	padding: 8px;
	margin: 15px 0 3em 0;
	max-width: 300px;
	max-height: 60px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
		
a:link.red, a:visited.red {
	background: #ac1a2f url("../images/fea-join-sprite.png") repeat-x -185px top;
	font-size: 14px;
	display: block;
	color: #fff;
}
			
a:hover.red {
	background: #ac1a2f url("../images/fea-join-sprite.png") repeat-x -185px -62px;
	font-size: 14px;
	display: block;
	color: #fff;
}
			
a:active.red {
	background: #ac1a2f url("../images/fea-join-sprite.png") repeat-x -185px -124px;
	font-size: 14px;
	display: block;
	color: #fff;
}
	
a:link.blue, a:visited.blue {
	background: #c6cfdb url("../images/fea-join-sprite.png") repeat-x -185px -186px;
	font-size: 14px;
	display: block;
	color: #444;
}
	
a:hover.blue {
	background: #c6cfdb url("../images/fea-join-sprite.png") repeat-x -185px -248px;
	font-size: 14px;
	display: block;
	color: #444;
}
	
a:active.blue {
	background: #c6cfdb url("../images/fea-join-sprite.png") repeat-x -185px -310px;
	font-size: 14px;
	display: block;
	color: #444;
}

a.short {max-width: 8em;}

/* FEA Store page formatting */

.storeGallery {
	width: 90%;
	margin: 24px auto;
	padding: 0 24px 24px 24px;
	background: #f2f2f2;
	overflow: hidden;
}
.storeGallery img {
	margin: 6px;
	float: left;
	width: 110px;
	height: 110px;
}

/* ISSI elements formatting */

.sectionWelcome {
	padding: 0 0 24px 32px;
	font-size: 13px;
	font-weight: bold;
}

#content td {
	font-size: 13px;
	padding-bottom: 1em;
}

.info {
	margin: 2em 0;
}

/* Sidebar formatting */

.floatright {
	background-color:#F7E8AA;
	float:right;
	margin:4px 0 4px 16px;
	padding:4px;
	width:245px;}

.caption {
	font-size: 70%;
	color: #000000;
	line-height: 1.8em;
}

.captionHead {
	font-size: 75%;
	color: #000000;
	line-height: 1.4em;
	font-weight: bold;
}

.psingle {
	font-size: 80%;
	line-height: 1.4em;
}

p.givingLevels {
	font-weight: bold;
	color: #8294a7;
	letter-spacing: 0.025em;
	padding: 0 0 .5em 0;
	margin: 0;

}

/* college day formatting */

ul.collegeDay {
	list-style: none outside none;
}
	
.testimonial {
	display: block;
	float: right;
	margin: 0 10px 20px 15px;
	background-color:#cfd8e2;
	width: 30%;
	padding: 10px;
}

.testimonial h1, .testimonial h2, .testimonial h3, .testimonial h4 {
	padding: 0 0 .6em 0;
	border-bottom: 1px solid #fff;
	margin: 0 0 .6em 0;
}

.testimonial p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding: 0;
	margin: 0;
}

.testimonial p.credit {	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	margin-top: 0;
	margin-left: 20px;
	padding: 0;

}

#sampletweets {
	display: block;
	background-color:#cfd8e2;
	width: 80%;
	padding: 1em;
	margin: 1.8em auto;
}

span.dropCap {	
	float: left;
	font-size: 400%;
	line-height: 0.85em;
	margin-right: 0.03em;
	margin-bottom:-0.25em;
	font-weight: lighter;
	color: #AC1A2F;
}

img.floatleft {
	float: left;
	background-color: #CFD8E2;
	margin: 4px 16px 4px 0;
	padding: 4px;
}

/* HOME PAGE LAYOUT */

#HomeContent {
	background-color: #FFF;
	margin: 0 auto;
	width: 760px;
}

#emergencyMessage { /* formatting for the emergency message on the homepage*/
	width: 740px;
	color: #ac1a2f;
	background-color: #ffe5dc;
	border: 2px solid #ac1a2f;
	padding: 8px;
	margin: 0 auto;
	font-size: 80%;
	line-height: 1.5em;
}

table#smallArt {
	clear: both;
	margin-top: 10px;
	border-collapse: separate;
}

/* USE THIS WHEN A SLIDE SHOW IS USED ON THE HOME PAGE INSTEAD OF A VIDEO*/

#homeSlideShow {
	/*	margin-left: 201px; */
	margin-top: 1px;
	z-index: 1;
}

/* USE THIS WHEN A VIDEO IS USED ON THE HOME PAGE INSTEAD OF A SLIDE SHOW*/

#homeVideo {
	/*	margin-left: 201px; */
	margin-top: 1px;
	z-index: 1;
	background-image: url(../media/videoBG.jpg);
	background-repeat: repeat-x;
}

/* SECTION HEADERS UNIQUE TO EACH SECTION*/

.sectionTitle { /* THIS IS THE TEXT THAT IDENTIFIES ITS SECTION NAME AT THE TOP OF THE CONTENT AREA */
	color: #A6B1BF;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	font-size: 120%;
	padding-left: 32px;
	font-weight: bold;
	margin-bottom: 0px;
	background-color: #FFF;
}
#sectionImage {
	padding-bottom: 0em;
	z-index: 1;
}


/* LEFT NAV BAR LINK TEXT BEHAVIORS */


#navLeft a {

}

#navLeft li a:link, #navLeft li a:visited  {
	display: block;
	background-color: #C5CFDB;
	color: #000;
	text-decoration: none;
	border-left: .75em solid #A6B1BF;
	font-weight: bold;
	padding: 1.25em 0 1.25em 0.4em;

}

#navLeft li a:hover {
	background-color: #B32934;
	color: #FFFFFF;
}

html #navLeft li a {
  width: 96%;
} 

.navLeft_Level3 {
	border-left: 0.75em solid #333;
}
	
/* END LEFT NAV  ***************/


/* FOOTER 
#footer {
	clear:both;
	background-color: #CCCCCC;
	border-top-width: 15px;
	border-top-style: solid;
	border-top-color: #666;
}
.pFooter {
	padding-top: 0;
	margin-top: 0;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 70%;
	text-align: center;
	line-height: 2.9em;
}
a.pFooter:link {
	padding-top: 0;
	margin-top: 0;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 70%;
	text-align: center;
	line-height: 2.9em;	color: #000000;
	text-decoration: none;
}
a.pFooter:visited {
	color: #333333;
	text-align: center;
}
a.pFooter:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #006599;	
}
a.pFooter:active {
	color: #999999;
}*/
#footer {
}
.pFooter {
	clear:both;
	background-color: #efefef;
	display: block;
	padding: 20px 0;
	text-align: center;

}

.pFooter p {
	font-size: 70%;
	color: #444;
	line-height: 1.5em;
}

.pFooter a {
	color: #666666;
	text-decoration: none;
}


.pFooter a:hover, .pFooter a:active {
	text-decoration: underline;
}



/* SITE MAP FONTS */
#sitemap {
	color: #A6B1BF;
	font-weight: bold;
}
.sitemap h2 {
	color: #6A7C95;
	font-weight: bolder;
	font-size: 0.75em;
	background-color: #CFD8E2;
	line-height: 1.75em;
	border-left-width: 0.5em;
	border-left-color: #A6B1BF;
	padding-left: .25em;
	border-left-style: solid;
}

#sitemap p {
	margin-left: 1.75em;
	font-size: .75em;
}
a.sitemap:link {
	color: #AC1A2F;
	text-decoration: none;
	margin-left: 1.5em;
}
a.sitemap:visited {
	color: #708298;
	text-decoration: none;
	margin-left: 1.5em;
}
a.sitemap:hover {
	color: #30F;
	text-decoration: underline;
	margin-left: 1.5em;
}
a.sitemap:active {
	color: #000;
	text-decoration: none;
	margin-left: 1.5em;
}

#sitemapLevel3 p {
	margin-left: 1.75em;
	font-size: .75em;

}
a.sitemapLevel3:link {
	color: #AC1A2F;
	text-decoration: none;
	margin-left: 3em;
	padding-left: .25em;
	border-left-width: 0.5em;
	border-left-color: #D8DCE0;
	border-left-style: solid;
}
a.sitemapLevel3:visited {
	color: #708298;
	text-decoration: none;
	margin-left: 3em;
	padding-left: .25em;
	border-left-width: .5em;
	border-left-color: #D8DCE0;
	border-left-style: solid;	
}
a.sitemapLevel3:hover {
	color: #30F;
	text-decoration: underline;
	margin-left: 3em;
	padding-left: .25em;
	border-left-width: .5em;
	border-left-color: #D8DCE0;
	border-left-style: solid;
}
a.sitemapLevel3:active {
	color: #000;
	text-decoration: none;
	margin-left: 3em;
	padding-left: .25em;
	border-left-width: .5em;
	border-left-color: #D8DCE0;
	border-left-style: solid;
}

/* Chapter renewal sprites*/
/* Add the following CSS code to global.css*/

/* Chapter renewal sprites*/

.steps123graphic {
	width: 600px;

	height: 68px;
	margin: 10px 0;
}

#stepOne {
	background: transparent url('../../../images/steps123sprite.png') left top no-repeat;
}

#stepTwo{
	background: transparent url('../../../images/steps123sprite.png')  0px -70px no-repeat;
}

#stepThree {
	background: transparent url('../../../images/steps123sprite.png') 0px -140px no-repeat;
}

/* Payment selection button sprites*/

a#payCreditCard, a#payCheck, a#payPO {
	color: #224266;
	text-decoration: none;
	padding: 12px 0 0 12px;
	font-size: 20px;
	line-height: 1.4em
}

a#payCreditCard {
	display: block;
	float: left;
	background: #A0B0C3 url('../../../images/payment-buttons-sprite.gif') left top no-repeat;
	width: 184px;
	height: 78px;
	margin: 10px 0;
}

a:hover#payCreditCard {
	background: #6C7E97 url('../../../images/payment-buttons-sprite.gif') 0px -92px no-repeat;
}

a:active#payCreditCard {
	background: #6C7E97 url('../../../images/payment-buttons-sprite.gif') 0px -184px no-repeat;
}

a#payCheck {
	display: block;
	float: left;
	background: #A0B0C3 url('../../../images/payment-buttons-sprite.gif') -200px 0px no-repeat;
	width: 184px;
	height: 78px;
	margin: 10px 6px;
}

a:hover#payCheck {
	background: #6C7E97 url('../../../images/payment-buttons-sprite.gif') -200px -92px no-repeat;
}

a:active#payCheck {
	background: #6C7E97 url('../../../images/payment-buttons-sprite.gif') -200px -184px no-repeat;
}

a#payPO {
	display: block;
	float: left;
	background: #A0B0C3 url('../../../images/payment-buttons-sprite.gif') -400px 0px no-repeat;
	width: 184px;
	height: 78px;
	margin: 10px 0;
}

a:hover#payPO {
	background: #6C7E97 url('../../../images/payment-buttons-sprite.gif') -400px -92px no-repeat;
}

a:active#payPO {
	background: #6C7E97 url('../../../images/payment-buttons-sprite.gif') -400px -184px no-repeat;
}