@import url("/apps/js/polls/polls-pack.css");

body {
	background: url(/pics/background_tile.gif) 0 0 repeat #5d5d5d;
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 10pt;
}

/* General Styles */
#l {
	padding-top: .5em;
}

#contentIndex td {
	padding-bottom: .3em;
	line-height: 1.3em;
}
.light a, .light a:visited, .light a:link, .light a:hover, .light a:active, a, a:visited, a:link, a:hover, a:active, .neutral a, .neutral a:link, .neutral a:visited, .neutral a:hover, .neutral a:active {
	color: #0485b9 !important;
}
hr {
	color: #fff;
	background-color: #fff;
	border-width: 0;
	border-bottom: 1px dashed #b6b6b6;
	width: 80%;	
	position: relative;
	z-index: 2;
}

.onepixelleft {
	margin-left: 1px;
}


/* Header Area */
#header {
	width: 100%;
	background: url(/pics/header_back.png) 0 0 repeat-x;
	height: 119px;	
}
 
#header h1 {
	display: block;
	width: 900px;
	margin: 0 auto 7px auto;
	padding: 15px 0 0 0;
}
#header h1 a {
	display: block;
	width: 666px;
	height: 0;
	overflow: hidden;
	padding-top: 56px;
	background: url(/pics/header_21st_motto.png) 0 0 no-repeat;
}

marquee {
	color: #333333;
	padding: 2px 0 0 0;
	margin: 0 0 -17px 0;
}
/* Navigation */
#nav_and_search {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	height: 36px;
}
ul#topnav {
	float: left;
	display: inline;
	width: 768px;
	height: 36px;
}
ul#topnav, ul#topnav li, ul#topnav li ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#topnav li {
	float: left;
}
ul#topnav li a {
	margin: 0;
	padding: 0;
	display: block;
	width: 96px;
	height: 36px;
	font-size: 10px;
	font-family: Arial,sans-serif;
	text-transform: uppercase;
	color: #d3d3d3 !important;
	text-align: center;
	text-decoration: none;
	padding-top: 12px;
	height: 24px;
	background: url(/pics/topnav_button.png) 0 0 no-repeat;
}

ul#topnav li.first a {
	background-image: url(/pics/topnav_left.png);
}

ul#topnav li:hover a, ul#topnav li.over a {
	background-position: 0 -36px;
}


/* Drop Downs */
ul#topnav li ul {
	position: absolute;
	left: -9999px;
	width: 145px;
	text-align: left;
	z-index: 99999;
	border: 1px solid #a6a6a6;
	border-top-width: 0;
	margin-left: -1px;
	
}

ul#topnav li:hover ul,ul#topnav li.over ul { 
	left: auto;
}

ul#topnav li ul li a {
	text-align: left;
	background-image: none;
	height: auto;
	line-height: 1.2em;
	font-size: 12px;
	text-transform: none;
	background-color: #0485b9;
	width: 135px;
	padding: .47em 3px .47em 7px;
	background-color: #616161;
	color: #efefef !important;
}

ul#topnav li ul li a:hover {
	background-color: #0485b9;
}


#search {
	float: left;
	display: inline;
	width: 132px;
	height: 36px;
	position: relative;
	background: url(/pics/search_back.png) 0 0 no-repeat;
	position: relative;
}

#search_form {
	padding: 0;
	margin: 0;
}
#search_form #q {
	width: 74px;
	height: 13px;
	margin: 12px 0 0 24px;
	border: 0;
	padding: 0;
	
	color: #8f8f8f;
	font-size: 8pt;
}

#search_form #sa {
	position: absolute;
	padding: 0;
	margin: 0;
	left: 103px;
	top: 0;
	width: 29px;
	height: 36px;
}
/* Second header area */

#header2 {
	width: 907px;
	padding: 0 7px 0 0;
	height: 206px;
	position: relative;
	margin: 0 auto;
/*	background: url(/pics/shadow.png) 0 0 repeat-y;*/
	text-align: right;
	z-index: 99;
}

#header2 .overlay {
	position: absolute;
	display: block;
	width: 900px;
	height: 206px;
	z-index: 99;
	top: 0;
	left: 7px;
	background: url(/pics/header_overlay.png) 0 0 no-repeat;
}


/* Content area */
#content, #contentIndex {
	width: 900px;
	padding: 0 7px;
	background: url(/pics/shadow.png) 0 0 repeat-y;
	clear: both;
	margin: 0 auto;
	overflow: auto;
	position: relative;
}


#content {
	width: 876px;
	padding: 10px 19px;
}

#content .pageTitle {
	display: block;
	margin: 0 0 .5em 0;
	padding: 0;
	width: 876px;
	height: 46px;
	background: url(/pics/pageTitle.gif) 0 0 no-repeat #818181;
	padding: 4px 0 0 79px;
	
	width: 797px;
	height: 42px;
	color: #f4f4f4;
	font-size: 11pt;
	text-shadow: 1px 1px 4px #000;
	
	
}
#contentIndex {
	padding: 0 32px;
	width: 850px;
}

#contentIndex h2 {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2;
	font-size: 6px;
}

/* Index Page only */

	/* Left box */
	#leftbox {
		float: left;
		display: inline;
		width: 598px;
		background: url(/pics/leftbox_back.gif) 0 0 repeat-y;
		position: relative;
/*		overflow: auto;*/
		z-index: 120;
		margin: 23px 0 8px 0;
	}
	
	#leftbox #leftcol {
		width: 155px;
		float: left;
	}
	
	#quicklinks_h2 {
		height: 0;
		overflow: hidden;
		padding: 0;
		margin: 0;
	}
	
	#quicklinks, #channels {
		width: 154px;
		list-style: none;
		margin: 0 0 0 1px;
		padding: 0;
	}
	
	#quicklinks li, #channels li {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#quicklinks li a {
		display: block;
		width: 129px;
/*		height: 25px;*/
		line-height: 25px;
		padding: 0 3px 0 22px;
		font-family: Arial, sans-serif;
		font-size: 12px;
		color: #000 !important;
		text-decoration: none;
/*		background: url(/pics/quicklinks_back.png) 0 0 repeat-y;*/
		background: url(/pics/quicklinks_bg.png) bottom left repeat-y;
	}
	
	#quicklinks li a:hover {
		background-position: -154px 0;
	}
	
	#channels_h2 a {
		display: block;
		width: 154px;
		height: 0;
		overflow: hidden;
		padding-top: 68px;
		background: url(/pics/voise_channels.png) 0 0 no-repeat;
		margin: 0 0 0 1px;
	}
	
	#channels li a {
		display: block;
		width: 114px;
/*		height: 25px;*/
		line-height: 25px;
		padding: 0 30px 0 10px;
		font-family: Arial, sans-serif;
		font-size: 10px;
		text-transform: uppercase;
		text-decoration: none;
		color: #0485b9 !important;
		background: url(/pics/channels_back.png) bottom left no-repeat #eeeeee;
	}
	
	#channels li a:hover {
		color: #fff !important;
		background-position: -154px 100%;
		background-color: #42a1c7;
	}
	
			

	/* right column of leftbox  */
	#rightcol {
		width: 443px;
		position: relative;
		z-index: 120;
		float: left;
		overflow: normal;
	}
	
	
	#indexshuffle {
		width: 443px;
		height: 192px;
		padding-bottom: 24px;
		background: url(/pics/indexshuffle_back.gif) bottom left repeat-x;
		position: relative;
		padding-top: 1px;
	}
	
	#indexshuffle .overlay {
		display: block;
		position: absolute;
		z-index: 180;
		left: 0;
		top: 0;
		width: 443px;
		height: 5px;
		background: url(/pics/indexshuffle_overlay.png) 0 0 no-repeat;
	}
	
	h2#news_head {
		margin-top: 20px;
	}
	h2#news_head a {
		display: block;
		width: 442px;
		height: 0;
		overflow: hidden;
		padding-top: 45px;
		background: url(/pics/news_head.png) 0 0 no-repeat;
	}
	h2#events_head {
		margin-top: 30px;
	}
	h2#events_head a {
		display: block;
		width: 442px;
		height: 0;
		overflow: hidden;
		padding-top: 45px;
		background: url(/pics/events_head.png) 0 0 no-repeat;
	}
	.HPNews, .HPEvents {
		margin-bottom: 1em;
		position: relative;
		z-index: 2;
	}
	
	#leftbox .foot {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 598px;
		height: 219px;
		background: url(/pics/leftbox_foot.png) bottom left no-repeat;
		z-index: 1;
	}



#righttopbox, #rightbotbox {
	width: 237px;
	float: left;
	display: inline; /* IE float margin fix */
	margin-left: 15px;
}
#righttopbox {
	margin: 23px 0 22px 15px;
	background: url(/pics/emergingleaders_back.jpg) 0 0 no-repeat;
	height: 332px;
}


#righttopbox h2 {
	height: 0;
	overflow: hidden;
}

#leaders_news1 {
	width: 45%;
	float: left;
	margin-top: 100px;
	margin-left: 10px;
}

#leaders_news2 {
	width: 45%;
	float: left;
	margin-top: 100px;
}

/*
SOLUTION w/o News section

#righttopbox div strong {
	display: block;
	font-weight: normal;
	color: #000;
	font-size: 10pt;
	text-decoration: none;
	margin-bottom: .3em;
}	
#righttopbox div img {
	border: 1px solid #197095;
	outline: 1px solid #000;
	width: 85px;
	height: 128px;
}
#righttopbox div {
	margin-top: 129px;
	float: left;
	display: inline;
	width: 100px;
	text-align: center;
}
#righttopbox div.first {
	margin-left: 20px;
	margin-right: 4px;
}
*/
#rightbotbox {
	background: url(/pics/rightbox_back.gif) 0 0 repeat-y;
	position: relative;
	margin-bottom: 8px;
}

#rightbotbox h2#bb_head a {
	display: block;
	width: 237px;
	height: 0;
	overflow: hidden;
	padding-top: 37px;
	background: url(/pics/bulletinboard_head.png) 0 0 no-repeat;
	position: relative;
	z-index: 2;
}

.HPBBMessages {
	position: relative;
	z-index: 2;
	
}

#rightbotbox h2#links_head a {
	display: block;
	width: 237px;
	height: 0;
	overflow: hidden;
	padding-top: 27px;
	background: url(/pics/links_head.png) 0 0 no-repeat;
	margin: 0 0 0 1px;
	position: relative;
	z-index: 2;
}

#rightbotbox .foot {
	display: block;
	width: 237px;
	height: 308px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(/pics/rightbox_foot.png) bottom left no-repeat;
	z-index: 0;
}

.HPLinks {
	margin-bottom: 1em;
	position: relative;
	z-index: 2;
	
}



/*  Footer area  */
#footer {
	height: 103px;
	width: 900px;
	padding: 0 7px;
	margin: 0 auto 12px auto;
	position: relative;
	color: #8f8f8f;
	font-size: 10pt;
	font-family: Arial, sans-serif;
	clear: both;
}

#footer .back {
	display: block;
	width: 914px;
	height: 103px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/pics/footer.png) 0 0 no-repeat;
	z-index: -1;
}

#footer p#copyright {
	padding: 21px 0 0 0;
	margin: 0;
	text-align: center;
}

#footer #copyright a.schoolname {
	color: #0485b9;
	text-decoration: none;
}

#footer #districtlink, #footer #poweredby, #footer #renaissancelink {
	display: block;
	height: 0;
	overflow: hidden;
	position: absolute;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#footer #districtlink {
	width: 84px;
	padding-top: 35px;
	left: 68px;
	top: 46px;
	background-image: url(/pics/cps_logo.png);
}

#footer #poweredby {
	width: 237px;
	padding-top: 20px;
	left: 269px;
	top: 55px;
	background-image: url(/pics/poweredby.png);
}

#footer #renaissancelink {
	width: 217px;
	padding-top: 35px;
	right: 38px;
	top: 45px;
	background-image: url(/pics/renaissance_logo.png);
}



/* QUICK POLL STYLES */

/***   Mandatory   ***/
#contentIndex .HPQuickPoll h2 {
    width: 154px;       /* header width  */
    padding-top: 48px;  /* header height */
    /* default background image is /pics/pics/quick_poll_header.png  */
}

.HPQuickPoll .bar-color {
    background-color: #0099cc;   /* results bar color */
}


/***  Optional  ***/
.HPQuickPoll {
     width: 154px;
     padding-bottom: 9px;
     background: url(/pics/bg_index_right_bottom.gif) no-repeat bottom;
}

/* the inside poll area for choices and results */
.HPQuickPoll .results, .HPQuickPoll .choices, .HPQuickPoll .results_only {
     margin:0 auto;
     width:85%;
     font-size: 11px;
     text-align: left;
     *padding-left: 10px;
}

.HPQuickPoll .question {
    padding: 9px;
    margin: 0;
    font-size: 11px;
    text-align: left;
}

/* use for a repeating inside background if necessary */
.HPQuickPoll .quickpoll {
    background: url(/pics/bg_index_right.gif) repeat-y;
    padding-bottom: 5px;
}