@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;
color:#434343;
}

* {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;
}

h3 {
font-size:13px;
font-weight:bold;
color:#933000;
text-align:left;
}

h3.confirmationtxt {
font-size:13px;
font-weight:bold;
color:#933000;
text-align:left;
margin-left:0;
}

p {
font-size:13px;
font-weight:400;
text-align:left;
padding-bottom:10px;
line-height:14px;
}

ul.listintro {
text-align:left;
margin-left:40px;
font-size:13px;
padding-bottom:10px;
}

ul.privacylist {
font-size:13px;
font-weight:400;
text-align:left;
padding-bottom:10px;
margin-left:60px;
}

li.privacybullets {
padding-bottom:5px;
}

p.rightlinks {
text-align:center;
margin-bottom:40px;
}

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;
}

p.citycareer {
font-size:16px;
color:#5E2D00;
font-weight:bold;
padding-top:3px;
}

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;
}

.smallfont {
font-size:13px;
margin-top:20px;
margin:0;
padding:0;
}
/* LINKS ENDS */

/* LITERACY RESOURCE CENTER */
#resourcecenter {
position:relative;
width:300px;
height:100%;
margin:auto;
}

#resourcecenteres {
position:relative;
width:350px;
height:100%;
margin:auto;
}

#resourcecentertab {
position:relative;
width:300px;
height:40px;
margin:auto;
}

#resourcecentertabes {
position:relative;
width:350px;
height:40px;
margin:auto;
}


#linksbackground {
margin:auto;
position:relative;
width:300px;
height:100%;
background-image:url(../images/monarca_literacy_resourcecenter_background.jpg);
background-repeat:no-repeat;
padding: 6px 0;
}


#linksbackground ul
{
overflow: hidden;
text-align:left;
font-size:12px;
margin:0;
padding:0;
width:270px;
}



#linksbackground li
{
padding-bottom:8px;
background-image:url(../images/monarca_bullet.gif);
background-repeat:no-repeat;
background-position:0 5px;
list-style-position:inside;
list-style:none;
padding-left:15px;
}

#linksbackground ul li a
{
padding:0;
color:#003366;
text-decoration:none;
}

#linksbackground ul li a:hover
{
padding:0;
color:#003366;
text-decoration:underline;
}

#linksbackground ul.l
{
clear:both;
margin-left:20px;
padding:0;
}


#linksbackgroundes {
margin:auto;
position:relative;
width:350px;
height:100%;
background-image:url(../images/monarca_literacy_resourcecenter_background_es.jpg);
background-repeat:no-repeat;
padding: 6px 0;
}


#linksbackgroundes ul
{
overflow: hidden;
text-align:left;
font-size:12px;
margin:0;
padding:0;
width:300px;
}



#linksbackgroundes li
{
padding-bottom:8px;
background-image:url(../images/monarca_bullet.gif);
background-repeat:no-repeat;
background-position:0 5px;
list-style-position:inside;
list-style:none;
padding-left:15px;
}

#linksbackgroundes ul li a
{
padding:0;
color:#003366;
text-decoration:none;
}

#linksbackgroundes ul li a:hover
{
padding:0;
color:#003366;
text-decoration:underline;
}

#linksbackgroundes ul.l
{
clear:both;
margin-left:20px;
padding:0;
}
/* END OF LITERACY RESOURCE CENTER */

#wrapper{
position:relative;
width:775px;
height:100%;
margin:auto;
background-image:url(../images/monarca_background_sub.gif);
background-repeat:repeat-y;
background-color:#FFFFFF;
}

#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_top_gradient_sub.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:left;
margin-top:20px;
}

#eventstable {
position:relative;
width:715px;
margin-top:20px;
}

#eventstab {
position:relative;
width:715px;
height:32px;
margin:0;
padding:0;
}

#careeruz {
position:relative;
width:705px;
height:20px;
background-color:#FFB571;
padding: 5px 0 5px 10px;
border-bottom:#FFFFFF solid 1px;
}

.careerevent {
position:relative;
width:710px;
height:20px;
font-size:13px;
font-weight:bold;
color:#000000;
background-color:#FFD2AA;
padding:5px 0 5px 5px;
border-bottom:#FFFFFF solid 1px;
}

.eventdesc {
position:relative;
width:690px;
height:100%;
background-color:#D6D6D6;
padding:5px 15px 5px 10px;
border-bottom:#FFFFFF solid 1px;
}

#upcomingeventstable {
position:relative;
width:535px;
}

#upcomingtab {
position:relative;
width:535px;
height:100%;
margin:0;
padding:0;
margin-top:20px;
}

.upcomingevent {
position:relative;
width:530px;
font-size:13px;
font-weight:bold;
color:#000000;
background-color:#FFD2AA;
padding:5px 0 5px 5px;
border-bottom:#FFFFFF solid 1px;
}

.upcomingeventdesc {
position:relative;
width:510px;
background-color:#D6D6D6;
padding:5px 15px 5px 10px;
border-bottom:#FFFFFF solid 1px;
}

#eventregistration {
position:relative;
width:535px;
height:46px;
background-image:url(../images/monarca_literacy_background_registration.gif);
background-position:center;
background-repeat:no-repeat;
}

#eventregistrationes {
position:relative;
width:535px;
height:46px;
background-image:url(../images/monarca_literacy_background_registration_es.gif);
background-position:center;
background-repeat:no-repeat;
}

#eventregistrationbig {
position:relative;
width:715px;
height:46px;
background-image:url(../images/monarca_literacy_background_registrationbig.gif);
background-position:center;
background-repeat:no-repeat;
}

#registration {
float:left;
width:255px;
height:46px;
padding-left:10px;
}

#registrationes {
float:left;
width:230px;
height:46px;
padding-left:5px;
}

#registrationbig {
float:left;
width:320px;
height:46px;
padding-left:10px;
}

#tellafriend {
float:right;
width:255px;
height:46px;
padding-left:10px;
}

#tellafriendes {
float:right;
width:290px;
height:46px;
padding-left:5px;
}

#tellafriendbig {
float:right;
width:320px;
height:46px;
padding-left:10px;
}

#leftcolumnsub {
float:left;
width:535px;
text-align:left;
margin-top:20px;
margin-left:30px;
}

#rightcolumn {
float:right;
width:180px;
text-align:center;
margin-top:20px;
}

#home {
position:absolute;
width:70px;
height:20px;
background-image:url(../images/monarca_home_button.gif);
background-repeat:no-repeat;
left: 1px;
top: -22px;
}

#spanish {
position:absolute;
width:70px;
height:20px;
background-image:url(../images/monarca_spanish_button.gif);
background-repeat:no-repeat;
left:70px;
top:-22px;
}

#mapliteracy {
position:relative;
width:387px;
margin:auto;
margin-top:30px;
}

/* FORM */
#formcontainer {
width:500px;
margin-left:50px;
margin-top:20px;
}

#formcontainer div.clearfix {
margin-bottom:10px;
font-size:13px;
}

#formcontainer form label {
width:120px;
float:left;
font-size:13px;
}

#formcontainer div.menu {
float:left;
}

.fieldscolor {
background-color:#FFD3B7;
border:1px solid #828282;
padding:2px;
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size:13px;
color:#434343;
}

.fontsmall {
font-size:13px;
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
background-color:#FFD3B7;
width:120px;
border:1px solid #828282;
padding:2px;
}

#submit{
background-image:url(../images/monarca_submit.gif);
width:85px;
height:33px;
border:none;
cursor:pointer;
margin-right:30px;
}

/* 	END OF FORM */

#bottomgradient {
position:relative;
width:775px;
height:21px;
background-image:url(../images/monarca_literacy_bottom_gradient.jpg);
background-repeat:no-repeat;
margin-top:20px;
}

#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;}

/* NEW CHANGES */
.boldTextDates { font-weight: bold; padding: 2px; border-bottom: solid 1px #000; font-size: 14px; }
.boldText { font-weight: bold; }
.jobDates { margin: 0 20px 15px 0; padding: 5px; width: 140px; float: left; font-size: 12px; border: solid 1px #000; }
.jobDates ul { margin: 0; padding: 0; list-style: none; }
.jobDates li { margin: 0; padding: 0 0 2px 0; }
.floatRight { float: right; width: 230px; padding: 0 0 0 15px }
 
 /* FORM VALIDATION ERRORS */
#errorList { float: left; margin-bottom: 20px; width: 340px; padding: 5px; background-color: #ffc; border: 1px solid #ff3; }
#errorList h4 { margin: 0; padding: 5px 0 5px 5px; font-size: 15px; }
#errorList ul { margin: 0; padding: 5px 0 5px 35px; }
#errorList li { font-size: 12px; } 
.redText { color: #752600; }

