/* CSS Document- LiteracyCounts.org designed & developed by Rob McIntosh */
@charset "utf-8";
/*--- Universal Markup ---*/
html, body {background:#2e5290 url(images/GradientBG.gif) repeat-x top;   font-family: Arial, Verdana, Helvetica, sans-serif; text-align: center; /*-Centers #foundtn--*/ height:100%; margin:0;  padding:0; /* height:100%; is the key and IE -Allows height-*/ }
*{ margin:0; padding:0; /*-Sets all defaults-*/ }
img {border:0;}

/*--- Aslett Method - Clearing Elements ---*/
.clearboth:after { clear: both;  content: ".";  display: block;  height:0;  visibility: hidden; }/*--- Checks ie.css as well ---*/
.clearboth {display: inline-block;} /*backslash hack hides from IE mac \*/
*html .clearboth {height: 1%; font-size:1px;}
.clearboth {display: block;}

/* Accessibility */
#ZaccessibilityBar-top {height:26px; width:100%; background-image:url(images/top-shadow.png); background-position:bottom; z-index:100;  background-repeat:repeat-x;text-align:left;}
#ZaccessibilityBar-top ul.accessibility {margin:-5px 0 0 0; padding:0 0 0 80px;}
#ZaccessibilityBar-top ul.accessibility li { display: inline;}
a.accessibilityLINKS, a.accessibilityLINKS:visited {text-decoration:none; color:#efefef; font-size:6px;}
a.accessibilityLINKS:hover {text-decoration:none; color:#D7D7D7; font-size:6px;}

/*----Content area---*/
.BOXcommentsQuotes {width:200px; border:1px solid #9f001b; padding:8px; float:right; margin:10px 10px 6px 10px; }
.BoxIndexRotateImgs {float:right; width:220px; height: 307px; text-align:center; margin-left:10px; border:0px solid blue;}
.BoxIndexRotateImgs img {border:1px solid black; margin-bottom:4px;}
.BoxIndexImageStylin {margin:14px 0px 8px 7px; width:204px; height:254px;} 
.SponsorsIMGboxes {height:100%; border:0px solid blue; margin:0px; display:inline;}

p.QuestionsAnswers16L {margin:16px 0px 24px 10px;}
.BOX-logoRABIL {float:right; padding-right:66px; padding-top:35px; width:100px; text-align:center; margin:0px; border:0px solid blue;}
.input-box{color: #781351; background:#FBE3E8; border: 1px solid red;}
.form-alert{color:red;}

/*---ENDORSERS PAGE---*/
.BoxENDORSERS {width:500px; padding:8px;}
p.ENDORSER-AuthorsBook {font-size:12px; margin: 2px 0px 0px 5px;}
img.ENDORSERS-Img {border: 1px solid blue; margin:4px; float:right;}
.ENDORSER-Quote {font-size:15px; color:#9f001b; text-align:left; font-style:italic;}	

/* Foundation */
#Zfoundation {margin:0px auto; padding:0px; overflow:inherit; background-color:#FFFFFF;  border-left: 1px #BBBBBB solid; font-size: .75em;  border-right: 1px #BBBBBB solid; min-height: 660px; position:relative;} 
#Zfoundation .inner-foundation {text-align:left;}

/* Masthead */
#Zmasthead { height:134px; text-align:left; margin-bottom:8px;} /* ZMasthead code in XboxMASTHD.php*/
#Zmasthead p {margin: 24px 0px 0px 18px; height:100px; width:81px;}		
#Zmasthead h1{padding: 39px 0 0 4px; font-family: Georgia, "Times New Roman", Times, serif; font-size:45px; color:#006891; font-weight:lighter; line-height:41px; float:left; width:200px; text-align:left;}

/*--- Navigation background  ---*/
#nav-backgroundFloat {width: 100%; margin-bottom:18px; height:4.1em; line-height:4.1em;   background-image:url(images/navRelativeBG.gif);background-position:bottom; background-repeat:repeat-x;  border-bottom: 1px black solid;}
#navigation-barRel {position:relative; width:100%; color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; margin:0px; padding:0px;}
#navigation-barRel ul {margin:0px; padding:0px; display:inline;}
#navigation-barRel span {position: absolute; background: transparent url('images/navFold.gif') top right no-repeat; display: block; height: 12px; width: 12px; }
#navigation-barRel li {display:inline; float: left; background-color:#718fc4; list-style-type:none; margin:0px; padding:0px; width:20%; height:38px; /* bgcolor - navigation boxes */ }
*html #navigation-barRel li {width:19.9%; margin:0px; padding:0px; /* IE 5.5 Box Model Issues */}

/*--- Navigation List ---*/
#navigation-barRel a {display: block; background-image:url(images/tabDefault-background.gif); background-position:top; background-repeat:repeat-x; border-bottom: 1px black solid; color:#fff;
font-size: 13px; font-variant:small-caps; font-weight:bold; height:2.4em; line-height:2.6em; padding:7px 0px 0px 0px; margin:0px; text-decoration:none;}
#navigation-barRel li a:hover {background-color:#5173a4; background-image:url(images/tabDefault-background.gif); background-repeat:repeat-x;}
#navigation-barRel li#activeLeft a {background-color:#5173a4; background-image:url(images/tabActive-backgroundB.gif); background-repeat:repeat-x; border-right: 1px black solid; border-bottom: 1px #5173a4 solid; border-top: 1px black solid;}	
#navigation-barRel li#activeAll a {background-image:url(images/tabActive-backgroundB.gif); background-color:#5173a4; background-repeat:repeat-x; border-bottom: 1px #5173a4 solid; border-left: 1px black solid; border-right: 1px black solid; border-top: 1px black solid;}
#navigation-barRel li#activeRight a {background-image:url(images/tabActive-backgroundB.gif); background-color:#5173a4; background-repeat:repeat-x;border-bottom: 1px #5173a4 solid; border-left: 1px black solid; border-top: 1px black solid;}

/*Zwrapper, Zfooter and boxes/floats = relationships!*/
#Zwrapper {margin:0px; padding:0px; border:0px yellow solid; width:100%; text-align:left; float:none;}
#Zwrapper .inner{margin:10px;}
#boxONEflexN {float:left; margin: 0px 26px 16px 6px; padding: 0px; width:21%; height:100%;   background-color:D9D9FF;}
#boxONEcontent {float:left; width:600px; height:100%; margin: 0px 0px 16px 10px; padding: 3px 3px 14px 0px; text-align:left; color:#9f001b;}

#idealTWOnav {float:left; margin: 0px; padding: 0px; width:180px; height:100%;   background-color:D9D9FF;}
#idealTWOnav .inner {margin:0px 10px;}
#idealTWOcontent {float:left; width:74%; height:100%; margin: 0px; padding: 0px; text-align:left; color:#9f001b;}
#idealTWOcontent .inner {margin: 0px 16px 0px 34px;}

#boxTHREEcustomizable1 {float:left; margin: 0px; padding: 0px; width:24%; height:100%; text-align:left; color:#9f001b;}
#boxTHREEcustomizable1 .inner {margin:6px;}
#boxTHREEcustomizable2 {float:left; margin: 0px; padding: 0px; width:50%; height:100%; text-align:left; color:#9f001b;}
#boxTHREEcustomizable2 .inner {margin:6px;}
#boxTHREEcustomizable3 {float:right; margin: 0px; padding:0px; width:24%; height:400px; text-align:left;}
#boxTHREEcustomizable3 .inner {margin:6px;}

/*Zfooter */
#Zfooter {margin: 0px auto 0 auto; padding-top:8px; padding-bottom:8px; margin-top:14px; width:99.6%; height:58px; border: 2px solid #CCCCCC; background-color:#EEEEEE;}
#Zfooter .leftBox {float:left; width:50%; text-align:left; height:58px; border-top:0px solid #999999;}
#Zfooter .rightBox {float:left; width:50%; text-align:right; height:58px; border-top:0px solid #999999;}
#Zfooter .innerL {padding:2px 0px 0px 20px;}
#Zfooter .innerR {padding:2px 20px 0px 0px;}

/*--Zwrapper cascade downs--*/	
#Zwrapper h3 {font: Arial, Verdana, Helvetica, sans-serif; font-size:16px; color:#9f001b; margin:4px 0px 18px 0px; padding-top:4px; width:46%;}
#Zwrapper h4 {font: Arial, Verdana, Helvetica, sans-serif;}
#Zwrapper img.ZboxrightIMG {margin: 0px 0px 0px 10px; float:right; width:156px;}

#Zwrapper ul.UL-recommendedREADS {margin-left:10px; margin-bottom:10px; list-style:none;}
#Zwrapper ul.UL-recommendedREADS li {padding-bottom:8px; }
#Zwrapper ul.UL-recommendedREADS-PlusLeftMargin {margin-left:30px; margin-bottom:10px; list-style:none;}
#Zwrapper ol.OL-schoolParticipation {margin:10px 0px 10px 40px;}
#Zwrapper ol.OL-schoolParticipation li {padding-bottom:8px; }
#Zwrapper ul.UL-backgroundLiteracy {margin:0px 0px 10px 30px; list-style-type:square;}
#Zwrapper ul.UL-backgroundLiteracy li {padding-bottom:9px;}
#Zwrapper ol.OL-forms {margin:10px 0px 10px 40px; line-height:22px;}

/* Left Navigation Box - Setting up navigation, Facebook, Twitter, etc */
#ZCSSLeftnav {float:left; width:180px; height:100%; border: 1px solid blue; margin: 0px 0px 0px 0px; padding: 4px; background-color:#D9D9FF;}
#ZCSSLeftnavArea {height:100%; border:1px solid #EBEBEB; background-color:#FFFFFF; padding:3px; overflow: hidden;}

#ZCSSLeftnav ul{list-style:none; margin: 0; padding: 0;  text-align:left; margin-bottom:16px;}
#ZCSSLeftnav li {border-bottom: 1px solid blue; padding: 0.4em 0 0.2em 0; font-size:96%;
line-height:1.2em; list-style:none; text-decoration:none;} 
#ZCSSLeftnav li.noSeparator {border: none;}

#ZCSSLeftnav li a:link, #ZCSSLeftnav li a:visited  {text-decoration:none; color:blue;
font-weight:normal;}
#ZCSSLeftnav li a:hover{color:black; text-decoration:none; font-weight:normal;}

/*--- Impt Dates! - Table ---*/
table.tableDATESmargin {margin-left:24px; width:540px; border-collapse:collapse;}
table.tableDATESmargin td.tdDates1ST {width:23%; padding-right:10px;padding-bottom:20px; vertical-align:top;}
table.tableDATESmargin td.tdDates2ND {width:75%; padding-bottom:20px; vertical-align:top;}

/*--- Table - Donate! ---*/
table.tableDonate {margin-left:8px; border-collapse:collapse; width:580px; line-height:18px; }
table.tableDonate td.tdDonate1ST {width:28%; padding-right:16px; padding-bottom:26px; vertical-align:top; text-align:right;}
table.tableDonate td.tdDonate2ND {width:66%; vertical-align:top; padding-bottom:26px;}

/*----Sitewide links---*/
a.linksCONTENT, a:visited.linksCONTENT {color:blue; text-decoration:underline;}
a:hover.linksCONTENT {color:blue; text-decoration:none;}
a.linksCONTENTred, a:visited.linksCONTENTred {color:#9f001b; text-decoration:underline;}
a:hover.linksCONTENTred {color:#9f001b; text-decoration:underline;}
a.linksCONTENT-underline:link, a.linksCONTENT-underline:visited {
text-decoration:underline; color:blue; font-weight:normal;}
a.linksCONTENT-underline:hover {
text-decoration:underline; color:#9f001b; font-weight:normal;}
a.linksFOOTER, a.linksFOOTER:link, a.linksFOOTER:visited {
text-decoration:underline; color:#9f001b; font-weight:bold;}
a.linksFOOTER:hover {text-decoration:none; color:#9f001b; font-weight:bold;}
a.linksRABIL-blue8px, a.linksRABIL-blue8px:link, a.linksRABIL-blue8px:visited{color:blue; text-decoration:none; size:8px;}
a.linksRABIL-blue8px:hover {color:#313131; text-decoration:none;}
a.linksMASTHEADH {color:#336699; text-decoration:none;}
a:hover.linksMASTHEADH, #Zfoundation a:visited.linksMASTHEADH {color:#336699; text-decoration:none;}

/*--- Twitter ---*/
#twitter_update_list {border: 0px solid red; width:90%; padding:2px; margin:2px;}
p.twitter-title16px{font: Arial, Verdana, Helvetica, sans-serif; font-size:16px;
font-weight:bold; color:#9f001b;}
#twitter-link {margin:0px 4px 4px 6px; padding:0px; list-style:none; display:block;
text-align:left; font:Arial, Helvetica, sans-serif; color:#9f001b; text-decoration:none;}
#twitter_update_list li {margin:6px 4px 10px 6px; padding:0px;}