@import url("/apps/js/polls/polls-pack.css");
body {
	padding: 0 0 8px 0;
	margin: 0;
	background: url(/pics/background.png) repeat-x #545454;
	font-family: Arial, sans-serif;
	font-size: 10pt;
}
#l {
	padding-top: .49em;
}
#container {
	width: 900px;
	padding: 0 9px;
	margin: 0 auto;
	background: url(/pics/shadow.png) 0 0 repeat-y;
}
#top {
	height: 20px;
	background: url(/pics/top_background.png) repeat-x;
}
#top #marquee {
	width: 895px;
	line-height: 20px;
	font-size: 12px;
	padding: 0 3px;
	float: left;
        font-weight: bold; 
}
#top2 {
	height: 20px;
	background: url(/pics/background.png) repeat-x;
}
#top2 #spanishlink {
	float: right;
	display: block;
	width: 79px;
	height: 0;
	overflow: hidden;
	padding-top: 20px;
	background: url(/pics/titan_net.gif) no-repeat;
}
h1#header {
	padding: 0;
	margin: 0;
	width: 900px;
	height: 193px;
	border-bottom: 4px solid #fff;
}
h1#header a {
	display: block;
	width: 900px;
	height: 0;
	overflow: hidden;
	padding-top: 193px;
	background: url(/pics/header.jpg) no-repeat;
	position: absolute;
}
/* NAVIGATION */
ul#topnav {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 900px;
	height: 26px;
	background: url(/pics/nav_background.png) 0 0 repeat-x;
	border-bottom: 4px solid #fff;
	position: relative;
	z-index: 9999;
}
#topnav li {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
}
#topnav li a {
	display: block;
	margin: 0;
	padding-top: 26px;
	height: 0;
	overflow: hidden;
}
#topnav li a {
	background-position: top left;
	background-repeat: no-repeat;
}
#topnav li:hover a, #topnav li.over a {
	background-position: 0 -26px;
}
#topnav li {
	margin-left: 6px;
}
#topnav li#nav_students {
	margin-left: 7px;
}
#topnav li#nav_parents {
	margin-left: 7px;
}
#topnav li#nav_staff {
	margin-left: 7px;
}
#topnav li#nav_alumni {
	margin-left: 7px;
}
#topnav li#nav_aboutus a {
	width: 94px;
}
#topnav li#nav_academics a {
	width: 92px;
}
#topnav li#nav_alumni a {
	width: 77px;
}
#topnav li#nav_contactus a {
	width: 96px;
}
#topnav li#nav_home a {
	width: 59px;
}
#topnav li#nav_parents a {
	width: 81px;
}
#topnav li#nav_staff a {
	width: 70px;
}
#topnav li#nav_students a {
	width: 91px;
}
#topnav li#nav_athletics a {
	width: 91px;
}
#topnav li#nav_activities a {
	width: 81px;
}
#topnav li#nav_aboutus a {
	background-image: url('/pics/topnav/aboutus.png');
}
#topnav li#nav_academics a {
	background-image: url('/pics/topnav/academics.png');
}
#topnav li#nav_alumni a {
	background-image: url('/pics/topnav/alumni.png');
}
#topnav li#nav_contactus a {
	background-image: url('/pics/topnav/contactus.png');
}
#topnav li#nav_home a {
	background-image: url('/pics/topnav/home.png');
}
#topnav li#nav_parents a {
	background-image: url('/pics/topnav/parents.png');
}
#topnav li#nav_staff a {
	background-image: url('/pics/topnav/staff.png');
}
#topnav li#nav_students a {
	background-image: url('/pics/topnav/students.png');
}
#topnav li#nav_athletics a {
	background-image: url('/pics/topnav/athletics.png');
}
#topnav li#nav_activities a {
	background-image: url('/pics/topnav/activities.png');
}
ul#topnav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 10pt;
	position: absolute;
	left: -999em;
	z-index: 999;
}
#topnav li:hover ul, #topnav li.over ul {
	left: auto;
	background-position: 0 0;
}
ul#topnav ul li {
	margin: 0;
	padding: 0;
	float: none;
}
ul#topnav ul li a {
	height: auto;
	width: 150px !important;
	padding: .32em 6px;
	line-height: 1.3em;
	margin: 0;
	background: #ccc !important;
	color: #000;
	/* background: #979f97 !important;*/
background: #ccd1cc !important;
	background: #ccd0cc !important;
	text-decoration: none;
}
ul#topnav ul li a:hover {
	background: #566255 !important;
	color: #fefefe;
}
.pageTitle {
	display: block;
	width: 870px;
	height: 45px;
	background: url(/pics/pageTitle.gif) no-repeat;
	font-family: Arial, sans-serif;
	color: #fefefe;
	font-size: 18px;
	line-height: 30px;
	padding: 0 0 0 10px;
	margin: 0 0 6px 0;
}
#content {
	overflow: auto;
	background: #fff;
	width: 880px;
	padding: 6px 10px 10px 10px;
	min-height: 360px;
	height: auto !important;
	height: 360px;
}
#contentIndex {
	background: url(/pics/index_background.png) 0 0 repeat-y #979f97;
	width: 888px;
	padding: 6px;
	position: relative;
	overflow: hidden;
}
#content a {
	color: #9e0007;
}
#contentIndex a {
	color: #9e0007 !important;
}
/* Home page */

#contentIndex h2 {
	padding: 0;
	margin: 0;
	font-size: 10px;
}
/* Set up columns */
#left_column {
	width: 238px;
	float: left;
}
#mid_column {
	width: 388px;
	float: left;
	margin-left: 13px;
}
#right_column {
	width: 238px;
	float: right;
}
/* Left Column */
#left_column .foot {
	display: block;
	width: 238px;
	height: 6px;
	background: url(/pics/leftcol_foot.png) no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
}
#quicklinks {
	width: 238px;
	background: url(/pics/quicklinks_background.png) repeat-y;
}
#quicklinks h2 {
	height: 0;
	overflow: hidden;
}
#quicklinks ul {
	background: url(/pics/quicklinks_top.png) top left no-repeat;
	padding: 10px 4px 0 4px;
	margin: 0;
	list-style: none;
}
#quicklinks li {
	padding: 0;
	margin: 0 0 4px 0;
	list-style: none;
}
#quicklinks li a {
	display: block;
	height: 0;
	overflow: hidden;
	width: 230px;
	padding-top: 20px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#quicklinks li#quick_departments a {
	background-image: url(/pics/quicklinks/departments.png);
}
#quicklinks li#quick_classes a {
	background-image: url(/pics/quicklinks/classes.png);
}
#quicklinks li#quick_teachers a {
	background-image: url(/pics/quicklinks/teachers.png);
}
#quicklinks li#quick_photos a {
	background-image: url(/pics/quicklinks/photoalbum.png);
}
#quicklinks li#quick_employment a {
	background-image: url(/pics/quicklinks/employment.png);
}
#quicklinks li#quick_counselors a {
	background-image: url(/pics/quicklinks/counselors.png);
}
#quicklinks li#quick_after a {
	background-image: url(/pics/quicklinks/after.png);
}
#quicklinks li#news_announcements a {
	background-image: url(/pics/quicklinks/news_announcements.png);
}
#quicklinks li a:hover {
	background-position: -230px 0;
}
#extralinks ul {
	padding: 10px 4px 0 4px;
	margin: 0;
	list-style: none;
}
#extralinks li {
	padding: 0;
	margin: 0 0 4px 0;
	list-style: none;
	height:28px;
}
#extralinks li a {
	display: block;
	height: 0;
	overflow: hidden;
	width: 230px;
	padding-top: 28px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#extralinks li#month_staff a {
	background-image: url(/pics/month_staff.gif);
}
#extralinks li#month_student a {
	background-image: url(/pics/month_student.gif);
}
#extralinks li#achievement_academy a {
	background-image: url(/pics/achievement_academy.gif);
}
#extralinks li a:hover {
	background-position: -230px 0;
}
#quicklinks .foot {
	background: url(/pics/quicklinks_foot.png) no-repeat;
	width: 238px;
	height: 6px;
	display: block;
	position: static; /* over rides above */
}
#search {
	width: 232px;
	height: 26px;
	padding: 6px 0 0 6px;
	background: url(../pics/search_background.png) no-repeat;
}
#search input#q {
	height: 18px;
	width: 146px;
	padding: 2px 3px 0 3px;
	background: url(/pics/search_inputbg.png) 0 0 repeat-x;
	float: left;
	border: 0;
}
#search #sa {
	float: left;
	width: 76px;
	height: 20px;
}
#events_container {
	min-height: 200px;
	height: auto !important;
	height: 200px;
	width: 238px;
	background: url(/pics/leftcol_background.png) 0 0 repeat-y;
	position: relative;
}
#TodayIs_container {
	min-height: 150px;
	height: auto !important;
	height: 150px;
	width: 238px;
	background: url(/pics/leftcol_background.png) 0 0 repeat-y;
	position: relative;
}
#events_container h2 a {
	display: block;
	width: 238px;
	height: 0;
	overflow: hidden;
	padding-top: 59px;
	background: url(/pics/events_header.png) no-repeat;
}

#TodayIs_container h2 a {
	display: block;
	width: 238px;
	height: 0;
	overflow: hidden;
	padding-top: 59px;
	background: url(/pics/todayis_header.png) no-repeat;
}
#TodayIs_container #r a {
	font-size: 22px;
	text-align: center;
}
#TodayIs_container #r {
	text-align: center;
	width: 234px;
}
#TodayIs_container #l {
	width: 0px;
	display: none;
}

#vip_container {
	min-height: 200px;
	height: auto !important;
	height: 200px;
	width: 238px;
	background: url(/pics/leftcol_background.png) 0 0 repeat-y;
	position: relative;
}

#vip_container h2 {
	display: block;
	width: 238px;
	height: 0;
	overflow: hidden;
	padding-top: 59px;
	background: url(/pics/vip_header.png) no-repeat;
}

#links_container,
#student_container,
#staff_container,
#achievement_container,
#cte_container,
#schoolYear_container {
	height: auto !important;
	height: 200px;
	width: 238px;
	min-height: 100px;
	background: url(/pics/leftcol_background.png) 0 0 repeat-y;
	position: relative;
	padding-bottom: 16px;
	margin-bottom: 2px;
}


#links_container h2 a,
#student_container h2 a,
#staff_container h2 a,
#achievement_container h2 a,
#cte_container h2 a,
#schoolYear_container h2 a {
	display: block;
	width: 238px;
	height: 0;
	overflow: hidden;
	padding-top: 59px;
	background: url(/pics/selected_links_header.png) no-repeat;
}

#schoolYear_container h2 a {
	background: url(/pics/news_for_school_year_new.png) no-repeat;
}

#cte_container h2 a {
	background: url(/pics/cte_header.png) no-repeat;
}

#student_container h2 a {
	background: url(/pics/studentofthemonth_header.png) no-repeat;
}
	
#staff_container h2 a {
	background: url(/pics/staffofthemonth_header.png) no-repeat;
	padding-top: 70px;
}

#achievement_container h2 a {
	background: url(/pics/achievement_header.png) no-repeat;
	padding-top: 70px;
}


/* Middle Column */
#mid_column .foot {
	display: block;
	width: 388px;
	height: 6px;
	background: url(/pics/midcol_foot.png) no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
}
#shuffle1 {
	width: 626px;
	width: 380px;
	float:left;
	height: 213px;
	background: url(/pics/shuffle1_background.png) no-repeat;
	margin-bottom: 2px;
	margin-left: 16px;
	padding: 0px;
	border: 8px 2px solid #000 !important;
}
#news_container, #skills_container, #word_week_container {
	width: 388px;
	padding: 0 0 6px 0;
	background: url(/pics/midcol_background.png) repeat-y;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	position: relative;
}
#news_container {
	margin-bottom: 1px;
}
#news_container h2 a, #skills_container h2, #word_week_container h2 {
	display: block;
	width: 388px;
	height: 0;
	overflow: hidden;
	padding-top: 60px;
	background: url(/pics/news_header.png) no-repeat;
}

#skills_container h2 {
	background: url(/pics/skills_header.png) no-repeat;
}
#word_week_container h2 {
	background: url(/pics/word_week_header.png) no-repeat;
}
/* Right Column */
#right_column .foot {
	display: block;
	width: 238px;
	height: 6px;
	background: url(/pics/rightcol_foot.png) no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
}
#message_container, #directory_container {
	width: 238px;
	background: url(/pics/rightcol_background.png) repeat-y;
	padding-bottom: 6px;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	position: relative;
	margin-bottom: 2px;
}
#message_container #message_content {
	padding: 0 18px 0 20px;
}
#message_container #message_content p {
	margin-top: 0;
	padding-top: 0;
}
#directory_container {
	margin-bottom: 2px;
}
#message_container h2 a, #directory_container h2 a {
	display: block;
	width: 238px;
	height: 0;
	overflow: hidden;
	padding-top: 60px;
	background: url(/pics/message_header.png) no-repeat;
}
#directory_container h2 a {
	background: url(/pics/directory_header.png) no-repeat;
}
#shuffle2 {
	padding: 4px;
	width: 230px;
	height: 180px;
	background: url(/pics/shuffle2_background.png) no-repeat;
	margin-bottom: 6px;
}
/* ALL HOMEPAGE CONTAINERS */

#events_container, #message_container, #directory_container, #news_container, #skills_container, #links_container {
	padding-bottom: 20px;
}
/* Right side /pages/ menus */
table#pageNav {
	border:none;
}
table#pageNav td {
	background-color:#FFF;
	background-image:url('/pics/rightmenu_bg.jpg');
	background-repeat:no-repeat;
	padding-top:58px;
}
table#pageNav ul {
	list-style-type:none;
	min-height:300px;
	padding:0 0 0 0px !important;
	margin:0 0 0 0px !important;
}
table#pageNav td ul li {
	display:inline;
}
table#pageNav td ul li a {
	display:block;
	line-height:18px;
	padding:3px 5px 3px 25px;
}
table#pageNav td ul li a:hover, table#pageNav td ul li a:active {
	color:#333;
	text-decoration:underline;
}
table#pageNav td ul li a, table#pageNav td ul li a:visited {
	color:#333;
	text-decoration:none;
}
table#pageNav td ul li b {
	display:block;
	line-height:18px;
	color:#FFFFFF;
	background-color:#174017;
	padding:3px 5px 3px 14px;
	margin:0 9px 0 11px;
}
/* Footer */
#footer {
	position: relative;
	margin: 0 auto;
	padding: 0 9px;
	height: 56px;
	text-align: right;
	color: #fff;
	font-family: 'Times New Roman', sans-serif;
	font-size: 13px;
	padding: 53px 24px 11px 381px;
	width: 513px;
}
#footer .back {
	display: block;
	width: 918px;
	height: 102px;
	background: url(/pics/footer.png) no-repeat;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
}
#footer a#backtohome {
	display: block;
	padding-top: 72px;
	height: 0;
	overflow: hidden;
	width: 365px;
	left: 23px;
	top: 14px;
	position: absolute;
}
#footer #poweredby {
	display: block;
	width: 254px;
	height: 0;
	overflow: hidden;
	padding-top: 18px;
	background: url(/pics/poweredby.png) no-repeat;
	position: absolute;
	top: 102px;
	left: 339px;
}
#footer #districtlink {
	display: block;
	width: 81px;
	padding-top: 34px;
	height: 0;
	overflow: hidden;
	position: absolute;
	top: 12px;
	right: 24px;
}
/* QUICK POLL STYLES */

/***   Mandatory   ***/
#contentIndex .HPQuickPoll h2 {
	width: 238px;       /* header width  */
	padding-top: 60px;  /* header height *//* default background image is /pics/quick_poll_header.png  */
}
.HPQuickPoll .bar-color {
	background-color: #990000;   /* results bar color */
}
/***  Optional  ***/
.HPQuickPoll {
	width: 238px;
	padding-bottom: 6px;
	background: url(/pics/leftcol_foot.png) no-repeat bottom;
	text-align: left;
}
/* the inside poll area for choices and results */
.HPQuickPoll .results, .HPQuickPoll .choices, .HPQuickPoll .results_only {
	margin:0 auto;
	width:75%;
	text-align: left;
}
.HPQuickPoll .question {
	padding: 9px 9px 9px 15px;
	margin: 0;
	text-align: left;
}
/* use for a repeating inside background if necessary */
.HPQuickPoll .quickpoll {
	background: url(/pics/rightcol_background.png) repeat-y;
	padding-bottom: 12px;
 *margin-top: -5px;
}
#mid_column .HPNews {
	width: 360px;
	margin: 0 auto;
}