@charset "utf-8";
/* CSS Document */
body {background-color:#CBCBCB;
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
color:#2E2E2E;
font-style:normal;
font-weight:400;
}

* {margin:0;
padding:0;
}

h1 {
font-size:18px;
font-weight:bold;
text-align:left;
padding-bottom:10px;
}

h2 {
font-size:16px;
font-weight:bold;
color:#E14900;
text-align:left;
padding-bottom:10px;
}

p {
font-size:13px;
font-weight:400;
text-align:left;
padding-bottom:10px;
line-height:14px;
}

p.copy {
text-align:center;
font-size:10px;
width:430px;
color:#000000;
}

p.language {
text-align:center;
font-size:11px;
width:70px;
padding-top:1px;
color:#003366;
}

p.homepage {
text-align:center;
font-size:11px;
width:70px;
padding-top:1px;
}

ul.footerlinks {
width:465px;
font-size:11px;
list-style-type:none;
}

li.footlink1 {
width:50px;
margin-left:35px;
}

li.footlink2 {
width:50px;
margin-left:30px;
}

li.footlink3 {
width:80px;
margin-left:35px;
}

li.footlink4 {
width:80px;
margin-left:40px;
}

/* LINKS */
a:link {
color:#003366;
font-weight:bold;
text-decoration:none;
}

a:visited {
color:#003366;
font-weight:bold;
text-decoration:none;
}

a:active {
color:#003366;
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#003366;
font-weight:bold;
text-decoration:underline;
}
/* LINKS ENDS */

#wrapper{
position:relative;
width:775px;
height:100%;
margin:auto;
background-color:#FFFFFF;
background-image:url(../images/monarca_literacy_background.gif);
background-repeat:repeat-y;
}

#masthead {
position:relative;
margin:auto;
width:775px;
height:181px;
}

#logos {
float:left;
width:437px;
}

#hands {
float:right;
width:338px;
height:181px;
background-image:url(../images/monarca_literacy_hands.jpg);
background-repeat:no-repeat;
}

#topgradient {
position:relative;
width:775px;
height:30px;
background-image:url(../images/monarca_literacy_top_gradient.jpg);
background-repeat:no-repeat;
}

#contentwrapper {
position:relative;
width:775px;
text-align:center;
}

#content {
float:left;
width:715px;
margin-left:30px;
_margin-left:15px;
text-align:center;
margin-top:20px;
}

#buckets {
position:relative;
background-image:url(../images/monarca_literacy_background.jpg);
background-position:top;
background-repeat:repeat;
width:715px;
height:396px;
margin-top:20px;
}

#bucketsspanish {
position:relative;
background-image:url(../images/monarca_literacy_background_spanish.jpg);
background-position:top;
background-repeat:repeat;
width:715px;
height:396px;
margin-top:20px;
}

#banners {
float:left;
width:280px;
margin-top:58px;
padding-left:20px;
text-align:left;
}

#map {
float:right;
width:400px;
margin-top:58px;
text-align:left;
}

#spanish {
position:absolute;
width:70px;
height:20px;
background-image:url(../images/monarca_spanish_button.gif);
background-repeat:no-repeat;
left: 1px;
top: -22px;
}

#bottomgradient {
position:relative;
width:775px;
height:21px;
background-image:url(../images/monarca_literacy_bottom_gradient.jpg);
background-repeat:no-repeat;
}

#footer {
position:relative;
width:775px;
margin:auto;
height:97px;
background-image:url(../images/monarca_literacy_footer.gif);
background-repeat:repeat-y;
}

#footerspanish {
position:relative;
width:775px;
margin:auto;
height:97px;
background-image:url(../images/monarca_footer_spanish.gif);
background-repeat:repeat-y;
}

#footerlinkbox {
width:465px;
float:left;
}

#footerlinkbox li{
display:inline;
float:left;
}

#bottomlinks {
float:left;
width:465px;
text-align:center;
margin-top:25px;
}

#copyright {
float:left;
width:465px;
text-align:center;
margin-top:25px;
}

#socialicons {
float:right;
width:280px;
margin-top:20px;
}

#icons {
width:280px;
display:inline;
}


.clearfix:after {
    content: ".";
	display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}


* html .clearfix {height: 1%;}
.clearfix {display: block;}