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

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

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

#imgban {
display: block;
width: 893px;
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: 893px;
background: url(http://www.fundforteachers.org/img/site-v2/body-bg-933.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;
}

/* SIDE BAR */

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

#side-bar 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;
}

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

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

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

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

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

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

#side-bar span {
font-family: Arial, Helvetica, sans-serif;
color: #999999;
font-size: 20px;
font-style: normal;
font-weight: bold;
line-height: 1.3em;
text-align: left;
margin-top: 0px;
}

#side-bar span a {
font-family: Arial, Helvetica, sans-serif;
color: #999999;
text-decoration: underline;
}

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

/* SIDE BAR INDEX */

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

#side-bar-index 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;
}

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

#side-bar-index p a:hover {
color: #EF3E42;
text-decoration: underline;
}

/* CONTENT AREA */

#content {
margin-top: 0px;
margin-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
width: 578px;
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 span {
font-family: Arial, Helvetica, sans-serif;
color: #999999;
font-size: 20px;
font-style: normal;
font-weight: bold;
line-height: 1.3em;
text-align: left;
margin-top: 0px;
}

#content span a {
font-family: Arial, Helvetica, sans-serif;
color: #EF3E42;
text-decoration: none;
}

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

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

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

#copyright {
display: block;
width: 325px;
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: 588px;
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: Georgia, Times New Roman, Times, serif;
color: #EF3E42;
font-size: 18px;
font-style: italic;
font-weight: bold;
line-height: 1.3em;
text-align: left;
margin-top: 0px;
}

h2 {
font-family: Georgia, Times New Roman, Times, serif;
color: #666666;
font-size: 14px;
font-style: normal;
font-weight: bold;
line-height: 1.3em;
text-align: left;
margin-top: 0px;
}

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

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.3em;
}

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

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

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

ol {
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;
padding: 0px;
margin-left: 20px;
margin-top: 0px;
line-height: 1.3em;
}

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

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