#bentBar {position:relative; display:block; width:100%; height:29px; background-image: url('/templates/ccps/hp/header_06.gif'); background-repeat: no-repeat; backgroundposition-y:top;padding:0}
#announcements {position:relative; height:auto; display:block;background-image: url('/templates/ccps/hp/bgrepeat.gif'); padding:6px;}
#announcelist {padding:4px;}
#announcelist h5 {padding:0px; background-image: url('/templates/ccps/hp/bgrepeat.gif')}
/* -------------------------------------- LEFT HP NAV --------------------------------------- */
#leftHPNav {background-color: #989868; width:158px;}
#leftHPNav a{color:white; text-decoration:none;}
#leftHPNav a:hover{color:#CCCC99;}
#leftHPNav ul {padding: 2px;list-style-type: none; display:block;margin-left:1px;}
#leftHPNav li {font-size:11px;padding:4px;border-bottom:1px white solid;}
/* ------------------------------------ END LEFT HP NAV ------------------------------------- */

#pageTools {text-align:right;padding:8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}

.rptNav
{
border:1px solid gray; padding:4px;
}
/* ----------------------------------------- FOOTER ------------------------------------------*/
#footer { padding: 0px; margin: 0px; }
.linkColorsFooter a {color:#FFF;text-decoration:none}
.linkColorsFooter a:hover {color:#FFFFFF;text-decoration:underline;}
.linkColorsFooter a.visited {color:#FFF;}

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

/* -------------------------------NEW FOOTER ------------------------------------------*/
#footer { padding: 0px; margin: 0px;}
.linkColorsNewFooter a {color:#003366;text-decoration:none}
.linkColorsNewFooter a:hover {color:#993300;text-decoration:underline;}
.linkColorsNewFooter a.visited {color:#003366;}

/* --------------------------- END NEW FOOTER -----------------------------------------*/

.home_footer {color: #ffffcc; }
.pagetitle { font-family: Arial;font-size:14pt; text-transform: lowercase;font-variant: small-caps; text-align: center; padding: 10px 0 0 0;}

.schoolpagetitle { font-family: Arial;font-size:14pt; text-transform: lowercase;font-variant: small-caps; text-align: center; padding: 10px 0 0 0; }


/*-- breadcrumbs --*/
.breadcrumbwrapper
{
max-width: 580px;
text-align : right;
overflow: visible;
}

/* new absolutely positioned breadcrumb area allows that line to extend into the right column. positioning is critical */

.breadcrumb {
padding: 0 2px 0 2px;
}

.breadcrumbs a{
text-decoration: underline;
}
#newsContent h4 {border-bottom:1px solid #FFF;}
#newsContent p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

/* ------------------------------------- LEFT Page NAV -------------------------------------- */
.leftNav h5 {padding-left:6px;padding-bottom:0px;}
.leftNav {background-color: #989868; width:158px;}
.leftNav a{color:white; text-decoration:none}
.leftNav a:hover{color:#CCCC99;}
.leftNav ul {padding: 2px;list-style-type: none; display:block;margin-left:1px;}
.leftNav li {font-size:11px;padding:4px;border-bottom:1px white solid}
/* ----------------------------------- END LEFT Page NAV ------------------------------------ */

/* ----------------------------------- NEW LEFT Page NAV ----------------------------- */
.leftNewNav h5 {padding-left:6px;padding-bottom:0px; text-decoration:none;}
.leftNewNav {background-color: #DEDEDE; width:158px;}
.leftNewNav a{color:003366;}
.leftNewNav a:hover{color:#993300;}
.leftNewNav ul {padding: 60 2 2 2;list-style-type: none; display:block;margin-left:1px;}
.leftNewNav li {font-size:11px;padding:4px;border-bottom:1px white solid}
/* ------------------------------- -- END NEW LEFT Page NAV -------------------------- */

#vertIcons {background-color:#FFF;width:97%;padding:4px;}
#mainContent {padding-left:4px;padding-right:4px;padding-top:4px;width:98%; }
#mainContent {}
.linkColors a {color:#990000;text-decoration:none}
.linkColors a:hover {color:#660000;text-decoration:underline;}
.linkColors a.visited {color:#666666;}

#leftNavBG {background-color: #676735;}
#hpcontent {padding-left:4px;padding-right:4px;padding-top:0px;}
#hpcontent h5 {padding-top:4px; padding-bottom: 0px; }
#contentBG { background-image: url('/templates/ccps/hp/header_10.gif');}
#announceBar {background:#F6F3EB;}
#featuredNewsItem {padding-left:4px; padding-right:4px;}
#featuredNewsItem h4 {font-size:90%;}
#featuredNews {background-color:#FFFFFF; width:98%;}

#featuredNews h3 {border-bottom:1px #800000 solid; font-size:90%; background:white; padding-left:2px;padding-right:2px;padding-top:3px;padding-bottom:2px;}

#featuredTD {border-left:1px #800000 dashed;}

.BoardDocs {font-size: 110%; padding-left: 10px; padding-bottom: 15px; font-weight:bold;}
.BoardDocs a {color:#676735; text-decoration:underline}
.BoardDocs a:hover {color:#660000;text-decoration:underline;}

.NewHeader2 { 
   padding-top: 10px; 
   margin-bottom: 0px;
}

p.Subs { padding: 0px; }
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
body {
	background-image: url(/templates/ccps/hp/background.gif);
	background-repeat: repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

body.school {
	background-image: url(/templates/ccps/hp/background_s.gif);
	background-repeat: repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
/* Supplementary menu styles */

#menuwrapper{
		padding: 0px 0 0px 0; /* avoid padding on the left and right - will cause horiz scroll bars to appear */
		margin: 0px;
		border: 0px;
		/*width: 100% !important;*/
		position:relative;

		}
		
/* BDC- left-indent added during flush-fit YUI design revision */

#menu {
/*margin-left:200px;*/ /* 25% */
   font-family: Arial, Helvetica;
   height: 15px;
   min-width: 550px;

}



.h1n1 a {
color:#990000;
text-decoration:none;
}
h6 { margin-bottom: 0px }
.dropdown {
  z-index: 99;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.00em;
  font-family: Tahoma, Arial, Helvetica;
  font-size: 11px;

  margin-left: .3em; /* offset slightly from orange menuwrapper*/
}
.clear {clear:both} 

#menuList {
	margin:0;
	padding:0;
	list-style:none; 
}
#menuList li {
	float:left;
	background:#ccc;
	position:relative;
	z-index:500;
	margin:0 1px;
} 

#menuList li a {
	/*padding:8px 5px 0 5px;*/
	text-decoration:none;
	color:#fff;

	color:#333;
}

#menuList li a:hover {
	color:#fff;
}
/* you can make a different style for default selected value */

	#nav {
		margin:0; 
		padding:0; 
		list-style:none;
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float:left; 
			display:block; 
			
			background:#a09374; 
			position:relative;
			z-index:500; 
			margin:0 1px;
		}
		
		/* this is the parent menu */
		#nav li a {
			display:block; 
			padding:0px 0px 0 0px; 
			height:10px; 
			text-decoration:none; 
			color:#fff; 
			text-align:center; 
			color:#333;
		}
 
		#nav li a:hover {
			color:#fff;
		}
	
		/* you can make a different style for default selected value */
		#nav a.selected {
			color:#f00;
		}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
		}
		
		#nav ul li {
			width:100px; 
			float:left; 
			border-top:1px solid #fff;
			color:black;
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:25px;
			padding: 8px 5px; 
			color:#333333;
		}
		#nav ul>li:first-child { margin-top:4px; }
		
		#nav ul a:hover {
			text-decoration:underline;	
		}
 
		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}




body {
background-image:url("/templates/ccps/hp/new_background.gif");
background-repeat:repeat;
margin:0;
}

#bentBar {
background-image:url("/templates/ccps/hp/new_header_06.gif");
background-repeat:no-repeat;
display:block;
height:29px;
padding:0;
position:relative;
width:596px;
}
#announcements {
background-image:url("/templates/ccps/hp/new_bgrepeat.gif");
display:block;
height:auto;
padding:6px;
position:relative;
}

#leftHPNav {
background-color:#3C475D;
width:158px;
}
#leftNavBG {
background-color:#524B3A;
}
.dropdown li a, .dropdown li a:link, .dropdown li a:active, .dropdown li a:visited {
background:none repeat scroll 0 0 #a09374;
color:black;
display:block;
padding:0 4px;
text-decoration:none;
}

.linkColors a {
color:#000AD7;
text-decoration:none;
}
.linkColors a:hover {
color:#000799;
text-decoration:underline;
}
#vertIcons {
background-color:#FFFFFF;
background-image:url("/templates/ccps/hp/new_bgrepeat2.gif");
background-position:right center;
padding:4px;
width:160px;
}
#featuredTD {
border-left:1px dashed #5A759E;
}
#leftNavBG {
background-color:#524B3A;
background-image:url("/templates/ccps/hp/leftnavgrad.gif");
background-position:center bottom;
background-repeat:no-repeat;
}
#menuList li:hover a, #menuList li.sfHover a {
background:none repeat scroll 0 0 #3C475D;
color:white;
}

#menuList li:hover ul a, #menuList li.sfHover ul a {
color:white;
}
#contentBG {
background-image:url("/templates/ccps/hp/new_header_10.gif");
}
.BoardDocs a:hover {
color:#000699;
text-decoration:underline;
}
#aboutus { width: 100px }
#schools { width: 100px }
#instructions { width: 100px }
#administration { width: 100px }
#BOE { width: 120px }