/* ----- 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;
}

/* ----- SELECTION Colors ----- */

*::selection { background: #EF3E42; color:#FFFFFF; /* Safari */ }
*::-moz-selection { background: #EF3E42; color:#FFFFFF; /* Firefox */ }
*::-webkit-selection { background: #EF3E42; color:#FFFFFF; /* Webkit */ }

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

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

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

#imgban {
display: block;
width: 800px;
height: 122px;
padding-left: 19px;
padding-top: 19px;
padding-right: 19px;
padding-bottom: 20px;
margin-top: 0px;
margin-bottom: 0px;
background-color: #FFFFFF;
border-left: 1px;
border-top: 1px;
border-right: 1px;
border-bottom: 0px;
border-color: #CCCCCC;
border-style: solid;
}

/* ----- 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: 0px;
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;
}

#content-wrapper2 {
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: 19px;
padding-right: 19px;
padding-bottom: 19px;
margin-top: 0px;
margin-bottom: 0px;
background-color: #FFFFFF;
border-left: 1px;
border-top: 1px;
border-right: 1px;
border-bottom: 1px;
border-color: #CCCCCC;
border-style: solid;
}

/* 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;
}

#content ul {
list-style: none;
list-style-image: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
line-height: 1.3em;
padding: 0;
margin: 0;
}

#content li {
color: #666666;
text-decoration: none;
}

#content li a {
color: #759DB0;
text-decoration: none;
}

#content li 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;
}

ul {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-indent: 0px;
list-style-position: outside;
list-style-image: url(http://www.fundforteachers.org/img/site-v2/list-style.gif);
padding: 0px;
margin-left: 17px;
margin-top: 0px;
line-height: 1.4em;
}

li {
color: #666666;
text-decoration: none;
}

li a {
color: #759DB0;
text-decoration: underline;
}

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