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

body {
width: 840px;
margin-top: 50px;
margin-left: auto; /* THIS WILL CENTER THE SITE. */
margin-right: auto; /* THIS WILL CENTER THE SITE. */
margin-bottom: 200px;
background-color: #FFFFFF;
}

/* ----- TOP LOGO ----- */

#logo a {
display: block;
width: 178px;
height: 96px;
float: left;
margin-right: 662px;
background: url(http://www.fundforteachers.org/img/site-v2/logo-secondary2.png);
}

/* ----- IMGBAN ----- */

#imgban {
display: block;
width: 840px;
height: 245px;
padding: 0px;
margin: 0px;
float: left;
}

/* ----- CONTENT WRAPPER ----- */

#content-wrapper {
width: 800px;
background: url(http://www.fundforteachers.org/img/site-v2/body-bg-840.png) repeat-y; /* IF YOU CHANGE THE COLORS OF THE LAYOUT YOU HAVE TO CHANGE THIS IMAGE. */
overflow: hidden; /* USE THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY. */
padding-left: 19px;
padding-top: 20px;
padding-right: 19px;
padding-bottom: 19px;
margin-top: 0px;
margin-bottom: 0px;
background-color: #FFFFFF;
border-left: 1px;
border-top: 0px;
border-right: 1px;
border-bottom: 1px;
border-color: #CCCCCC;
border-style: solid;
float: left;
}

/* CONTENT AREA */

#content {
margin-top: 0px;
margin-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
width: 800px;
min-height: 100px; /* for modern browsers */
height: auto !important; /* for modern browsers */
height: 100px; /* for IE5.x and IE6 */
background-color: #FFFFFF;
float: left;
}

#content p {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 1.3em;
text-align: left;
margin-top: 0px;
}

#content p a {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
text-decoration: underline;
}

#content p a:hover {
color: #EF3E42;
text-decoration: underline;
}

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

#footer-container {
display: block;
width: 840px;
}

#copyright {
display: block;
width: 279px;
height: 20px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #888888;
text-decoration: none;
}

#footer-nav {
display: block;
width: 541px;
height: 20px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
float: right;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #888888;
text-decoration: none;
}

#footer-nav a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #888888;
text-decoration: none;
}

#footer-nav a:hover {
color: #EF3E42;
text-decoration: underline;
}

/* ----- GENERIC COPY ELEMENTS ----- */

h1 {
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #759DB0;
font-size: 18px;
font-style: italic;
font-weight: bold;
line-height: 1.3em;
text-align: left;
margin-top: 0px;
}

.text {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 1.3em;
text-align: left;
margin-top: 0px;
}

.text a {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
text-decoration: underline;
}

.text a:hover {
color: #EF3E42;
text-decoration: underline;
}

/* ----- Lazy Load Colors ----- */

.colorEF3 {color:#EF3E42 !important;}
.color000 {color:#000000 !important;}
.color999 {color:#999999 !important;}

/* ----- ELEMENTS ----- */

/* margins */
.margin0 {margin:0px;}
.margin1 {margin:1px;}
.margin2 {margin:2px;}
.margin3 {margin:3px;}
.margin4 {margin:4px;}
.margin5 {margin:5px;}
.margin6 {margin:6px;}
.margin7 {margin:7px;}
.margin8 {margin:8px;}
.margin9 {margin:9px;}
.margin10 {margin:10px;}
.margin12 {margin:12px;}
.margin14 {margin:14px;}
.margin15 {margin:15px;}
.margin16 {margin:16px;}
.margin18 {margin:18px;}
.margin20 {margin:20px;}
.margin30 {margin:30px;}
.margin40 {margin:40px;}


/* margins top */
.mtop0 {margin-top:0px !important;}
.mtop2 {margin-top:2px !important;}
.mtop3 {margin-top:3px !important;}
.mtop4 {margin-top:4px !important;}
.mtop5 {margin-top:5px !important;}
.mtop6 {margin-top:6px !important;}
.mtop8 {margin-top:8px !important;}
.mtop10 {margin-top:10px !important;}
.mtop12 {margin-top:12px !important;}
.mtop14 {margin-top:14px !important;}
.mtop16 {margin-top:16px !important;}
.mtop18 {margin-top:18px !important;}
.mtop20 {margin-top:20px !important;}
.mtop22 {margin-top:22px !important;}
.mtop24 {margin-top:24px !important;}
.mtop25 {margin-top:25px !important;}
.mtop26 {margin-top:26px !important;}
.mtop28 {margin-top:28px !important;}
.mtop30 {margin-top:30px !important;}
.mtop35 {margin-top:35px !important;}
.mtop40 {margin-top:40px !important;}

/* margins bottom */
.mbot0 {margin-bottom:0px !important;}
.mbot2 {margin-bottom:2px !important;}
.mbot3 {margin-bottom:3px !important;}
.mbot4 {margin-bottom:4px !important;}
.mbot5 {margin-bottom:5px !important;}
.mbot6 {margin-bottom:6px !important;}
.mbot8 {margin-bottom:8px !important;}
.mbot10 {margin-bottom:10px !important;}
.mbot12 {margin-bottom:12px !important;}
.mbot14 {margin-bottom:14px !important;}
.mbot16 {margin-bottom:16px !important;}
.mbot18 {margin-bottom:18px !important;}
.mbot20 {margin-bottom:20px !important;}
.mbot22 {margin-bottom:22px !important;}
.mbot24 {margin-bottom:24px !important;}
.mbot25 {margin-bottom:25px !important;}
.mbot26 {margin-bottom:26px !important;}
.mbot28 {margin-bottom:28px !important;}
.mbot30 {margin-bottom:30px !important;}
.mbot35 {margin-bottom:35px !important;}
.mbot40 {margin-bottom:40px !important;}
.mbot45 {margin-bottom:45px !important;}
.mbot50 {margin-bottom:50px !important;}
.mbot55 {margin-bottom:55px !important;}
.mbot60 {margin-bottom:60px !important;}
.mbot65 {margin-bottom:65px !important;}
.mbot70 {margin-bottom:70px !important;}
.mbot75 {margin-bottom:75px !important;}
.mbot80 {margin-bottom:80px !important;}
.mbot85 {margin-bottom:85px !important;}
.mbot90 {margin-bottom:90px !important;}
.mbot95 {margin-bottom:95px !important;}
.mbot100 {margin-bottom:100px !important;}
.mbot300 {margin-bottom:300px !important;}

/* margins left */
.mleft0 {margin-left:0px !important;}
.mleft2 {margin-left:2px !important;}
.mleft3 {margin-left:3px !important;}
.mleft4 {margin-left:4px !important;}
.mleft5 {margin-left:5px !important;}
.mleft6 {margin-left:6px !important;}
.mleft8 {margin-left:8px !important;}
.mleft10 {margin-left:10px !important;}
.mleft12 {margin-left:12px !important;}
.mleft14 {margin-left:14px !important;}
.mleft16 {margin-left:16px !important;}
.mleft18 {margin-left:18px !important;}
.mleft20 {margin-left:20px !important;}
.mleft22 {margin-left:22px !important;}
.mleft24 {margin-left:24px !important;}
.mleft25 {margin-left:25px !important;}
.mleft26 {margin-left:26px !important;}
.mleft28 {margin-left:28px !important;}
.mleft30 {margin-left:30px !important;}
.mleft35 {margin-left:35px !important;}
.mleft40 {margin-left:40px !important;}

/* margins right */
.mright0 {margin-right:0px !important;}
.mright2 {margin-right:2px !important;}
.mright3 {margin-right:3px !important;}
.mright4 {margin-right:4px !important;}
.mright5 {margin-right:5px !important;}
.mright6 {margin-right:6px !important;}
.mright8 {margin-right:8px !important;}
.mright10 {margin-right:10px !important;}
.mright12 {margin-right:12px !important;}
.mright14 {margin-right:14px !important;}
.mright16 {margin-right:16px !important;}
.mright18 {margin-right:18px !important;}
.mright20 {margin-right:20px !important;}
.mright22 {margin-right:22px !important;}
.mright24 {margin-right:24px !important;}
.mright25 {margin-right:25px !important;}
.mright26 {margin-right:26px !important;}
.mright28 {margin-right:28px !important;}
.mright30 {margin-right:30px !important;}
.mright35 {margin-right:35px !important;}
.mright40 {margin-right:40px !important;}