@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

p {margin: 6px 0px 8px 0px;}
ul {margin-left: 16px;}
ol {margin-left: 16px;}
h2 {margin: 7px 0px 8px 0px; font-weight: normal; font-size: 14px;}
body {
padding: 0px;
margin: 0px;
background-image: url(images/cursive_bkg.jpg);
background-color: #000000;
background-position: left;
height: 100%;
}

.programs {
padding: 0px;
margin: 0px;
background-image:url(images/black_chalk_bkg.jpg);
background-color: #000000;
background-position: left;
height: 100%;
}

.parents {
padding: 0px;
margin: 0px;
background-image: url(images/rainbow_bkg.jpg);
background-color: #000000;
background-position: top;
height: 100%;
}

.home {
padding: 0px;
margin: 0px;
background-image: url(images/red_chalk_bkg.gif);
background-color: #000000;
background-position: left;
height: 100%;
}

html {
height: 100%;
}

#full_header {
background-color: #746391;
height: 150px;
margin: 0px;
padding: 0px;
}

.header_picture {
float: right;
margin: 73px 22px 0px 0px;
}

.header_picture_parents {
float: right;
margin: 71px 22px 0px 0px;
}

.header_picture_help {
float: right;
margin: 72px 22px 0px 0px;
}

.header_picture_contact {
float: right;
margin: 72px 22px 0px 0px;
}
.header_picture_home {
float: right;
margin: 0px 20px 0px 0px;
}

.header_picture_home2 {
float: right;
margin: 550px -282px 0px 0px;
}

.header_picture_home3 {
float: right;
margin: 550px -282px 0px 0px;
}

.benefit_banner {
float:right;
margin: 0px 20px 0px -40px;
}

#header {
background-color: #FFFFFF; 
width: 835px;
height: 156px;
margin-left: auto;
margin-right: auto;
background-image: url(images/gray_bar_top.gif);
background-position: bottom;
background-repeat: no-repeat;
}

.logo {
float: left;
margin: 0px;
padding: 0px 0px 0px 0px;
}

#top_links {
float: left;
margin: 110px 0px 0px 14px;
}

#top_links a {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
color: #000000;
font-weight: bold;
background-image: url(images/small_red_box.gif);
background-position: left;
background-repeat: no-repeat;
padding-left: 19px;
margin-left: 10px;
}

#body_holder {
width: 835px;
background-color: #000000;
margin-right: auto;
margin-left: auto;
background-image: url(images/left_bar.gif);
background-position: left top;
background-repeat: repeat-y;
min-height: 100%;
margin-bottom: -159px;
position: relative;
color: #FFFFFF;

}

#copy {
width: 376px;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: lighter;
font-size: 12px;
margin: 22px 0px 0px 32px;
line-height: 17px;
}

#copy a {
color:#FFCC00;
text-decoration: none;
}

#copy a:hover {
color:#ffffff;
text-decoration: underline;
}

#copy_contact {
width: 266px;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: lighter;
font-size: 12px;
margin: 22px 0px 0px 32px;
line-height: 17px;
}

#copy_contact a {
color:#FFCC00;
text-decoration: none;
}

#copy_contact a:hover {
color:#ffffff;
text-decoration: underline;
}

#bottom_chalk {
background-image: url(images/bottom_chalk3.png);
background-repeat: repeat-x;
background-position: bottom;
height: 159px;
position: relative;
}

#bottom_chalk2 {
background-image: url(images/bottom_chalk3.png);
background-repeat: repeat-x;
background-position: bottom;
height: 159px;
position: relative;
}

.clearfooter {
height: 159px;
clear: both;
}

#top_color_purple {
background-color: #746391;
height: 150px;
margin-bottom: -150px;
}

#top_color_green {
background-color: #a3c618;
height: 150px;
margin-bottom: -150px;
}

#top_color_black {
background-color: #000000;
height: 150px;
margin-bottom: -150px;
}

#top_color_red {
background-color: #e31b23;
height: 150px;
margin-bottom: -150px;
}

#top_color_dark_green {
background-color: #5bb395;
height: 150px;
margin-bottom: -150px;
}

#menu {
float: left;
margin: 24px 0px 0px 36px;
}

#right {
width:247px;
float: right;
margin: 20px 0px 0px 0px;
}

#menu p {
margin: 10px 0px 10px 0px;
}

.home_btn {
background-image: url(images/btn_home.gif);
background-position:center;
background-repeat: no-repeat;
width: 127px;
padding: 14px 54px 7px 51px;
margin: 8px 0px 0px 0px;
color: #FFFFFF;
text-decoration: none;
font-size: 12px;
}

.home_btn:hover {
background-image: url(images/btn_home_yellow.gif);
background-position:center;
background-repeat: no-repeat;
width: 127px;
padding: 16px 54px 7px 51px;
margin: 8px 0px 0px 0px;
}

.children_btn {
background-image: url(images/btn_children.gif);
background-position:center;
background-repeat: no-repeat;
width: 127px;
padding: 14px 54px 7px 51px;
margin: 8px 0px 0px 0px;
color: #FFFFFF;
text-decoration: none;
font-size: 12px;
}

.children_btn:hover {
background-image: url(images/btn_children_yellow.gif);
background-position:center;
background-repeat: no-repeat;
width: 127px;
padding: 17px 54px 7px 51px;
margin: 8px 0px 0px 0px;
}

.programs_btn {
background-image: url(images/btn_programs.gif);
background-position:center;
background-repeat: no-repeat;
width: 127px;
padding: 14px 54px 7px 51px;
margin: 8px 0px 0px 0px;
color: #FFFFFF;
text-decoration: none;
font-size: 12px;
}

.programs_btn:hover {
background-image: url(images/btn_programs_yellow.gif);
background-position:center;
background-repeat: no-repeat;
width: 127px;
padding: 16px 54px 7px 51px;
margin: 8px 0px 0px 0px;
}

.parents_btn {
background-image: url(images/btn_parents.gif);
background-position:center;
background-repeat: no-repeat;
width: 127px;
padding: 14px 54px 7px 51px;
margin: 8px 0px 0px 0px;
color: #FFFFFF;
text-decoration: none;
font-size: 12px;
}

.parents_btn:hover {
background-image: url(images/btn_parents_yellow.gif);
background-position:center;
background-repeat: no-repeat;
width: 127px;
padding: 15px 54px 7px 51px;
margin: 8px 0px 0px 0px;
}

.schools_btn {
background-image: url(images/btn_for_schools.gif);
background-position:center;
background-repeat: no-repeat;
width: 127px;
padding: 14px 54px 7px 51px;
margin: 8px 0px 0px 0px;
color: #FFFFFF;
text-decoration: none;
font-size: 12px;
}

.schools_btn:hover {
background-image: url(images/btn_for_schools_yellow.gif);
background-position:center;
background-repeat: no-repeat;
width: 127px;
padding: 15px 54px 7px 51px;
margin: 8px 0px 0px 0px;
}

.partners_btn {
background-image: url(images/btn_partners.gif);
background-position:center;
background-repeat: no-repeat;
width: 127px;
padding: 14px 54px 7px 51px;
margin: 8px 0px 0px 0px;
color: #FFFFFF;
text-decoration: none;
font-size: 12px;
}

.partners_btn:hover {
background-image: url(images/btn_partners_yellow.gif);
background-position:center;
background-repeat: no-repeat;
width: 127px;
padding: 15px 54px 7px 51px;
margin: 8px 0px 0px 0px;
}

.research_btn {
background-image: url(images/btn_research.gif);
background-position:center;
background-repeat: no-repeat;
width: 127px;
padding: 14px 54px 7px 51px;
margin: 8px 0px 0px 0px;
color: #FFFFFF;
text-decoration: none;
font-size: 12px;
}

.research_btn:hover {
background-image: url(images/btn_research_yellow.gif);
background-position:center;
background-repeat: no-repeat;
width: 127px;
padding: 14px 54px 7px 51px;
margin: 8px 0px 0px 0px;
}

.help_btn {
background-image: url(images/btn_help.gif);
background-position:center;
background-repeat: no-repeat;
width: 127px;
padding: 14px 54px 7px 51px;
margin: 8px 0px 0px 0px;
color: #FFFFFF;
text-decoration: none;
font-size: 12px;
}

.help_btn:hover {
background-image: url(images/btn_help_yellow.gif);
background-position:center;
background-repeat: no-repeat;
width: 127px;
padding: 14px 54px 7px 51px;
margin: 8px 0px 0px 0px;
}

.contact_btn {
background-image: url(images/btn_contact.gif);
background-position:center;
background-repeat: no-repeat;
width: 127px;
padding: 14px 54px 7px 51px;
margin: 8px 0px 0px 0px;
color: #FFFFFF;
text-decoration: none;
font-size: 12px;
}

.contact_btn:hover {
background-image: url(images/btn_contact_yellow.gif);
background-position:center;
background-repeat: no-repeat;
width: 127px;
padding: 14px 54px 7px 51px;
margin: 8px 0px 0px 0px;
}

.sub_menu {
background-color: #CC0000;
padding: 4px 5px 4px 5px;
text-decoration:  none;
color: #FFFFFF;
text-align: left;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #000000;
} 

.sub {
margin: -8px 0px 14px 0px;
text-align: left;
}

.sub2 {
margin: -4px 0px 14px 0px;
text-align: left;
}
.sub3 {
margin: -4px 0px 14px -19px;
text-align: left;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
line-height: 20px;
font-size:18px;
}

.red_box {
background-image: url(images/red_box_black.gif);
background-position: top left;
background-repeat: no-repeat;
padding-left: 19px;
}

.green_box {
background-image: url(images/green_box_black.gif);
background-position: top left;
background-repeat: no-repeat;
padding-left: 19px;
}

.butterfly {
margin: -300px 0px 0px 320px;
float: right;
padding-left: 15px;
}

.butterfly2 {
margin: -100px -120px 0px 0px;
float: right;
padding-left: 0px;
}

.resources {
float: right;
margin: 0px -30px 0px 0px;
}

#resource_box {
border: 1px solid  #660066;
background-color: #9286b5;
padding: 4px;
}

.mission {
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
color: #FFCC33;
margin: 4px 0px 8px 0px;
}

.h1_home {
font-family: Arial, Helvetica, sans-serif;
line-height: 0px;
font-size:18px;
margin: 2px 0px 5px 0px;

}

.quote_name {
font-style: italic;
font-family: Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 0px;
text-align: right;
line-height: 2px;

}