#bentBar {
	background-color:#336633;
	position:relative; 
	display:block; 
	width:100%; 
	height:29px; 
	background-image: url('/templates/ccps/outdoor/ccps_od_midbanner.jpg'); 
	background-repeat: no-repeat; 
	backgroundposition-y:top;
	padding:0;
	margin:0;
}
#announcements {position:relative; height:auto; display:block;background-color:#cccc99;background-image: url('/templates/ccps/outdoor/ccps_od_contentfilltop.jpg'); padding:6px;}
#announcelist {padding:4px;}
#announcelist h5 {padding:0px; }
/* -------------------------------------- LEFT HP NAV --------------------------------------- */
#leftHPNav {background-color: #2473c1; width:158px;}
#leftHPNav a{color:white; text-decoration:none;}
#leftHPNav a:hover{color:#FFF;}
#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: Tahoma , 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:#003366;text-decoration:none}
.linkColorsFooter a:hover {color:#000;text-decoration:underline;}
.linkColorsFooter a.visited {color:#000;}

/* -------------------------------------- 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: black; }
.pagetitle { font-family: Tahoma ;font-size:14pt; text-transform: lowercase;font-variant: small-caps; text-align: center; padding: 10px 0 0 0;}

.schoolpagetitle { font-family: Tahoma ;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: Tahoma , 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:#336633;}
.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 {margin-top:0;background-color: #DEDEDE; width:161px; }
.leftNewNav a{color:003366; display:block;padding:4px;}
.leftNewNav a:hover{color:white; background-color:#666666}
.leftNewNav ul {padding: 0 0 0 0;list-style-type: none; display:block;margin-left:1px;}
.leftNewNav li {font-size:11px;border-bottom:1px white solid}
/* ------------------------------- -- END NEW LEFT Page NAV -------------------------- */

#vertIcons {background-color:#CCCC99;width:97%;padding:0px;} /*#CCCC99*/
#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:#336633;/*background-color: #336633;background-image:url('/templates/ccps/outdoor/ccps_od_navfill.jpg');repeat:repeat-y;*/}
#hpcontent {padding-left:4px;padding-right:4px;padding-top:0px;}
#hpcontent h5 {padding-top:4px; padding-bottom: 0px; }
#contentBG { border: none; margin: none; padding:none;}
#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 #336600 dashed; background:#CCCC99;background-image:url('/templates/ccps/outdoor/ccps_od_contentfillside.jpg');}

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

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

p.Subs { padding: 0px; }
body,td,th {
	font-family: Tahoma , Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
body {
	background-repeat: repeat;
	background-color: #336600;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

body.school {
	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;
z-index: 1000;
		}
		
/* BDC- left-indent added during flush-fit YUI design revision */

#menu {
/*margin-left:200px;*/ /* 25% */
   font-family: Tahoma , Helvetica;
   height: 15px;
   min-width: 550px;
z-index: 1000;
}

/* ----- JQuery Suckerfish drop-down menu navigation ----- */

/* -- specific color schemes for the main site menu follow */
#menuList {z-index: 1000;}
/* controls hover state colors of menu titles */
#menuList li:hover a, 
#menuList li.sfHover a {
  background: #989868; /*CCCC99*/
  color: black;
}

/* controls initial colors of the links in the dropdowns */
#menuList li:hover ul a, 
#menuList li.sfHover ul a {
  color: black;
}

/* controls hover state colors of of the links in the dropdowns */
#menuList li:hover ul a:hover, 
#menuList li.sfHover ul a:hover {
  background: #CCCC99; /*989868*/
  color: black;	
}

/* -- general menu styles and proper horizontal formatting follow */



/* general positioning and formatting for all dropdowns and for menu titles */
.dropdown, .dropdown ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 0px;
}

/* BDC - Beware font size and spacing issues with hovering */
.dropdown {
  z-index: 1000;
  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*/
}

/* position the menu titles horizontally and space them out properly */
.dropdown li {
  border: 0px solid black; /* no borders here */
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}


/* menu seperator done with borders */
.dropdown li {
  border-left: 1px solid #5B5B5B;
}
/* no seperator border wanted on first menu item */
.dropdown li.firstmenu {
  border: none;
  padding-left: 0; /* cosmetic offset to first menu item */
  margin-left: 0;
}

/* controls format and initial colors of menu titles - problem area for IE7?*/
.dropdown li a, .dropdown li a:link, .dropdown li a:active, .dropdown li a:visited {
  background: #CCCC99;
  color: black;
  display: block;
  padding: 0px 4px;
  text-decoration: none;
}

/* hover state styling for menu titles in IE if javascript is disabled*/
.dropdown li a:hover {
  background: gray;
  color: black;
}

/* controls positioning and background color of dropdown menu list */
.dropdown ul {
  background: #989868;
  border-bottom: 1px solid #000;
  list-style: none;
  margin: 0px;
  position: absolute; /* position dropdowns offscreen to hide them accessibly*/
  top: -999em; 
  left: -150px; /* was -1, changed so that horiz scrollbars don't initially appear at 800x600*/
  right: 0px; /* required for IE7 */
  width: 220px; /* extra width here ensures that the dropdown doesn't jump up in size after appearing*/
  text-transform: none; /* remove capitalization in the dropdowns for improved readability */
  letter-spacing: 0.00em; /* Opera 9 mangles characters with extra letter-spacing added in the dropdowns. */
  padding-bottom: .5em;
 
}

/* repositions menu dropdown back onscreen below menubar to become visible - offset must be enough to clear menu bar or it'll overlap*/
.dropdown li:hover ul,
.dropdown li.sfHover ul {
  top: 13px;
  left: -1px;
}

/* general dropdown vertical-list item styling */
.dropdown ul li {
  border: 1px;
  padding: 2px 0 0 0;
  float: none;
  /* width: 100%;  width here allows menu items to resize cleanly beyond the default width */
  width: 220px;
  border: none; /* remove any borders on dropdown lists */
}

/* dropdown item link styling */
.dropdown ul a {
  border: 0px dotted green;
  /*  border-bottom: 0;*/
  padding: 0 0px;
  width: 200px; /* width here is necessary for IE to make entire row a link*/
  white-space: nowrap;
}

/* hover state styling for dropdown menu links only */
.dropdown ul a:hover {
  background: black;
  color: black;
}

/* NEW STYLES */

.breadcrumbwrapper { max-width: 680px; }
.leftNewNav a { text-decoration: none; color: #000; background-color:#cfcfa0; }
#maincontent{ padding: 10px }
.leftNewNav {
    background-color: #cfcfa0;
    margin-top: 30px;
    width: 199px;
}
#leftNavBG {
    background-image:url('/templates/ccps/outdoor/New ODS Header bottom.jpg');
background-repeat: no-repeat;
margin-top: -1px;
}
.leftNewNav a:hover {
    background-image:url('/templates/ccps/outdoor/bc_bg.gif'); 
    color: #000;
}
body, td, th {
    font-family: Tahoma , serif; 
    font-size: 10px; 
    font-style: normal; 
    font-weight: normal; 
}
body {
    background-color:#000000;
    font-family: Tahoma , serif; 
    font-size: 10px; 
    font-style: normal; 
    font-weight: normal; 
    /*background-image:url('/templates/ccps/outdoor/strips.png');*/
    background-repeat:repeat; 
}
body a {
    text-decoration: none;

}
#leftNavBG {
    background-color: #336600;
}
.breadcrumbwrapper {
/*margin-top: 10px;*/
}
.breadcrumbwrapper ul {
    font: 11px Arial, Helvetica, sans-serif;
    background-image:url('/templates/ccps/outdoor/bc_bg.gif'); 
    background-repeat:repeat-x;
	height:30px;
    line-height:30px;
    color:#888;
    border:solid 1px #cacaca;
    width:100%;
    overflow:hidden;
    margin:0px;
    padding:0px;
float: right;
}

.breadcrumbwrapper ul li {
    list-style-type:none;
    padding-left:10px;
	display:inline-block;
	float:left;
}

.breadcrumbwrapper ul li a {
	display:inline-block;
    background-image:url('/templates/ccps/outdoor/bc_separator.gif'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#333333;
	outline:none;
}

.home {
    border:none;
    margin: 7px 0px;
}

.breadcrumbwrapper ul li a:hover {
	color:#35acc5;
}
.home_footer {
    color: white;
font-weight:bolder;
}
.home_footer a {
  color:blue;
}