/*----- CMS Version 2.0 Compatible -----*/

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

body, .text { font-size: 12px} 
html, body, p, .text { font-family: Arial, Helvetica, sans-serif; color: #333; }
#main_body { padding: 0px; margin: 0px; background: #29325a url(../images/bg.jpg) no-repeat center top;}
#main_container {  width: 950px; margin-right: auto; margin-left: auto; background: #fff; }
#main_container_home {  width: 950px; margin-right: auto; margin-left: auto; background: #fff url(../images/home/rep_bg.gif) repeat-y right top; }
#print_header {display:none}
#map h2 {font-size: 16px; line-height: 18px; color: #000; font-weight: normal; margin:0 0px 2px 0px;}

p { margin:0px 0px 10px 0px; }
.PageContent, table {font-size: 1em;}
p, .text, li {line-height: 1.83em}
h1 {font-size: 1.42em; line-height: 1em; color: #003366; font-weight: normal; margin:0px 0px 15px 0px; }
h2 {font-size: 1.33em; line-height: 1.2em; color: #003366; font-weight: normal; margin:0px 0px 10px 0px; }
h3 {font-size: 1.25em; line-height: 1.2em; color: #003366; font-weight: normal; margin:0px 0px 7px 0px; }
h4 {font-size: 1.25em; line-height: 1.2em; color: #003366; font-weight: normal; margin:5px 0px 10px 0px; padding-top:5px; border-top: solid 1px #ccd6e0; }
h5 {font-size: 1.2em; line-height: 1.2em; color: #003366; font-weight: normal; margin:0px 0px 0px 0px; }
 
ul { margin-top: 0px; padding-left: 0px; margin-left: 0px; list-style-type: none; }
ul li { background-image: url(../images/icons/16x16/bullet.gif); background-repeat: no-repeat; background-position: 0px 2px; margin-top: 0px; padding-left: 15px; }
ul li ul { padding-left: 0px; list-style-type: none; margin-left: 0px; }
ul li ul li { background-image: url(../images/icons/16x16/bullet.gif); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 15px; margin-left: 15px; }

a:link, a:visited { color: #ff2d0d; text-decoration: none; }
a:hover, a:active, .ValidatorTextClass a:hover, .ValidatorTextClass a:active { color: #ff2d0d; text-decoration: underline; }

#breadcrumb { color:#999; font-size:11px; line-height:13px; border-bottom:1px solid #d6ccd6; padding:0 0 7px 0; margin:19px 0 20px 0;}
#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active  { color:#ff2d0d;}

img { border: 0px; }
form { display:inline }
hr { height:0px; border-top:1px solid #ccd6e0; border-right: 0px; border-bottom: 0px; border-left: 0px; }

.formbox, .formtextarea, .formselect, .ValidatorTextClass input {  border: 1px solid #ccc; font-size: 11px; line-height:13px; color: #666666;background: url(../images/formboxBG.gif) no-repeat 0 0; }
.formbox, .ValidatorTextClass input { padding: 2px 3px; background-color:#fff}
.formtextarea { padding: 2px 0px; background-color:#fff}
.formselect { padding: 0; }
.formselect option {padding:0 3px;}
.formbutton { padding: 2px 3px; background: #330033; color:#fff; cursor:pointer; border: none; }

.nobr { white-space: nowrap }
td { empty-cells:show;}
.photoright { float:right; margin:0px 0px 15px 30px; clear:right}
.photoleft { float:left; margin:0px 30px 15px 0px; clear:left}

.alert { padding:10px 0;background:#900000 url(../images/alert_bg.gif) repeat-x center top; font-size:14px; line-height:16px; color:#fff; text-align:center;}
.alert a:link, .alert a:visited { color: #ffffff; text-decoration: underline; }

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

.PrintOnly { display:none; }
.DontPrint { }
.PageContent { width:710px; padding:0 20px 20px 0; float:left;}
.PageContent_home { width:730px; padding:0 0 20px 0x; float:left;}

.leftNav { width:200px; float:left; margin:0 20px 0 0}
.leftPadding {padding:10px 0 0 10px;background:#eaebef;}

.header { padding:0 10px 0 0; background:url(../images/jerome_harrison_elementary_school.gif) no-repeat 0 0;}
/* .current_weather { color:#fff; float:right; clear:right; margin-left:5px;}
.weather_icon { float:right; margin-top:2px} */
#Weather { height:31px}
#WeatherText { color:#fff; float:right; clear:right; margin-left:5px;}
#WeatherIcon { float:right; margin-top:2px;}

/*----- TIER 0 NAVIGATION ELEMENTS (apply these to td) -----*/

.Tier0 { color:#856685;font-size:10px;line-height:10px; width:455px; text-align:right; margin:0; float:right; clear:both;}
/* OFF */.Tier0 a:link, .Tier0 a:visited { text-decoration:none;color:#ff2d0d; }
/* ON */.Tier0 a:hover, .Tier0 a:active { text-decoration:underline; color:#ff2d0d; }
.Tier0 a:link.On, .Tier0 a:visited.On, .Tier0 a:hover.On, .Tier0 a:active.On { text-decoration:none; color:#856685;}


/*----- TIER 1 NAVIGATION ELEMENTS -----*/

.Tier1 { background:#978383 url(../images/navigation/Tier1_bg.gif) repeat-x center top;}


/*----- DHTML NAVIGATION ELEMENTS (set ie6 background color in nav.js) -----*/

ul.DHTMLMenu {background: transparent url(../images/navigation/menu_background.png) repeat 0px 0px; padding: 0px;margin: 0px;border: none;position: absolute;z-index: 500;display: none;}
ul.DHTMLMenu li {background: none;padding: 0;margin: 0;line-height: 20px;}
ul.DHTMLMenu li a:link, ul.DHTMLMenu li a:visited {color: #fff;background: transparent;padding: 3px 5px;margin: 0px;text-decoration: none;display: block; }
ul.DHTMLMenu li a:hover, ul.DHTMLMenu li a:active {color: #ff2d0d;background: #fff;padding: 3px 5px;margin: 0px;text-decoration: none;display: block;}


/*----- SIDE NAVIGATION ELEMENTS -----*/

/* ul */.SideNav { list-style-type: none; margin:0; padding:0 0 10px 0; background:#eaebef;}
.SideNav li { padding:0; margin:0; display:inline; background:none;}

/* OFF li */.Tier2_Inactive a:link, .Tier2_Inactive a:visited { width:158px;padding:8px 22px 7px 10px;text-decoration:none;color:#003366;display:block;border-bottom: 1px solid #d6ccd6;background: #fff url(../images/navigation/nav.gif) no-repeat 0 0; font-size: 12px; line-height: 14px; }
/* OFF HOVER li */.Tier2_Inactive a:hover, .Tier2_Inactive a:active { background: url(../images/navigation/nav.gif) no-repeat 0 -100px; }
/* ON li */.Tier2_Active a:link, .Tier2_Active a:visited, .Tier2_Active a:hover, .Tier2_Active a:active { width:158px;padding:8px 22px 7px 10px;text-decoration:none;color:#003366;display:block;border-bottom: 1px solid #d6ccd6;background: url(../images/navigation/nav.gif) no-repeat 0 0; font-size: 12px; line-height: 14px; }


/* OFF li */.Tier3_Inactive a:link, .Tier3_Inactive a:visited { width:158px;padding:8px 22px 7px 10px;text-decoration:none;color:#ff2d0d;display:block;border-bottom: 1px solid #d6ccd6;background: url(../images/navigation/nav.gif) no-repeat 0 -200px; font-size: 12px; line-height: 14px; }
/* OFF HOVER li */.Tier3_Inactive a:hover, .Tier3_Inactive a:active { background: url(../images/navigation/nav.gif) no-repeat 0 -300px; color:#330033; }
/* ON li */.Tier3_Active a:link, .Tier3_Active a:visited, .Tier3_Active a:hover, .Tier3_Active a:active { width:158px;padding:8px 22px 7px 10px;text-decoration:none;color:#330033;display:block;border-bottom: 1px solid #d6ccd6;background: url(../images/navigation/nav.gif) no-repeat 0 -400px; font-size: 12px; line-height: 14px; }


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

.ShareLinks { margin:20px 0 15px 20px; font-size:11px; line-height:13px;}
.ShareLinks a:link, .ShareLinks a:visited { text-decoration:none; }
.ShareLinks a:hover, .ShareLinks a:active { text-decoration:underline; }


.Footer { color: #7f849c; font-size: 11px; line-height: 13px; background:#29325a; padding:15px 20px 20px 0;}
.Footer a:link, .Footer a:visited { color: #fff; text-decoration:none; }
.Footer a:hover, .Footer a:active { color: #fff; text-decoration:underline; }
.Footer a:link.On, .Footer a:visited.On, .Footer a:hover.On, .Footer a:active.On { text-decoration:none; color:#7f849c;}


/*----- CUSTOM ELEMENTS -----*/
/* these are custom definitions needed for templates */

.homeLeft { width:359px; padding:0 20px 0 0; float:left;}
.homeRight { width:350px; float:left;}

.homeSchoolLinks {list-style-type: none; margin:15px 0 15px 0; padding:0;border-bottom:1px solid #ccd6e0;}
.homeSchoolLinks li {padding:0; margin:0; display:inline; background:none;}
.homeSchoolLinks a:link, .homeSchoolLinks a:visited { width:305px; padding:0px 30px 0px 5px; height:39px; border-top:1px solid #ccd6e0; background:url(../images/home/school_link_off.gif) no-repeat 0 0; display:block; text-decoration:none; font-size:14px; line-height:22px;}
.homeSchoolLinks a:link span, .homeSchoolLinks a:visited span { color:#29325a; font-size:11px; line-height:13px;}
.homeSchoolLinks a:link img, .homeSchoolLinks a:visited img, .homeSchoolLinks a:hover img, .homeSchoolLinks a:active img { margin-right:10px; float:left;}
.homeSchoolLinks a:hover, .homeSchoolLinks a:active { width:305px; padding:0px 30px 0px 5px; height:39px; border-top:1px solid #ccd6e0; color:#fff; background:url(../images/home/school_link_hover.gif) no-repeat 0 0; display:block; text-decoration:none; font-size:14px; line-height:22px;}
.homeSchoolLinks a:hover span, .homeSchoolLinks a:active span { color:#7f849c;font-size:11px; line-height:13px;} 

.leftContactInfo { padding:15px 10px 30px 20px; background:#eaebef;}
.leftContactInfo, .leftContactInfo p .homeContactInfo, .homeContactInfo p { line-height:20px;}
.leftContactInfo span { color:#003366;}
.homeContactInfo span { color:#003366; font-size:14px; line-height:20px;}
.homeContactInfo { padding:0 15px 0 0;}

.townLink { padding:5px 5px 0 48px; height:34px; line-height:15px;background:url(../images/town_link_bg.gif) no-repeat 0 0; color:#29325a; border-bottom:1px solid #ccd6e0; border-top:1px solid #ccd6e0;}
.townLink_home { padding:2px 5px 3px 53px; height:34px; margin-top:20px; line-height:15px;background:url(../images/home/town_link_bg.gif) no-repeat 0 0; color:#29325a; border-bottom:1px solid #ccd6e0; border-top:1px solid #ccd6e0; font-size:11px; line-height:13px;}
.townLink_home a { font-size:14px; line-height:18px;}
.leftBottomGradient { height:110px; background:url(../images/left_bottom_gradient.gif) no-repeat 0 0;}

.topImages { border-top:solid 1px #fff; height:150px;}
.topImages img { float:left;}

.homeRightULs { padding:12px 0 6px 15px; background:#eaebef;}
.homeRightULs h2 { font-size:1.5em; line-height:1.2em; margin:0 0 8px 0; padding:0 14px 6px 0; border-bottom:1px solid #d4d6de;}
.homeRightULs ul li { margin-top:3px;}
.rollover { background:none; padding:0; margin:0;}
.rollover a:link, .rollover a:visited {width:290px; padding:2px 15px 2px 20px; display:block; background:url(../images/icons/16x16/bullet.gif) no-repeat 3px 4px;}
.rollover a:link span, .rollover a:visited span { color:#000;}
.rollover a:hover span, .rollover a:active span { color:#7e6565;} 
.rollover a:link em, .rollover a:visited em { color:#000;} 
.rollover a:hover, .rollover a:active { width:290px; padding:2px 15px 2px 20px; display:block; color:#7e6565;background:#fff url(../images/icons/16x16/bullet2.gif) no-repeat 3px 4px;text-decoration:none;}
.rollover a:hover em, .rollover a:active em { color:#7e6565;}
.more { padding-left:20px; background-position:3px 3px;}

/*----- CONTENT AREA ELEMENTS -----*/
/* these are custom definitions needed for content areas throughout site */