/* .......................... BASIC SECTIONS ............................ */



body {
background-image: url('Media/index/2011BKGD.jpg'); 
background-repeat:no-repeat;
font-family : Arial, Verdana, sans-serif;
font-size : 100%;
max-width:1050px;
margin:auto;
text-align:left;

}

#wrapper {
width: 920px;
height : 9000px;
margin : 30px 30px auto; /*top left bottom right  */
border : 0 solid #bbb;
background-color: #fff;
margin-top: 65px;
padding: 20px 15px 15px 15px;/* top right bottom left */
-moz-box-shadow: 3px 3px 15px #888888;
-webkit-box-shadow: 3px 3px 15px #888888;
box-shadow: 3px 3px 15px #888888;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888');
}

.shadow {
		-moz-box-shadow: 3px 3px 4px #000;
		-webkit-box-shadow: 3px 3px 4px #000;
		box-shadow: 3px 3px 4px #000;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	}

.main-table { 
width:expression(document.body.clientWidth > 1051? "1050px": "auto" ); 
margin-top: 0px; 
margin-right: auto; 
margin-bottom: 0px; 
margin-left: auto; 
} 

table  { 
font-size: 100%; 
font-family: Arial, Verdana, sans-serif; 
padding: 5px; 
} 
 

#banner {
border : 0 solid #bbb;
height : 123px;
width : 874px;
background: url(Media/index/2011BannerF.jpg) no-repeat; 
margin : 0px 0px 0px 0px; /*top left bottom right */
padding : 0px;
float : left;
}

#animations {
height : 55px;
width : 320px;
border : 0;
left : 436px; 
top : 40px;
position : relative; 
z-index : 1;
visibility: visible; 
}

#animation {
height : 55px;
width : 100px;
background: url(Media/animations/ArtAnimation2008.gif) no-repeat; 
border : 0;
position : relative;
float: left;
visibility: visible; 
}

#animationbus {
height : 55px;
width : 200px;
background: url(Media/animations/animationbus.gif) no-repeat;
border : 0;
left: 20px;
top: 0px;
position : relative;
float: left;
visibility: visible; 
}

/* ......NEW NAV 2011.....*/

.nav, .nav ul {list-style-type:none; margin:0px; padding:0px; }
.nav a {text-decoration:none;}
.nav {
font-family: arial, sans-serif; 
font-size:11px; 
width:894px; 
margin:0px; 
text-align:left;
}

/* style the links */
/* needs a background for IE6 - can be a color or a transparent gif */
.nav a {background:url(../../trans.gif); filter: alpha(opacity=90); opacity:0.9;} 

/* style the <b> element so that it does not affect the size of the link */
.nav a b {color:#fff; font-weight:normal; display:block; padding:5px 10px; margin-right:1px;}
/* I tried "margin-bottom 5px" above on nav a b block elements to create space below NAV purple color so it doesn't touch top left & right columns 
but is not a solution cuz it spaces 5px on all items in drop down menu's too */
.nav a:hover b {color:#000; cursor:pointer; border-left:2px solid #eee;}
.nav .fly .main b {background: transparent url(../../ulmulti6/arrow.gif) no-repeat right 9px;}
.nav .down b {background: transparent url(../../ulmulti6/arrow2.gif) no-repeat right 11px;}
/* for the offset left dropdown and flyout */
.nav .navCalendar ul b {text-align:right;}
.nav .navCalendar ul .main b {background: transparent url(../../ulmulti6/arrow3.gif) no-repeat left 9px; text-align:right;}
.nav .navCalendar ul a:hover b {border-left:0; border-right:2px solid #eee;}

/* HEIGHT */
.nav ul ul {top:-25px;} /* position the top of the flyout sub menus */

/* WIDTH change this WITH CARE to suit your requirements */

/* FOR NAV1 HOME*/
.navHome {width:60px;}
.navHome a {width:60px;}
.navHome a b {background-color:#af76ff;}

/* FOR NAV2 ABOUT*/
.navAbout,
.navAbout a {width:70px;}
.navAbout a {margin-right:-99px;}
.nav .navAbout a b,
.nav .navAbout .fly a b {background-color:#af76ff;}

.navAbout ul li {max-width:100px;}
.navAbout ul a {width:150px; margin-right:-149px;}
.navAbout ul {right:-2px;} /* position the dropdown flush cuz I didn't like it left or right */
.navAbout ul ul {left:200px;}

.navAbouta ul a {width:120px; margin-right:-119px;}
.navAbouta ul ul {left:120px;}

.navAboutb ul a {width:100px; margin-right:-99px;}
.navAboutb ul ul {left:100px;}

.navAboutc ul a {width:90px; margin-right:-89px;}
.navAboutc ul ul {left:90px;}

/* FOR NAV3 CURRICULUM*/
.navCurriculum,
.navCurriculum a {width:100px;}
.navCurriculum a {margin-right:-99px;}
.nav .navCurriculum a b,
.nav .navCurriculum .fly a b {background-color:#af76ff;}

.navCurriculum ul li {max-width:100px;}
.navCurriculum ul a {width:120px; margin-right:-119px;}
.navCurriculum ul {right:-2px;} /* position the dropdown flush cuz I didn't like it left or right */
.navCurriculum ul ul {left:120px;}

.navCurriculuma ul a {width:80px; margin-right:-79px;}
.navCurriculuma ul ul {left:80px;}


/* FOR NAV4 NEWS*/
.navNews,
.navNews a {width:60px;}
.navNews a {margin-right:-69px;}
.nav .navNews a b,
.nav .navNews .fly a b {background-color:#af76ff;}

.navNews ul li {max-width:80px;}
.navNews ul a {width:110px; margin-right:-109px;}
.navNews ul {right:-2px;} /* position the dropdown flush cuz I didn't like it left or right */
.navNews ul ul {left:auto; right:110px;}  /* position the flyouts left */

.navNewsa ul a {width:80px; margin-right:-79px;}
.navNews .navNewsa ul {right:80px;}
.navNewsa ul ul {right:80px;}


/* FOR NAV5 CALENDAR*/
.navCalendar, 
.navCalendar a {width:85px;}
.navCalendar a {margin-right:-84px;}
.nav .navCalendar a b,
.nav .navCalendar .fly a b {background-color:#af76ff;}

.navCalendar ul li {max-width:120px;}
.navCalendar ul a {width:120px; margin-right:-119px;}
.navCalendar ul {right:-2px;} /* position the dropdown flush cuz I didn't like it left or right */
.navCalendar ul ul {left:auto; right:110px;}  /* position the flyouts right */

.navCalendara ul a {width:120px; margin-right:-119px;}
.navCalendar .navCalendara ul {right:80px;}
.navCalendara ul ul {right:80px;}

/* FOR NAV6 CAMP+AFTER SCHOOL*/
.navCamp,
.navCamp a {width:160px;}
.navCamp a {margin-right:-159px;}
.nav .navCamp a b,
.nav .navCamp .fly a b {background-color:#af76ff;}

.navCamp ul li {max-width:100px;}
.navCamp ul a {width:100px; margin-right:-99px;}
.navCamp ul {right:-2px;} /* position the dropdown flush cuz I didn't like it left or right */
.navCamp ul ul {right:120px;}

.navCamp ul a {width:120px; margin-right:-99px;}
.navCamp ul ul {left:80px;}

/* FOR NAV7 VOLUNTEER DONATE*/
.navVolunteer,
.navVolunteer a {width:150px;}
.navVolunteer a {margin-right:-149px;}
.nav .navVolunteer a b,
.nav .navVolunteer .fly a b {background-color:#af76ff;}

.navVolunteer ul li {max-width:100px;}
.navVolunteer ul a {width:120px; margin-right:-119px;}
.navVolunteer ul {right:-2px;} /* position the dropdown flush cuz I didn't like it left or right */
.navVolunteer ul ul {left:120px;}

.navVolunteer ul a {width:100px; margin-right:-99px;}
.navVolunteer ul ul {left:80px;}

/* FOR NAV8 CONTACT*/
.navContact {width:80px;}
.navContact a {width:80px;}
.navContact a b {background-color:#af76ff;}

/* FOR NAV9 SITE MAP*/
.navSitemap, 
.navSitemap a {width:85px;}
.navSitemap a {margin-right:-84px;}
.nav .navSitemap a b,
.nav .navSitemap .fly a b {background-color:#af76ff; margin-right:0;}

.navSitemap ul li {max-width:120px;}
.navSitemap ul a {width:120px; margin-right:-119px;}
.navSitemap ul {right:-2px;} /* position the dropdown left */
.navSitemap ul ul {right:auto; right:50px;}  /* position the flyouts right */

.navSitemapa ul a {width:120px; margin-right:-119px;}
.navSitemap .navSitemapa ul {right:80px;}
.navSitemapa ul ul {right:80px;}

/* ----------------------------------------------------------------------------	*/

/* DO NOT CHANGE ANYTHING BELOW */
.nav li {float:left;} /* fixes several IE related bugs, and allows for clearing */
.nav ul {float:left; position:relative; z-index:20;} /* necessary for float drop and to stack the <ul>s */
.nav ul li {clear:left;} /* must clear the floated list item inside sublist */
.nav a {position:relative; display:block;} /* needs to have a position, to be above the rest */
.nav a.main {float:left; /* necessary for float drop */
    margin-top:10000px;} /* bring the top level links back into view */
.nav .drop,
.nav .fly {margin-top:-10000px;} /* hide the sub links and their containers, opera has low upper limits */
.nav ul {margin-bottom:-5000px;} /* avoid any interaction between the subs, can be any large size */

/* The bit that does ALL the work to bring the sub menus into view */
.nav a:hover,
.nav a:focus,
.nav a:active {margin-right:0; z-index:10; outline:0;}

.nav a:hover b,
.nav a:focus b,
.nav a:active b {color:#000; cursor:pointer; border-left:2px solid #eee;}

.nav .navNews ul a:hover b,
.nav .navNews ul a:focus b,
.nav .navNews ul a:active b {border-left:0; border-right:2px solid #eee;}

.navAbout ul a:hover,
.navAbout ul a:focus,
.navAbout ul a:active {margin-right:-100px;}

.navAbouta ul a:hover,
.navAbouta ul a:focus,
.navAbouta ul a:active {margin-right:-20px;}

.navAboutb ul a:hover,
.navAboutb ul a:focus,
.navAboutb ul a:active {margin-right:0;}

.navAboutc ul a:hover,
.navAboutc ul a:focus,
.navAboutc ul a:active {margin-right:10px;}

.navCurriculum ul a:hover,
.navCurriculum ul a:focus,
.navCurriculum ul a:active {margin-right:-20px;}

.navCurriculuma ul a:hover,
.navCurriculuma ul a:focus,
.navCurriculuma ul a:active {margin-right:20px;}

.navNews ul a:hover,
.navNews ul a:focus,
.navNews ul a:active {margin-right:-30px;}

.navNewsa ul a:hover,
.navNewsa ul a:focus,
.navNewsa ul a:active {margin-right:0;}

.navCalendar ul a:hover,
.navCalendar ul a:focus,
.navCalendar ul a:active {margin-right:-30px;}

.navCalendara ul a:hover,
.navCalendara ul a:focus,
.navCalendara ul a:active {margin-right:0;}

.navCamp ul a:hover,
.navCamp ul a:focus,
.navCamp ul a:active {margin-right:-30px;}

.navCampa ul a:hover,
.navCampa ul a:focus,
.navCampa ul a:active {margin-right:0;}

.navVolunteer ul a:hover,
.navVolunteer ul a:focus,
.navVolunteer ul a:active {margin-right:-30px;}

.navVolunteera ul a:hover,
.navVolunteera ul a:focus,
.navVolunteera ul a:active {margin-right:0;}

.navContact ul a:hover,
.navContact ul a:focus,
.navContact ul a:active {margin-right:-30px;}

.navContacta ul a:hover,
.navContacta ul a:focus,
.navContacta ul a:active {margin-right:0;}

.navSitemap ul a:hover,
.navSitemap ul a:focus,
.navSitemap ul a:active {margin-right:-30px;}

.navSitemapa ul a:hover,
.navSitemapa ul a:focus,
.navSitemapa ul a:active {margin-right:0;}

/* OPERA fix */
.nav ul:hover,
.nav ul ul:hover {clear:left;} /* to stop intermittent sub link :hover problems */


/* ............ END NEW NAV ............*/

p.main {text-align:justify;} /* the html for this is <p class="main"> */

#content div {
margin-top : 0px;
float : left;
}


#content-left {
width : 156px;
height : 1200px;
margin : 0px 0px 0px 0px; /* top right  bottom left */
background-color : #fff;
border-style : solid;
border-color : #fff;
border : 0px;
font-family : Futura, Arial, Verdana, sans-serif;
font-size: 90%;
padding : 20px 0px 0px 0px;
position : relative;
float: left;
}

#content-left-schoolslist{
width : 148px;
height : 605px;
margin : 0px 0px 0px 0px; /* top right  bottom left */
/*background: url(Media/about/2009SchoolsLEFTPerform.gif) no-repeat; ;*/
border-style : solid;
border : 0px;
position : relative;
float: left;
}

#indextextnew{
margin-left : 0;
width : 700px;
font-size: 85%;
/*border-style : solid;
border-color : #ccc;
border-width : 2px; */
padding : 0px 0px 0px 0px;
position : relative;
}

#content-main-index {
margin-left : 0;
width : 875px;
height: 350px;
padding : 10px 0px 0px 0px;
float: left;
}

#content-index-bannerINFO{
width: 455px; /* was 875px; */
/*height: 25px; */
margin: 0px 0px 10px 0px; /*top right  bottom left*/
padding: 0; 
font-family : Futura, Arial, Verdana, sans-serif;
text-align: center;
vertical-align: middle;
font-size: 90%;
float: left;
-moz-border-radius: 0px 0px 15px 15px;/* topleft topright bottomright bottomleft */
-webkit-border-radius: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px; 
}

#content-index-left{
width : 189px;
height : 350px;
margin : 0px 0px 0px 0px; /* top right  bottom left */
padding : 0px 0px 0px 0px;
background-color : #cc99ff; /* #99ff33; last color 2009-2010 #e2c4ff;*/
font-family : Arial, Verdana, sans-serif;
position : relative;
text-indent: 10px;
float: left;
-moz-border-radius: 15px 0px 0px 15px;
-webkit-border-radius: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
}

#content-index-leftHeader{
width : 189px;
height : 20px;
margin : 0px 0px 0px 0px; /* top right  bottom left */
padding : 0px 0px 0px 0px;
/*background-color : #af76ff;*/
border: 0px solid;
font-family : Futura, Arial, Verdana, sans-serif;
font-size: 105%;
font-weight: bold;
color:#330099;
text-align: center;
position : relative;
float: left;
-moz-border-radius: 15px 0px 0px 0px; /* top right  bottom left */
-webkit-border-radius: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
}

#content-index-leftIMAGE{
width : 189px;
margin : 0px 0px 0px 0px; /* top right  bottom left */
padding : 0px 0px 0px 0px;
text-align: center;
position : relative;
float: left;
}

#content-index-leftAddress{
width : 189px;
height : 60px;
margin : 0px 0px 0px 0px; /* top right  bottom left */
padding : 5px 0px 0px 0px;
font-family : Arial, Verdana, sans-serif;
font-size: 65%;
font-weight: normal;
text-indent: 30px;
position : relative;
float: left;
}

#content-index-leftAftSchLink{
width : 189px;
height : 50px;
margin : 0px 0px 0px 0px; /* top right  bottom left */
padding : 0px 0px 0px 0px;
font-family : Futura, Arial, Verdana, sans-serif;
font-size: 90%;
font-weight: bold;
background-color : #ff76ff;
position : relative;
float: left;
}


#content-index-leftNEWSlink{
width : 189px;
height : 20px;
margin : 0px 0px 0px 0px; /* top right  bottom left */
padding : 0px 0px 0px 0px;
font-family : Arial, Verdana, sans-serif;
font-size: 70%;
background-color : #99cc00;
position : relative;
float: left;
}

#content-index-leftCAMPreg{
width : 189px;
height:30px;
margin : 0px 0px 0px 0px; /* top right  bottom left */
padding : 0px 0px 0px 0px;
text-indent: 5px;
font-family : Arial, Verdana, sans-serif;
font-size: 70%;
position : relative;
float: left;
}
/*.......................................*/
#content-index-middle{
margin-left : 0;
width : 455px;
height : 350px;
border:0px solid yellow;
font-family : Arial, Verdana, sans-serif;
font-size: 90%;
background-color : #99ff66;
text-align:justify;
/* border-color : #ccc;
border-width : 0px;*/
padding : 0px 20px 0px 20px;/* top right  bottom left */
float: left;
}
/*..............................................*/
/* #index-middle-IMAGE{
 width : 421px;
 height : 185px;
 margin:auto;

}*/

#content-index-right{
width : 189px;
height : 350px;
padding : 0px 0px 0px 0px;
border:0px solid;
background-color : #99cc33; /*#baffa3;#009900;  #ccff00;*/
position : relative;
float : right;
-moz-border-radius: 0px 15px 15px 0px; /* top left, top right, bottom right, bottom left*/
-webkit-border-radius: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
}
#content-index-rightHeader{
width : 189px;
height : 20px;
margin : 0px 0px 0px 0px; /* top right  bottom left */
padding : 0px 0px 0px 0px;
background-color : #99cc00;
font-family : Futura, Arial, Verdana, sans-serif;
font-size: 105%;
text-align: center;
color:#006600;
position : relative;
float: left;
-moz-border-radius: 15px 15px 0px 0px;/* topleft topright bottomright bottomleft*/
-webkit-border-radius: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
}

#content-index-rightIMAGE{
width : 189px;
margin : 0px 0px 0px 0px; /* top right  bottom left */
padding : 0px 0px 0px 0px;
text-align: center;
position : relative;
float: left;
}

#content-index-rightAddress{
width : 189px;
height : 70px;
margin : 0px 0px 0px 0px; /* top right  bottom left */
padding : 5px 0px 0px 0px;
font-family : Arial, Verdana, sans-serif;
font-size: 65%;
font-weight: normal;
text-indent: 30px;
position : relative;
float: left;
}



#content-index-rightNEWSlink{
width : 189px;
height : 30px;
margin : 0px 0px 0px 0px; /* top right  bottom left */
padding : 0px 0px 0px 0px;
font-family : Futura, Arial, Verdana, sans-serif;
font-size: 95%;
font-weight: bold;
background-color : #af76ff;
position : relative;
float: left;
}


#content-main {
margin-left : 0;
width : 552px;
padding : 10px 10px 10px 30px;
float: left;
}


#content-main-textbox {
margin-left : 0;
width : 535px;
border-style : solid;
text-align: justify;
/* border-color : #ccc;
border-width : 0px;*/
padding : 5px 5px 5px 5px;
float: left;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
}


#indextext{
margin-left : 0;
width : 430px;
font-size: 85%;
/*border-style : solid;
border-color : #ccc;
border-width : 2px; */
padding : 0px 0px 0px 0px;
position : relative;
}

#content-right {
width : 160px;
height : 3300px;
margin-top: 20px;
padding : 20px 0px 10px 0px;
background-color : #fff;
float : right;
font-size: 90%;
}

#artshowart{
width : 200px;
height : 150px;
margin-top: 0px;
padding : 0px 5px 0px 0px;
background-color : #fff;
float : right;
position : relative;
}

#artshowarttext{
width : 230px;
height : 150px;
margin: 0px;
padding : 0px;
background-color : #fff;
float : left;
position : relative;
}

#page-id-image{
width: 150px;
height: 58px;
margin : 0px 0px 0px 0px;
padding : 0px 0px 0px 0px;
position: relative;
float: left;
}


/* .......................... END BASIC SECTIONS ............................ */


/* ...........................MAIN HEADER NAVIGATION april 25, 2011 old .........................*/
/* 
	set the background image on the ul itself 
*/
/*.nav  { 
display: block; 
background-color: #af76ff; /*background: url(Media/index/FACtabs2009longer.gif) no-repeat; */
/*list-style: none; 
margin: 0px 0px 10px 0px; /*top right  bottom left*/
/*padding: 0; 
height: 29px; 
width: 874px; 
float: left 
}

  /* for ... IE to make a box transparent
  	filter:alpha(opacity=60);
 	... for CSS3 standard 
 	 opacity:0.6;
  }*/

/* 
	set each li to block and float left so that height/width can be set.
	apply to px margin to the right of each li to compensate for the white
	space between the images.
*/

/*.nav li {
	display: block;
	height: 29px;
	float: left;
	text-align: center;
	vertical-align: middle;
	margin: 0 2px 0 0;
	padding: 0;
	font-size: 11px;	
}

.nav a {
	text-transform: uppercase;
	text-decoration: none;
	line-height: 29px;
	vertical-align: middle;
	font-weight: bold;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #fff;
	filter:alpha(opacity=100) !important;
	-moz-opacity: 1; opacity: 1 !important;

}

.nav a:hover{
	text-transform: uppercase;
	text-decoration: none;
	line-height: 29px;
	vertical-align: middle;
	font-weight: bold;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #000;
}

.nav li:hover{
background-color: #6600CC;
filter:alpha(opacity=30); 
-moz-opacity: 0.30; 
opacity: 0.30;

}


/*
	set the width for each li. for the last one, remove the margin
	from the right since there is no whitespace after it.
*/
/*#nav_home {
	width: 65px;

}

#nav_about {
	width: 70px;
}

#nav_curriculum {
	width: 108px;
}

#nav_calendar {
	width:  95px;
}

#nav_news {
	width: 60px;
}

#nav_camp {
	width: 150px;
}

#nav_volunteer {
	width:  144px;
}

#nav_contact {
	width: 80px;
}

#nav_site {
	width: 78px;
	margin-left: 0px;
}*/

/*.............................. END MAIN HEADER NAV ....................*/


/*-----------------  CALENDAR  -------------------------------------*/

#content-left-calendar {
width : 156px;
height : 1200px;
margin : 0px 0px 0px 0px; /* top right  bottom left */
background-color : #fff;
border-style : solid;
border-color : #fff;
border : 0px;
font-family : Futura, Arial, Verdana, sans-serif;
font-size: 90%;
padding : 0px 0px 0px 0px;
position : relative;
float: left;
}

#content-main-calendar {
margin-left : 0;
width : 712px;
padding : 15px 5px 0px 5px;
float: left;
}

#content-main-calendar-textbox {
margin-left : 0;
background-color: #fffeba;
width : 500px;
padding : 10px 10px 0px 5px;
float: left;
}
#content-right-calendar {
width : 170px;
height : 3300px;
padding : 0px 6px 5px 6px;
background-color : #f8aaff;
float : left;
position : relative;
font-size: 90%;
}

/*-----------------  END CALENDAR  -------------------------------------*/

/* ..................TEACHERS NAV...................................... */

#content-right-teachers_navcontainer{
padding : 0px;
width : 169px;
font-family : Arial, Helvetica, sans-serif;
font-size: 85%;
}


#content-right-teachers_navcontainer ul {
margin-left : 0;
padding-left : 0;
list-style-type : none;
font-family : Arial, Helvetica, sans-serif;
}

#content-right-teachers_navcontainer a {
display : block;
padding : 3px;
width : 129px;
background-color : #639;
border-bottom : 1px solid #eee;
color : #fff;
}

#content-right-teachers_navcontainer a:hover {
background-color : #0b0;
color : #fff;
}

/* .................. END TEACHERS NAV...................................... */


/* ...............PURPLE and GREEN NAV BOXES LEFT.....................*/

#content-left-purple_navcontainer ul {
width : 150px;
margin-left : 0;
padding-left : 0;
list-style-type : none;
font-family : Arial, Helvetica, sans-serif;
}
#content-left-purple_navcontainer a {
display : block;
padding : 3px;
width : 150px;
background-color : #ac7bff;
border-bottom : 1px solid #eee;
position : relative;
}
#content-left-purple_navcontainer a:link, #content-left-purple_navlist a:visited {
color : #eee;
text-decoration : none;
}
#content-left-purple_navcontainer a:hover {
background-color : #0b0;
color : #fff;
}
#content-left-green_navcontainer ul {
width : 150px;
margin-left : 0;
padding-left : 0;
list-style-type : none;
font-family : Arial, Helvetica, sans-serif;
}
#content-left-green_navcontainer a {
display : block;
padding : 3px;
width : 150px;
background-color : #68ce4b;
border-bottom : 1px solid #eee;
position : relative;
}
#content-left-green_navcontainer a:link, #content-left-green_navlist a:visited {
color : #eee;
text-decoration : none;
}
#content-left-green_navcontainer a:hover {
background-color : #639;
color : #fff;
}

/* .............END ..... PURPLE and GREEN NAV BOXES LEFT...................*/




/* .......................... ABOUT FILLMORE ............................ */


#ul {
list-style-type : circle;
}

#karenwynton {
width: 127px;
height: 156px;
margin-bottom: 275px;
float: right;
background-color: #eedcff;
text-align: center;

}
#christinachorus {
width: 127px;
height: 134px;
margin-bottom : 275px;
float: right;
background-color: #eedcff;
text-align: center;

}
#dennaconducts {
width: 127px;
height: 134px;
margin-bottom : 275px;
float: right;
background-color: #eedcff;
text-align: center;

}
#starland {
width: 127px;
height : 145px;
margin-bottom : 275px;
float: right;
background-color: #eedcff;
text-align: center;

}
#hydedancerslight {
width: 127px;
height: 134px;
margin-bottom : 275px;
float: right;
background-color: #eedcff;
text-align: center;
}

#dancers {
width: 127px;
height : 159px;
float: right;
background-color: #eedcff;
text-align: center;
}

/* .......................... END ABOUT FILLMORE .......................... */




/*..........STAFF STAFF STAFF STAFF STAFF ......................*/


#content-mainstaff {
margin-left : 0;
width : 700px;
padding : 0px;
list-style-type : none;
font-size: 90%;
}

#content-facultyleftheader{
margin-left : 0;
width : 360px;
padding : 0px;
list-style-type : none;
font-size: 100%;
text-align: center;
-moz-border-radius: 15px 15px 0px 0px;
-webkit-border-radius: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
background-color: #eacaff;
}

#content-facultyleft{
margin-left : 0;
width : 360px;
padding : 0px;
list-style-type : none;
font-size: 80%;
text-align: left;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
background-color: #beff9f;
}

#content-facultyrightheader{
margin-left : 0;
width : 330px;
padding : 0px;
list-style-type : none;
font-size: 100%;
text-align: center;
-moz-border-radius: 15px 15px 0px 0px;
-webkit-border-radius: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
background-color: #beff9f;
}

#content-facultyright{
margin-left : 0;
width : 330px;
padding : 0px;
list-style-type : none;
font-size: 80%;
text-align: left;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
background-color: #eacaff;
}

#content-leftstaff {
width : 173px;
height : 880px;
margin : 0px 0px 0px 0px; /* top right  bottom left */
background-color : #fff;
border-style : solid;
border-color : #fff;
border : 0px;
font-family : arial, helvetica, sans-serif;
padding : 20px 0px 0px 0px;
position : relative;
}

#div-for-stafftable{
width : 840px;
height: 7000px;
margin : 0px 0px 0px 0px; /* top right  bottom left */
background-color : #fff;
border-style : solid;
border-color : #fff;
border : 0px;
font-family : arial, helvetica, sans-serif;
padding : 0px 0px 0px 0px;
position : relative;
}

#staffadmin-left { 
font-size: 12px; 
background-color: #eedcff; 
margin: 0; 
padding: 3px; 
position: relative; 
width: 160px; 
}

/*..................MICHAEL BOWIE..................*/

#staff-div-mbowie{
display: block;
list-style: none; 
margin: 0px 0px 10px 0px; 
padding: 0px; 
height: 172px;
width: 750px; 
float: left; 
}

#staff-div-mbowieimage{
display: inline;
list-style: none; 
margin: 0px 0px 0px 0px; 
padding: 0px; 
height: 172px; 
width: 170px; 
float: left; 
}

#staff-div-mbowiebio{
display: inline;
list-style: none; 
margin: 0px 2px 0px 2px; /*  top right  bottom  left  */
padding: 0px 5px 0px 5px; 
height: 172px; 
width: 360px; 
float: left; 
background-color: #969;
}

#staff-div-mbowiecontact{
display: inline;
list-style: none; 
margin: 0px 0px 0px 0px; 
padding: 0px 5px 0px 5px; 
height: 172px; 
width: 181px; 
background-color: #999;
float: right; 
}
/*..................BONITA CACHO..................*/
#staff-div-bcacho{
display: block;
list-style: none; 
margin: 0px 0px 10px 0px; 
padding: 0px; 
height: 340px; 
width: 750px; 
float: left; 
}

#staff-div-bcachoimage{
display: inline;
list-style: none; 
margin: 0px 0px 0px 0px; 
padding: 0px; 
height: 340px; 
width: 170px; 
float: left; 
}

#staff-div-bcachobio{
display: inline;
list-style: none; 
margin: 0px 2px 0px 2px; /*  top right  bottom  left  */
padding: 0px 5px 0px 5px; 
height: 340px; 
width: 360px; 
float: left; 
background-color: #996;
}

#staff-div-bcachocontact{
display: inline;
list-style: none; 
margin: 0px 0px 0px 0px; 
padding: 0px 5px 0px 5px; 
height: 340px; 
width: 181px; 
background-color: #999;
float: right; 
}
/*..................patrick conway..................*/


#staff-div-pconway{
display: block;
list-style: none; 
margin: 0px 0px 5px 0px; 
padding: 0px; 
height: 172px; 
width: 750px; 
float: left; 
}

#staff-div-pconwayimage{
display: inline;
list-style: none; 
margin: 0px 0px 0px 0px; 
padding: 0px; 
height: 172px; 
width: 170px; 
float: left; 
}

#staff-div-pconwaybio{
display: inline;
list-style: none; 
margin: 0px 2px 0px 2px; /*  top right  bottom  left  */
padding: 0px 5px 0px 5px; 
height: 172px; 
width: 360px; 
float: left; 
background-color: #996;
}

#staff-div-pconwaycontact{
display: inline;
list-style: none; 
margin: 0px 0px 0px 0px; 
padding: 0px 5px 0px 5px; 
height: 172px; 
width: 181px; 
background-color: #999;
float: right; 
} 
/*..................Crystall Carmen..................*/

#staff-div-ccarmen{
display: block;
list-style: none; 
margin: 0px 0px 5px 0px; 
padding: 0px; 
height: 256px; 
width: 750px; 
float: left; 
}

#staff-div-ccarmenimage{
display: inline;
list-style: none; 
margin: 0px 0px 0px 0px; 
padding: 0px; 
height: 256x; 
width: 170px; 
float: left; 
}

#staff-div-ccarmenbio{
display: inline;
list-style: none; 
margin: 0px 2px 0px 2px; /*  top right  bottom  left  */
padding: 0px 5px 0px 5px; 
height: 256px; 
width: 360px; 
float: left; 
background-color: #3d9fa6;  /* #66a9a2; #c8105a; #cc0066;  #66a9a2;*/
}

#staff-div-ccarmencontact{
display: inline;
list-style: none; 
margin: 0px 0px 0px 0px; 
padding: 0px 5px 0px 5px; 
height: 256px; 
width: 181px; 
background-color: #999;
float: right; 
}

/*..................Allison Crockett  ..................*/

#staff-div-acrockett{
display: block;
list-style: none; 
margin: 0px 0px 10px 0px; 
padding: 0px; 
height: 520px; 
width: 750px; 
float: left; 
}

#staff-div-acrockettimage{
display: inline;
list-style: none; 
margin: 0px 0px 0px 0px; 
padding: 0px; 
height: 520px; 
width: 170px; 
float: left; 
}

#staff-div-acrockettbio{
display: inline;
list-style: none; 
margin: 0px 2px 0px 2px; /*  top right  bottom  left  */
padding: 0px 5px 0px 5px; 
height: 520x; 
width: 360px; 
float: left; 
background-color: #ea821a;
}

#staff-div-acrockettcontact{
display: inline;
list-style: none; 
margin: 0px 0px 0px 0px; 
padding: 0px 5px 0px 5px; 
height: 520px; 
width: 181px; 
background-color: #999;
float: right; 
}
/*..................Karen Daniels ..................*/

#staff-div-kdaniels{
display: block;
list-style: none; 
margin: 0px 0px 5px 0px; 
padding: 0px; 
height: 340px; 
width: 750px; 
float: left; 
}

#staff-div-kdanielsimage{
display: inline;
list-style: none; 
margin: 0px 0px 0px 0px; 
padding: 0px; 
height: 340px; 
width: 170px; 
float: left; 
}

#staff-div-kdanielsbio{
display: inline;
list-style: none; 
margin: 0px 2px 0px 2px; /*  top right  bottom  left  */
padding: 0px 5px 0px 5px; 
height: 340px; 
width: 360px; 
float: left; 
background-color: #969;
}

#staff-div-kdanielscontact{
display: inline;
list-style: none; 
margin: 0px 0px 0px 0px; 
padding: 0px 5px 0px 5px; 
height: 172px; 
width: 181px; 
background-color: #999;
float: right; 
}
/*..................ldelaine..................*/
Leslie DeLaine 
/*..................cjenkinsparris..................*/
Carmen Jenkins-Parris 
/*..................gjohnson..................*/
Glenna Johnson 
/*..................kgonzales..................*/
Kathleen Gonzales 
/*..................fleitch..................*/
Fredric Leitch 
/*..................mmeenehan..................*/
Margaret Meenehan 
/*..................tpollet..................*/
Pamela  Tiik  Pollet 
/*..................mponkkacarpenter..................*/
Marja Ponkka-Carpenter 
/*..................dpurdie..................*/
Denna Purdie 
/*..................arobinson..................*/
Adam Robinson 
/*..................promero..................*/
Peter Romero 
/*..................estrunk..................*/
Elena Strunk 
/*..................ryoung..................*/
Rain Young 
/*..................jcolton..................*/
Jonathon Colton 
/*..................tmartin..................*/
Trevor Martin  
/*..................bjenkins..................*/
Bruce Jenkins
/*..................arichardson..................*/
Andre Richardson
/*..................vackles..................*/
Yolanda Ackles
/*..................mtimony..................*/
Mary Timony 
/*........................END STAFF.................................*



/*............................CURRICULUM..................................*/

#curriculumdanceimages {
width: 145px;
height: 228px;
margin-bottom: 20px;
float: right;
text-align: center;

}
#curriculumdigartimages {
width: 145px;
height: 202px;
margin-bottom : 10px;
float: right;
text-align: center;

}
#curriculumdramaimages {
width: 145px;
height: 171px;
margin-bottom : 10px;
float: right;
text-align: center;

}
#curriculummusicimages {
width: 145px;
height : 191px;
margin-bottom : 10px;
float: right;
text-align: center;

}
#curriculumartimages {
width: 145px;
height: 154px;
margin-bottom : 10px;
float: right;
text-align: center;
}

#curriculumwritingimages {
width: 145px;
height : 111px;
float: right;
text-align: center;
}

/*..............................END CURRICULUM.....................*/





/*...............................STUDENT WORK.....................*/
#ul {
list-style-type : circle;
}

#pollet {
width: 127px;
height: 213px;
margin-bottom: 25px;
float: right;
background-color: #eedcff;
text-align: center;

}
#power {
width: 127px;
height: 225px;
margin-bottom:25px;
float: right;
background-color: #eedcff;
text-align: center;

}
#carpentar {
width: 127px;
height: 184px;
margin-bottom : 25px;
float: right;
background-color: #eedcff;
text-align: center;

}
#romero{
width: 127px;
height : 135px;
margin-bottom : 25px;
float: right;
background-color: #eedcff;
text-align: center;

}
#morrison {
width: 127px;
height: 135px;
margin-bottom : 25px;
float: right;
background-color: #eedcff;
text-align: center;
}

#content-main-studentwork {
margin-left : 0;
width : 625px;
padding : 20px 20px 0px 20px;
}

#content-main-studentworkbox {
margin-left : 0;
width : 550px;
border-style : solid;
border-color : #ccc;
border-width : 2px;
padding : 10px 10px 0px 10px;
}

#content-main-studentworkbox-kente {
margin-left : 0;
width : 565px;
border-style : solid;
border-color : #ccc;
border-width : 2px;
padding : 10px 10px 0px 10px;
}

/*............................... END STUDENT WORK .....................*/





/*............................... WRITING ................................*/

#banner-writing{
border : 0 solid #bbb;
height : 96px;
width : 775px;
margin : 10px 0px 0px 0px; /*top left bottom right  */
padding : 0;
float : left;
}


/*........................ END WRITING ................................*/





/*............................. NEWS .............................*/
#content_news {
margin-top : 0;
padding-bottom : 0;
border : 0 solid;
float : left;
}

/*............................. END NEWS.............................*/





/*............................. SITE MAP .............................*/




/*................ DINNER WITH AN ARTIST ..............*/

#content-main-dinnerwithanartist{
margin-left : 0;
margin-top: 0px;
width : 775px;
height: 2600px;
border-style : solid;
border-color : #ccc;
border-width : 2px;
padding : 5px 5px 0px 5px;

}

#content-main-sitemap {
margin-left : 0;
width : 575px;
padding : 20px 20px 0px 20px;
}

#content-main-sitemap-textbox {
margin: 0px 0px 0px 20px;
width : 545px;
height: 730px;
border-style : solid;
border-color : #ccc;
border-width : 2px;
padding : 10px 10px 0px 10px;

}

/*................ END DINNER WITH AN ARTIST ..............*/

/* ...................... CAMP AFTER SCHOOL NAV .......................*/

#campafterschool_navcontainer a {
display : block;
padding : 3px;
width : 129px;
background-color : #639;
border-bottom : 1px solid #eee;
}
#campafterschool_navcontainer a:link, #campafterschool_navlist a:visited {
color : #eee;
text-decoration : none;
}
#campafterschool_navcontainer a:hover {
background-color : #0b0;
color : #fff;
}
#fillmoreinfo {
background-color : #993366;
border-style : solid;
border-color : #fff;
border : 0;
margin-left : 0;
}
#PRE {
white-space : pre;
white-space : pre-wrap;
white-space : pre;
white-space : pre-wrap;
white-space : pre-line;
font-family : arial, helvetica, sans-serif;
}

#content-left-purple_campnav ul {
width : 145px;
margin-left : 0;
padding-left : 0;
list-style-type : none;
font-family : Arial, Helvetica, sans-serif;
}
#content-left-purple_campnav a {
display : block;
padding : 3px;
width : 145px;
background-color : #639;
border-bottom : 1px solid #eee;
position : relative;
}
#content-left-purple_campnav a:link, #content-left-purple_navlist a:visited {
color : #eee;
text-decoration : none;
}
#content-left-purple_campnav a:hover {
background-color : #0b0;
color : #fff;
}

#content-left-green_navcontainer ul {
width : 150px;
margin-left : 0;
padding-left : 0;
list-style-type : none;
font-family : Arial, Helvetica, sans-serif;
}
/*...................................Camp Afterschool Sections......................*/
#content-left-campafterschool {
width : 165px;
margin : 0px 0px 0px 0px; /* top right  bottom left */
background-color : #fff; /* lavendar #e2c4ff; */
border-style : solid;
border-color : #fff;
border : 0px;
font-family : arial, helvetica, sans-serif;
padding : 0px 0px 0px 0px;
position : relative;
}

#content-right-campafterschool {
width : 150px;
height : 3695px;
padding : 0;
background-color : #fff;
margin-top: 20px;
padding : 20px 0px 10px 0px;
float : right;
position : relative;
}
}

#contentsummer {
margin-top : 0px;
width : 870px;
float : left;
}

#content-mainsummer
{
width : 695px;
}

#content-main-summertextbox {
margin-left : 0;
width : 660px;
border-style : solid;
border-color : #ccc;
border-width : 0px;
padding : 10px 5px 0px 5px;
list-style-type:none;


}
#content-main-summertextboxHeader1 {
margin-left : 0;
width : 320px;
border-style : solid;
border-color : #ccc;
border-width : 0px;
padding : 5px 5px 0px 5px;
font-size: 110%;
text-align: center;
text-decoration: none;
-moz-border-radius: 15px 15px 0px 0px;
-webkit-border-radius: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
background-color: #af76ff; /*#cc66ff;*/
color: #330066;
}

#content-main-summertextbox1 {
margin-left : 0;
width : 320px;
border-style : solid;
border-color : #ccc;
border-width : 0px;
padding : 10px 5px 25px 5px;
text-decoration: none;
font-weight: lighter;
font-style: normal;
font-size: 90%;
/*-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;*/
background-color: #af76ff;/*#330066;#caa0ff*/
color: #000;/*#eba9ff;*/
}

#content-main-summertextboxHeader2 {
margin-left : 0;
width : 320px;
border-style : solid;
border-color : #ccc;
border-width : 0px;
padding : 5px 5px 0px 5px;
font-size: 110%;
text-align: center;
text-decoration: none;
-moz-border-radius: 15px 15px 0px 0px;/* the 0's make the bottom right & left of the box flat */
-webkit-border-radius: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
/*-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;*/
background-color: #cc66ff;/*#330066; #caa0ff*/
color: #330066;/*#eba9ff;*/
}

#content-main-summertextbox2 {
margin-left : 0;
width : 320px;
border-style : solid;
border-color : #ccc;
border-width : 0px;
font-size: 95%;
padding : 5px 5px 5px 5px;
/*-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;*/
background-color: #cc66ff;
color: #000;/*#330066;*/
}

#content-main-summertextboxinfo1 {
margin-left : 0;
width : 320px;
border-style : solid;
border-color : #ccc;
border-width : 0px;
padding : 5px 5px 15px 5px;
text-align: left;
font-size: 90%;
/*-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;*/
background-color: #ffcdaa
}

#content-main-summertextboxinfo2 {
margin-left : 0;
width : 320px;
border-style : solid;
border-color : #ccc;
border-width : 0px;
padding : 5px 5px 14px 5px;
text-align: left;
font-size: 90%;
list-style-type:none;
/*-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;*/
background-color: #ffa47c;
}

#content-main-summertextboxinfo3 {
margin-left : 0;
width : 320px;
border-style : solid;
border-color : #ccc;
border-width : 0px;
padding : 5px 5px 0px 5px;
text-align: left;
font-size: 90%;
padding : 5px 5px 0px 5px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
background-color: #bbfd62
}

#content-main-summertextboxinfo4{
margin-left : 0;
width : 320px;
border-style : solid;
border-color : #ccc;
border-width : 0px;
padding : 5px 5px 20px 5px;
text-align: left;
font-size: 90%;
padding : 5px 5px 0px 5px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
background-color: #a1d955;
}

#content-left-summercamp-topbox {
width : 134px;
height : 200px;
background-color : green;
color : yellow;
padding : 3px;
}


#campafterschool_lefttable {
width : 148px;
margin : 0px 0px 0px 0px;
background-color : #fff;
border-style : solid;
border-color : #fff;
border : 0px;
font-family : arial, helvetica, sans-serif;
padding : 0px;
position : relative;
float : left;
}

#banner_summercampdates {
border : 0 solid #bbb;
height : 35px;
width : 686px;
padding : 0;
margin-bottom : 15px;
float : left;
}

#campafterschool_lefttable {
width : 148px;
margin : 0px 0px 0px 0px;
background-color : #fff;
border-style : solid;
border-color : #fff;
border : 0px;
font-family : arial, helvetica, sans-serif;
padding : 0px;
position : relative;
float : left;
}

#camp-headline {
margin-left : 10px;
width : 680px;
padding : 2px;
text-align : center;
color : purple;
font: bold normal 110% arial, helvetica, sans-serif;
position : relative;
float: left;
}

#camp-headlineINFO1 {
margin-left : 10px;
width : 660px;
padding : 2px;
text-align : center;
color : purple;
font: bold normal 160% arial, helvetica, sans-serif;
position : relative;
float: left;
}

#camp-headlineINFO1a {
margin-left : 10px;
width : 660px;
padding : 2px;
text-align : center;
color : #fff;
font: bold normal 125% arial, helvetica, sans-serif;
position : relative;
float: left;
}

#camp-headlineINFO2 {
margin-left : 10px;
width : 660px;
padding : 2px;
text-align : center;
background-color: #fff;
color : #000;
font: bold normal 110% arial, helvetica, sans-serif;
position : relative;
float: left;
}

#camp-headlineINFO3 {
margin-left : 10px;
width : 660px;
padding : 2px;
text-align : center;
color : purple;
background-color: #ffff33;
font: bold normal 100% arial, helvetica, sans-serif;
position : relative;
float: left;
}

#camp-headlineINFO4 {
margin-left : 10px;
width : 660px;
padding : 2px;
text-align : center;
color : purple;
/*background-color: #ffff66;*/
font: bold normal 90% arial, helvetica, sans-serif;
position : relative;
float: left;
}

#camp-headlineINFO5 {
margin-left : 10px;
width : 660px;
padding : 2px;
text-align : center;
color : purple;
/*background-color: #ffff99;*/
font: bold normal 90% arial, helvetica, sans-serif;
position : relative;
float: left;
}

#camp-headlineINFO6 {
margin-left : 10px;
width : 660px;
padding : 2px;
text-align : center;
color : purple;
font: bold normal 90% arial, helvetica, sans-serif;
position : relative;
float: left;
}

/*
#camp-2008dates {
margin-left : 0px;
width : 660px;
padding : 2px;
text-align : center;
color : green;
font: bold normal 115%/150% arial, helvetica, sans-serif;
position : relative;
float: left;

}*/

#camp-headlinesTEMP {
margin-left : 0px;
width : 670px;
padding : 2px;
text-align : left;
color : green;
font: bold normal 100/130% arial, helvetica, sans-serif;
position : relative;
float: left;

}

#content-leftcamp {
width : 140px;
height : 700px;
margin-left : 0px;
text-align: center;
border-style : solid;
border : 0px;
font-family : arial, helvetica, sans-serif;
padding : 4px;
}

#content-camp-maintopcenterimages {
margin-left : 0px;
margin-bottom : 15px;
width : 690px;
text-align: left;
height : 128px;
padding : 0;
}

#content-maincamp {
margin-left : 0;
width : 360px;
padding : 10px;
}

#content-camp-main-info {
margin-left : 0;
margin-bottom : 15px;
width : 360px;
height : 104px;
padding : 0 3px 3px 3px;
}

#sessions-ul {
list-style-type : square;
}

#sessions {
width : 140px;
height : 110px;
padding : 0;
margin-bottom : 10px;
}

/*............................AFTER SCHOOL ............................*/
#afterschoolwrapper {
width : 1000px;
height : 9000px;
margin : 30px 30px auto; /*top left bottom right  */
border : 0 solid #bbb;
background-color: #fff;
margin-top: 65px;
padding: 20px 15px 15px 15px;/* top right bottom left */
-moz-box-shadow: 3px 3px 15px #888888;
-webkit-box-shadow: 3px 3px 15px #888888;
box-shadow: 3px 3px 15px #888888;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888');
}

#content-main-afterschool {
margin-left : 0;
width : 500px;
height : 1100px;
padding : 0 10px 10px 10px;
position : relative;
float : right;
border-style : solid 2px;
border-width: 2px;
background-color: #99ff33;/*#ccff66; spring color */
}
#content-main-afterschoolclasses {
margin-left : 0;
width : 686px;
padding : 0 10px 10px 10px;
}
#content-main-afterschoolreg {
margin-left : 0;
width : 672px;
padding : 0 10px 10px 10px;
position : relative;
float : right;
}
#content-main-afterschool-header {
margin-left : 0;
width : 425px;
padding : 0 3px 3px 3px;
text-align : center;
margin-bottom : 0;
}

#content-main-afterschool-musicalinstruction {
margin-left : 0;
width : 425px;
padding : 0 3px 3px 3px;
margin-bottom : 8px;
}
#content-right-afterschool {
width : 145px;
height : 4000px;
padding : 1px;
background-color : #fff;
float : right;
position : relative;
}
#afterschoolclasses-tuesday {
width : 1000px;
height : 850px;
background: url(Media/campafterschool/2011FALLInsideASP1.jpg) no-repeat;
/* margin: top right  bottom left */
margin-left : 0px;
float : left;
color : blue;
}

#afterschoolclasses-thursday {
height : 750px;
width : 1000px;
background: url(Media/campafterschool/2011FALLInsideASP2.jpg) no-repeat; 
padding : 5px;
margin-bottom : 15px;
margin-left : 0px;
float : left;
}

#banner_artsworkshopimagesTEMP {
border : 0 solid #bbb;
height : 35px;
width : 686px;
padding : 0;
margin-bottom : 50px; /* top right  bottom left */
float : left;
}


#content-left-phone {
width : 125px;
height : 395px;
padding : 3px;
color : yellow;
background-color : green;
margin-bottom : 10px;
float : left;
}


#content-right-reg-pdf-box {
width : 155px;
height : 35px;
padding : 5px;
background-color : red;
color : #fffd52;
margin-bottom : 0;
margin-top : 10px;
}


/* ------------------END CAMP --------------------------------------------*/


/*--------------------------CONTACT---------------------------------------*/

#content-main-contact {
margin : 0px;
width : 600px;
padding : 0px 0px 3px 10px;   /* top right  bottom left */

}

#contact-phoneanimation {
margin-left : 0;
width : 325px;
height : 200px;
padding : 5px 5px 5px 5px;
float : left;
}
/*--------------------------CONTACT---------------------------------------*

#webmaster-footer {
height : 20px;
width : 775px;
float : left;
margin-top : 10px;
padding : 2px;
border : 0 solid #bbb;
position: relative;
}

#bottom {
clear : both;
text-align : right;
}



/* ..................Old Code......................................  
#banner_indeximages {
border : 0 solid #bbb;
height : 64px;
width : 672px;
padding : 0;
float : left;
}
#bannerFACnews {
border : 0 solid #bbb;
height : 66px;
width : 672px;
padding : 0;
float : left;
}
#bannerFACnewsletter {
border : 0 solid #bbb;
height : 87px;
width : 740px;
padding : 0;
float : left;
}
#banner_curriculumimages {
border : 0 solid #bbb;
height : 76px;
width : 672px;
padding : 0;
float : left;
}
#banner_aboutimages {
border : 0 solid #bbb;
height : 76px;
width : 672px;
padding : 0;
margin-bottom : 10px;
float : left;
}
#banner_danceimages {
border : 0 solid #bbb;
height : 48px;
width : 672px;
padding : 0;
margin-bottom : 10px;
float : left;
}
#banner_dramaimages {
border : 0 solid #bbb;
height : 43px;
width : 672px;
padding : 0;
margin-bottom : 10px;
float : left;
}
#banner_musicimages {
border : 0 solid #bbb;
height : 48px;
width : 672px;
padding : 0;
margin-bottom : 10px;
float : left;
}
#banner_curriculumimages {
border : 0 solid #bbb;
height : 76px;
width : 672px;
padding : 0;
margin-bottom : 10px;
float : left;
}

#animation_news {
height : 65px;
width : 106px;
border : 0;
left : 760px;
top : 25px;
position : absolute;
z-index : 1;
}
/*.......................OLD nav......................
#navcontainer {
float : left;
background-color : #6633ff;
border : 0 solid #bbb;
height : 19px;
width : 672px;
padding : 0;
margin-bottom : 5px;
}
#navcontainer_news {
float : left;
background-color : #6633ff;
border : 0 solid #bbb;
height : 19px;
width : 672px;
padding : 0;
margin-bottom : 5px;
}
#navlist ul {
margin : 0;
padding : 0;
width : 715px;
white-space : nowrap;
}
#navlist li {
display : inline;
width : 715px;
list-style-type : none;
}
#navlist a {
float : left;
padding : 3px 12px;
font-size : 84%;
color : #fff;
}
#navlist a:link, #navlist a:visited {
color : #fff;
text-decoration : none;
}
#navlist a:hover {
color : #fff;
background-color : #3399ff;
}
.samepagenavtab {
color : #fff;
background-color : #9966cc;
padding : 3px 18px;
}

.......................END nav......................

#imagebanner {
width : 50px;
height : 10px;
border : 0;
float : left;
}
#facbanner_westeast {
float : left;
border : 0 solid #bbb;
height : 45px;
width : 672px;
padding : 0;
}

#schoolnameswest {
float : left;
background-color : #0b6;
border : 0 solid #bbb;
height : 13px;
width : 550px;
padding : 0 60px;
color : #000;
font-size : 89%;
}
#schoolnameseast {
float : left;
background-color : purple;
border : 0 solid #bbb;
height : 13px;
width : 550px;
padding : 0 60px;
color : #fff;
font-size : 89%;
}
/*-----------SCHOOL LIST NAV--------------------------------*
#schoollist ul {
margin : 0;
padding : 0;
width : 672px;
white-space : nowrap;
}
#schoollist li {
display : inline;
width : 550px;
list-style-type : none;
}
#schoollist a {
float : left;
padding : 4px 12px;
font-size : 89%;
color : #000;
}

/*----------END SCHOOL LIST NAV-------------------------------*


#downloadlinks {
float : left;
background-color : #fff;
border : 0 solid #bbb;
height : 17px;
width : 665px;
padding : 0;
font-size : 10px;
}


#content-leftflag1 {
width : 159px;
height : 75px;
background-color : #cc00ff;
padding : 5px;
z-index : 1;
margin-left : -25px;
}
#content-leftflag2 {
width : 159px;
height : 45px;
background-color : #cc00ff;
padding : 5px;
z-index : 1;
margin-left : -25px;
}

#content-left-text {
width : 160px;
height : 1000px;
margin-left : 0;
background-color : #9acd32;
border-style : solid;
border-color : #fff;
border : 0;
font-family : arial, helvetica, sans-serif;
padding : 3px;
}
/*---------------------------PERFORMANCE--------------------------*

#content-leftmusic {
width : 135px;
height : 1200px;
margin-left : 0;
background-color : #fff;
border-style : solid;
border : 0;
font-family : arial, helvetica, sans-serif;
padding : 0;
}
#content-left-for-dance-music-drama-visualarts-writing-physed {
width : 135px;
height : 1200px;
margin-left : 0;
background-color : #fff;
border-style : solid;
border : 0;
font-family : arial, helvetica, sans-serif;
padding : 0;
}
#content-left-performancesinfo {
width : 135px;
height : 280px;
margin-left : 0;
background-color : #fff;
border-style : solid;
border : 0;
font-family : arial, helvetica, sans-serif;
font-size : 98%;
padding : 0;
}
#content-leftmusicevents {
width : 135px;
height : 180px;
margin-left : 0;
background-color : #9acd32;
border-style : solid;
border : 0;
font-family : arial, helvetica, sans-serif;
font-size : 98%;
padding : 2px;
}
#content-leftmusic-title {
width : 110px;
height : 20px;
margin-left : 10px;
background-color : #9acd32;
border-style : solid;
border : 0;
font-family : arial, helvetica, sans-serif;
font-size : 130%;
padding : 0;
}

#content-main-dance {
margin-left : 0;
width : 300px;
padding : 10px;
}

#content-main-danceletter {
margin-left : 0;
width : 400px;
padding : 15px;
}

#content-mainmusic {
margin-left : 0;
width : 425px;
padding : 10px;
}

#content-right-music {
width : 136px;
height : 650px;
padding : 0;
background-color : #fff;
float : right;
}

/*---------------------------END PERFORMANCE--------------------------*






/*--------------------------PARENT LETTERS---------------------------------------*

#content-main-parentletters {
margin-left : 0;
width : 500px;
padding : 20px;
}
/*--------------------------END PARENT LETTERS-------------------------------*






/*--------------------------END VOLUNTEER---------------------------------------*

#content-main-info {
margin-left : 0;
width : 355px;
padding : 5px;
}



/*---------------------------RIGHT--------------------------*
#content-right {
width : 135px;
height : 699px;
padding : 5px;
background-color : #fff;
float : right;
position : relative;
}

#content-rightEastinfo {
width : 135px;
height : 650px;
padding : 0;
background-color : #fff;
float : right;
}


#content-rightflag1 {
width : 159px;
height : 135px;
background-color : #ccff00;
padding : 5px;
z-index : 1;
margin-left : -5px;
}

#footer1 {
height : 20px;
width : 700px;
float : left;
margin-top : 10px;
padding : 2px;
border : 0 solid #bbb;
}

#footer2 {
height : 20px;
width : 700px;
float : left;
margin-top : 3px;
padding : 5px;
border : 0 solid #bbb;
}
 /**/