body {
	background-color: #294839;
	padding: 0px;
	margin: 0px;
}

#container {
	position: relative;
	width: 950px;
	padding: 0;
	margin: 0;
	background-color: #F7F8F7;
	border-left: 1px solid #6B8879;
	border-right: 1px solid #6B8879;
	border-bottom: 1px solid #6B8879;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.84em;
	line-height: 110%;
	color: #333333;
}

#logoHeader  {
	background-image:url(../../images/TopPattern.gif);
	background-repeat:repeat-x; 
	background-color: #294839;
	width: 950px;	
}

#logoHeader h1 {
	background:  url(../../images/logo.gif) no-repeat;
	width: 170px;
	height: 79px;
	margin: 0;
}
#logoHeader h1 a {
	display: block;
	width: 170px;
	height: 79px;
	border: none;
}

#logoHeader .no {
	display: none;
}

#mainNavBar  {
	position: absolute;
	top: 46px;
	right: 1px;
}

#utilityNav  {
	position: absolute;
	top: 0;
	right:6px;
	width: 100%;
	height: 15px;
	}

/*------------------left column, left menu, left quicklinks------------------------*/

#leftColumn  {
display: inline;
	float: left;
	width: 200px;
	height: 100%;
	margin-left: 15px;
	padding: 0 0 0 0px;
	font-size: .9em;
	color: #282828;
	border: 0px solid #000;
	}

#leftMenu {
	padding: 0px 0 0px 0;
	border: 0px solid #000;
	font-family: "Times New Roman", Times, serif;
	font-size: .95em;
	font-weight:700;
	/*color: see li link style below;*/
	}

#leftMenu h1 { 
	margin: 0em 0 8px 0px;
	padding: 5px 0px 0;
	line-height: 110%; 
	}

#leftMenu ul {
	list-style-type:  none;
	padding: 0;
	margin: 0;
	}

#leftMenu li  {
	background-image: url(../../images/acorn.jpg);
	background-repeat: no-repeat;
	background-position: 0em .6em;
	padding: .3em 0 0 3em;
	}
	
a.leftmenu:link,
a.leftmenu:visited {
	color: #8EA29A;
	text-decoration:none;
	background: none;
	}
a.leftmenu:hover {
	color: #7B1C24;
	}	
	
#leftContent {
	padding: 0px 0 0 0px;
	color: #282828;
	}
/*----------image container for 4 principals  & testimonials image*/
#leftContent h2 {
	padding: 0px 0 6px 0px;
	margin: 20px 0 0px 0px;
	font-size: 1.2em;
	}
/* ---------text container for text under 4 principals & testimonials image, "the learn more rollover has top & bottom padding on it, (see further below)" */
#leftContent h3 {
	padding: 0 0 0px 0px;
	margin: 0;
	font-size: 10px;
	line-height: 110%;
	color: #646464;
	}
/*photo credit	*/
#leftContent h4 {
	padding: 0 0 0px 0px;
	margin: 0;
	font-size: .75em;
	line-height: 110%;
	}	

#leftQuicklinks {
	padding: 0px 0 0 5px;
	border: 0px solid gray;
	}
	
#leftQuicklinks a {
	padding: 0px 0 0 5px;
	margin-left: 5px;
	border: 0px solid gray;
	}	

#leftQuicklinks h3 { 
	font-size: .95em; 
	color: #282828;
	padding: 0px;
	margin: 5px 0 2px 0;
	}
	
/*-----------------rollover image swap for "learn more"------------------	*/
.rollover a {
	display:block;
	width: 65px;
	padding:0 0 0 0px;
	margin: 6px 0 6px 0px;
	background:url(../../images/learn.gif) 0 0 no-repeat;
}
.rollover a:hover { 
	background-position:  -65px 0;
}
 
.rollover a span {
	visibility:hidden;
 }
	
/*-----------------Main Content----------------------	*/
	
#content {
	margin-left: 255px;
	padding: 0px 25px 25px 0px;
	border:0px solid gray;
	}
	
#content h2, #contentHome h2 {
	margin: 0;
	padding: 30px 0 5px 0;
	font-size: 1.2em;
	/*text-decoration: underline;*/
	font-family:"Times New Roman", Times, serif;
	color: #345143;
	}
#content h3, #contentHome h3 {
	font-size: 1.0em;
	padding: 5px 0 0 0;
	}
	
#content h4, #contentHome h4 {
	font-size: .9em;
	padding: 8px 0 0 0;
	margin: 0;
	}	

#content p {
	margin: 2px 0;
	padding: 0px 0px 15px 0px;
	}	
	
#footer {
	clear: both;
	width: 950px;
	margin: 0px;
	padding: 0px;
	background-color: #ddd;
	border-top: 5px solid gray;
	text-align:center;
	color: #333;
	font-size:.75em;
	text-transform: uppercase;
	}
	
#content ul	{
	margin: 0 0 0 10px;
	padding: 0 0 15px 0px;
	list-style-position: outside;
	}

#content li	{
	margin-left: 10px;
	padding-bottom: 5px;
	}	

/*  ---------------------- Home Page specific -----------------------------------*/

#contentHome {
	margin-left: 25px;
	padding: 0px 25px 25px 0px;
	width: 475px;
	color: #646464;
	font-weight:500;
	}	

#contentHome h5 {
	font-size: .75em;
	padding: 2px 0 0 0;
	margin: 0;
	}

#contenthome p {
	margin: 0; 
	padding: 10px 0 0 0; 
	color: #646464;	
	font-size: .95em;
	font-weight:500;
	}
	
#newsevents  {
	float: right;
	right: 10px;
	margin-right: 3px;
	margin-top: 50px;
	width: 350px;
	background-color: #294839;
	border: 1px solid black;
	color: #FFCC33;
	}

#newsevents ul {
	list-style-type: none;
	padding: 0 10px 5px 0;
	margin-left: 25px;
	}
	
#newsevents li	{
	list-style-image: url(../../images/list_triangle.jpg);
	margin-left: 5px;
	color: #FFCC00;
	font-size:12px;
	list-style-position: outside;
	list-style-type: none;
	}

#homeFlash {
	margin:20px;
	padding:5px;
	font-weight: bold;
	}
	
/*---------------------links-------------------------------*/

a:link, a:visited {
	text-decoration: none;
	color: black;
	}
a:hover {
	text-decoration: underline;  /* will remove underline on left sidebar nav*/
	color: #7B1C24;
	}

/*all main content area links*/
#content a:link, #content a:visited {
	text-decoration: underline;
	color: black;
	}
	
#content a:hover {
	text-decoration: underline;
	color: #7B1C24;
	background-color: #ececec;
	}

#leftQuicklinks a:link, #leftQuicklinks a:visited {
	text-decoration: none;
	color: #990000;
	}
	
#leftQuicklinks a:hover {
	color: #333333;
	}

#newsevents li a:link, #newsevents li a:visited {
	color: #fff;
	text-decoration: underline;
	}	

#newsevents li a:hover {
	color: #ccc;
	}

a.orange:link,
a.orange:visited {
	color: #FFCC33;
	}
a.orange:hover {
	color: #fff;
	}

a.red:link,
a.red:visited {
	color: #990000;
	}
a.red:hover {
	color: #333333;
	}

a.redBold:link,
a.redBold:visited {
	color: #990000;
	font-weight: bold;
	}
a.redBold:hover {
	color: #333333;
	font-weight: bold;
	}
	
	
/*----------------  Misc Positioning  ---------------------------*/

.leftFloat {
	float:left;
	margin: 0px 0px;
	padding: 0 0px;
	}	
	
.rightFloat {
	float:right;
	margin: 0px 0px;
	padding: 0 10px;
	}		
	
	
	
/*  ------------- MainNavBar Settings------------------------------------–*/
span.clear {
  display:block;
  height:1px;
  line-height:1px;
  font-size:1px;
  margin-top:-1px;
  clear:both;
  }
 
#mNav, #mUtility {
  margin:0px 0 0 0px;
  }
#mNav li, #mUtility li {
  display:inline;
  }
/*----------floats utility nav right, and shares rest of css---------------*/  
#mUtility a {
  display:block;
  float:right;
  height:16px;
  background-repeat:no-repeat;
  background-position:top left;
  }
/*----------floats main nav left, and shares rest of css---------------*/  
 #mNav a {
  display:block;
  float:left;
  height:17px;
  background-repeat:no-repeat;
  background-position:top left;
  } 
#mNav a span, #mUtility a span {
  display:none;
  }
  
  /*  ------------- Login Nav: off, hover, on states.  ------------------------------------–
Image has 3 states aligned next to each other, a negative background-position is used to shift the image to reveal the correct state*/

#mUtility a#mUtility_login {width:75px; background-image:url(../../images/navbuttons/login.gif); background-position: 0px 0px;}
#mUtility a#mUtility_login:hover {background-position: -75px 0px;}
#mUtility a#mUtility_login.on {background-position: -75px 0px;}

#mUtility a#mUtility_logout {width:82px; background-image:url(../../images/navbuttons/logout.gif); background-position: 0px 0px;}
#mUtility a#mUtility_logout:hover {background-position: -82px 0px;}
#mUtility a#mUtility_logout.on {background-position: -82px 0px;}
  
/*  ------------- Main Nav - Public: off, hover, on states.  ------------------------------------–
Image has 3 states aligned next to each other, a negative background-position is used to shift the image to reveal the correct state*/

/*these classes apply the same background image (as below_ to the outer container - prevents flicker in ie 6.0*/
.mNav_about {width:172px; background-image:url(../../images/navbuttons/about.gif); background-position: 0px 0px;}
.mNav_admissions {width:95px;background-image:url(../../images/navbuttons/admissions.gif);background-position: 0px 0px;}
.mNav_programs {width:87px;background-image:url(../../images/navbuttons/programs.gif);background-position: 0px 0px;}
.mNav_community {width:146px;background-image:url(../../images/navbuttons/community.gif);background-position: 0px 0px;}
.mNav_advancement {width:72px;background-image:url(../../images/navbuttons/advancement.gif);background-position: 0px 0px;}
.mNav_contact {width:96px;background-image:url(../../images/navbuttons/contact.gif);background-position: 0px 0px;}

#mNav a#mNav_about {width:172px; background-image:url(../../images/navbuttons/about.gif); background-position: 0px 0px;}
#mNav a#mNav_about:hover {background-position: -172px 0px;}
#mNav a#mNav_about.on {background-position: -344px 0px;}

#mNav a#mNav_admissions {width:95px;background-image:url(../../images/navbuttons/admissions.gif);background-position: 0px 0px;}
#mNav a#mNav_admissions:hover {background-position: -95px 0px;}
#mNav a#mNav_admissions.on {background-position: -190px 0px;}

#mNav a#mNav_programs {width:87px;background-image:url(../../images/navbuttons/programs.gif);background-position: 0px 0px;}
#mNav a#mNav_programs:hover {background-position: -87px 0px;}
#mNav a#mNav_programs.on {background-position: -174px 0px;}

#mNav a#mNav_community {width:146px;background-image:url(../../images/navbuttons/community.gif);background-position: 0px 0px;}
#mNav a#mNav_community:hover {background-position: -136px 0px;}
#mNav a#mNav_community.on {background-position: -272px 0px;}

#mNav a#mNav_advancement {width:72px;background-image:url(../../images/navbuttons/advancement.gif);background-position: 0px 0px;}
#mNav a#mNav_advancement:hover {background-position: -172px 0px;}
#mNav a#mNav_advancement.on {background-position: -344px 0px;}

#mNav a#mNav_contact {width:96px;background-image:url(../../images/navbuttons/contact.gif);background-position: 0px 0px;}
#mNav a#mNav_contact:hover {background-position: -96px 0px;}
#mNav a#mNav_contact.on {background-position: -192px 0px;}

.mNav_spacer
{
width:14px;
float:left;
height:17px;
position:relative;
background-color:#F7F8F7;
}
/*  ------------- End Main Nav ------------------------------------–*/

/*--------------------- Start Parent nav bar-------------*/
#mNavHorz {
  margin:3px 3px;
  }
#mNavHorz li {
  display:inline;
  }
#mNavHorz a {
  display:block;
  float:left;
  height:17px;
  background-repeat:no-repeat;
  background-position:top left;
  font-family : "Times New Roman", Times, serif;
  font-weight: bold;
  font-size : 12px;
  margin:0px 0px 5px 7px;
  }

/*#mNavHorz a:link {color:#cacaca;}
#mNavHorz a:visited {color:#cacaca;}
#mNavHorz a:hover {color:#FF0000;}*/


/*  ----------------Parents Nav ---------------------------------------*/
/*input image backgrounds, change mNavHorz to mNav*/

#mNav a#mNav_home {width:68px;background-image:url(../../images/navbuttons/home_parent.gif);background-position: 0px 0px;}
#mNav a#mNav_home:hover {background-position: -68px 0px;}
#mNav a#mNav_home.on {background-position: -136px 0px;}

#mNav a#mNav_monday {width:123px;background-image:url(../../images/navbuttons/monday.gif);background-position: 0px 0px;}
#mNav a#mNav_monday:hover {background-position: -123px 0px;}
#mNav a#mNav_monday.on {background-position: -246px 0px;}

#mNav a#mNav_classroom {width:116px;background-image:url(../../images/navbuttons/classroom.gif);background-position: 0px 0px;}
#mNav a#mNav_classroom:hover {background-position: -116px 0px;}
#mNav a#mNav_classroom.on {background-position: -232px 0px;}

#mNav a#mNav_extended {width:96px;background-image:url(../../images/navbuttons/extended.gif);background-position: 0px 0px;}
#mNav a#mNav_extended:hover {background-position: -96px 0px;}
#mNav a#mNav_extended.on {background-position: -192px 0px;}

#mNav a#mNav_resources {width:111px;background-image:url(../../images/navbuttons/parent_resources.gif);background-position: 0px 0px;}
#mNav a#mNav_resources:hover {background-position: -111px 0px;}
#mNav a#mNav_resources.on {background-position: -222px 0px;;}

#mNav a#mNav_association {width:117px;background-image:url(../../images/navbuttons/parent_assoc.gif);background-position: 0px 0px;}
#mNav a#mNav_association:hover {background-position: -117px 0px;}
#mNav a#mNav_association.on {background-position: -234px 0px;}

#mNav a#mNav_board {width:117px;background-image:url(../../images/navbuttons/board.gif);background-position: 0px 0px;}
#mNav a#mNav_board:hover {background-position: -117px 0px;}
#mNav a#mNav_board.on {background-position: -234px 0px;}


/*  ----------------Top Staff Nav ---------------------------------------*/

/*input image backgrounds, change mNavHorz to mNav*/
#mNav a#mNav_home_staff {width:80px;background-image:url(../../images/navbuttons/home_staff.gif);background-position: 0px 0px;}
#mNav a#mNav_home_staff:hover {background-position: -80px 0px;}
#mNav a#mNav_home_staff.on {background-position: -160px 0px;}

#mNav a#mNav_professional {width:184px;background-image:url(../../images/navbuttons/professional.gif);background-position: 0px 0px;}
#mNav a#mNav_professional:hover {background-position: -184px 0px;}
#mNav a#mNav_professional.on {background-position: -368px 0px;}

#mNav a#mNav_staff_resources {width:126px;background-image:url(../../images/navbuttons/staff.gif);background-position: 0px 0px;}
#mNav a#mNav_staff_resources:hover {background-position: -126px 0px;}
#mNav a#mNav_staff_resources.on {background-position: -252px 0px;}

#mNav a#mNav_hr {width:140px;background-image:url(../../images/navbuttons/hr.gif);background-position: 0px 0px;}
#mNav a#mNav_hr:hover {background-position: -140px 0px;}
#mNav a#mNav_hr.on {background-position: -280px 0px;}

#mNav a#mNav_evaluations {width:99px;background-image:url(../../images/navbuttons/evaluations.gif);background-position: 0px 0px;}
#mNav a#mNav_evaluations:hover {background-position: -99px 0px;}
#mNav a#mNav_evaluations.on {background-position: -198px 0px;}

/* ----------------------------- left side submenus - cooldev menuTree  ---------------------------------*/

.menuTopLevel {
	font-family : "Times New Roman", Times, serif;
	font-weight: bold;
	font-size : 12px;
	color: #345143;
}
.menuTopLevel:link, .menuTopLevel:visited{
	color: #345143;
}
.menuTopLevel:hover{
	color: #7B1C24;
}
.menuTopLevel:active{
	color: #7B1C24;
}
.menuSubLevel {
	font-family : "Times New Roman", Times, serif;
	font-size : 11px;
	font-weight: normal;
	color: #345143;
}

.menuSubLevel:link, .menuSubLevel:visited {
	color: #345143;
}
.menuSubLevel:hover{
	color: #7B1C24;
}
.menuSubLevel:active{
	color: #7B1C24;
}

/*-------------------- table settings ---------------------------*/

td, tr, table		{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #646464;
}

/*---------------  apply to table & td when you need a table for positioning, but don't want a border ------------------*/
#content table.noborder, #content tr.noborder, #content td.noborder  {
	border width: 0 0 0 0px;
	border-style: none;
	border:none;
}

/*---------------all tables in #content automatically get a 1px border  -------------------------------------------------------------
-------------converts standard double pixel table border a true 1px border ---------------------------------------------------- */

/*#content table,  #content td {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #646464;
    border-color: #666;
    border-style: solid;
}*/

#content table
{
    border-width: 1px 1px 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

/*#content td
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #646464; 
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
}*/

#login {
	text-align:center;
	margin-left: 255px;
	}

/*-------------------- misc ---------------------------*/
.ErrorMessage {
	color: #FF0000;
	font-weight: bold;
	font-size: 14px;
}