body, h1, h2, h3, h4, h5, h6 {
	margin:0; padding:0;
}

body {
	background:#060c3c none;
	color:#464646;
	font:normal normal normal 12px Arial;
}

#container {
	background-color:#ffffff;
	margin:auto;
	padding:0px;
	width:960px;
}

#header {
	background:transparent url('custom/images/header_home.jpg') no-repeat 0;
	height:151px;
	width:960px;
}

#header_subpage {
	background: transparent url('custom/images/header_subpage.png') no-repeat 0;
	height:151px;
	position:relative;
	width:960px;
	z-index:50;
}

#header h1, #homelink h1 {display:none;}
#header a span, #homelink a span {display:none;}

#banner {
	height:151px;
	position:absolute;
	text-align:right;
	width:960px;
	z-index:2;
}

#homelink a {
	position:relative;
	display:block;
	height:151px;
	width:460px;
	float:left;
	z-index:56;
}



#flashslideshow {
	background:#000f2a;
	height:397px;
	width:960px;
}

#content_home{
	background-color:#ffffff;
	color:#000000;
	font:normal normal normal 12px Helvetica, Arial, sans-serif;
	margin:15px 15px 0px 15px;
	border-top:2px solid #060c3c;
	border-bottom:2px solid #060c3c;
	padding:0;
}
#content_home h3 {color:#060c3c;font-size:16px;padding-bottom:5px;}

.clear {clear:both;height:0;font-size: 1px;line-height: 0px;}

#homecol1 {
	float: left; 
	width: 205px; 
	padding: 30px 15px 15px 15px; 
}
#homecol1 .item1 {background:url(custom/images/icon_envelope.png) no-repeat;padding:0 0 10px 50px;margin-bottom:18px;}
#homecol1 .item2 {background:url(custom/images/icon_paper.png) no-repeat;padding:0 0 10px 50px;margin-bottom:18px;}
#homecol1 .item3 {background:url(custom/images/icon_arrow.png) no-repeat;padding:0 0 10px 50px;margin-bottom:18px;}
#homecol1 a, #homecol1 a:hover {text-decoration:none;}

#homecol2 { 
	margin: 0 280px 0 235px; 
	padding: 30px 15px 15px 15px; 
	border-left:2px solid #060c3c;
	border-right:2px solid #060c3c;
	height:210px;
} 

#homecol3 {
	float: right; 
	width: 250px; 
	padding: 30px 15px 15px 15px; 
}

#viewcalendar {padding-top:5px;}

#footer { 
	text-align:center;
	padding: 0;
	line-height:27px;
	background-color:#ffffff;
	width:960px;
	margin:0 auto;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#060c3c;
} 

#footer a {color:#060c3c;text-decoration:underline;}
#footer a:hover {text-decoration:none;}

#footer span.pipe, #footer_subpage span.pipe {
	font-size:10px; 
	font-weight:bold;
	padding:0 3px 5px 0;
	vertical-align: middle;
}

#footer span.middot, #footer_subpage span.middot {
	font-size:18px; 
	font-weight:bold;
	padding:0 3px;
	vertical-align: middle;
}

#footer_subpage { 
	text-align:center;
	padding: 2px 0;
	background-color:#a4001d;
	width:960px;
	margin:0 auto;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
} 

#footer_subpage a {color:#ffffff;text-decoration:underline;}
#footer_subpage a:hover {text-decoration:none;}

#copyright {
	text-align:center;
	height:25px;
	font-size:10px;
	color:#ffffff;
	width:960px;
	margin:5px auto;
}
#copyright a {color:#ffffff;}


a.jScrollArrowUp {background:transparent url('custom/images/basic_arrow_up.png') repeat-x 0 0;}
a.jScrollArrowUp:hover {background-position:0 -10px;}
a.jScrollArrowDown {background:transparent url('custom/images/basic_arrow_down.png') repeat-x 0 0;}
a.jScrollArrowDown:hover {background-position:0 -10px;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position:0 -20px;}
.jScrollPaneDrag {background:#3f6d99 url('custom/images/panedrag.png') no-repeat 50% 50%;height:38px;}
.jScrollPaneTrack {background: url('custom/images/scrollpanetrack.png') repeat-y 0 0;}
.jScrollPaneDragTop {background: url('custom/images/panedragtop.png') no-repeat;height:4px;}
.jScrollPaneDragBottom {background: url('custom/images/panedragbottom.png') no-repeat;height:4px;}

#upcoming_events.scroll-pane {
	background:transparent none;
	overflow:auto;
    list-style:none;
	height:160px;
    width:240px;
	margin-bottom:10px;
	padding-right:-10px;
	color:#060c3c;
}
.eventlist {list-style:none;margin:0;padding:0;}
.eventlist li {height:100%;padding-bottom:5px;}
.eventlist li a {text-decoration:none;color:#060c3c;}
.eventlist li a:hover {text-decoration:underline;color:#060c3c;}

.eventlist .date {float:left;width:45px;}
.eventlist .link {float:left;width:180px;}
	



#announcements.scroll-pane {
	background:transparent none;
	overflow:auto;
    list-style:none;
	height:160px;
    width:375px;
	margin-bottom:10px;
	padding-right:-10px;
	color:#060c3c;
}
.announcelist {list-style:none;margin:0;padding:0;}
.announcelist li {padding-bottom:5px;}
.announcelist span.title {font-weight:bold;color:#060c3c;}
.announcelist li a {text-decoration:none;color:#060c3c;}
.announcelist li a:hover {text-decoration:underline;color:#060c3c;}

#mainwrapper {background: #ffffff url(custom/images/subpage_background.png) repeat-y 0 0;}
#main {position:relative;background: url(custom/images/subpagecorner_background.png) no-repeat right top;clear:both;padding-top:5px;}

#sidebar {
	float:left;
	padding:25px 0 0 0px;
	width:199px;
}

#sidebar h2 {
	color:#a4001d;
	font:normal normal bold 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:10px 15px;
}

#content {
	margin:65px 0 0 200px;
	padding:0px 0 20px 0;
	min-height:500px;
	width:760px;
	position:relative;
}

#logo {
	background:url('custom/images/cchs_logo.png') no-repeat 0 50px;
	height:180px;
	position:absolute;
	left:10px;
	bottom:80px;
	width:199px;
}

#logo a {margin-top:50px;width:200px;height:110px;display:block;}
#logo span {display:none;}

#renweb_login {
	background:url('custom/images/button_renweblogin.png') no-repeat 10px 60px;
	height:100px;
	position:absolute;
	left:0;
	bottom:20px;
	width:199px;
}

#renweb_login a {margin-top:50px;width:200px;height:53px;display:block;}
#renweb_login span {display:none;}

table,td,tr{font:12px Arial;color:#464646;}

a:link {text-decoration:underline;color:#060c3c;}
a:visited {text-decoration:underline;color:#060c3c;}
a:hover {text-decoration:none;color:#060c3c;}

input {font:12px Arial;}
textarea {font:12px Arial;}
select {font:12px Arial;}

.titletext {font-size:18px;color:#060c3c;font-weight:bold;}

/* calendar links */
a.callink:link {color:#060c3c;text-decoration:none; font-size: 11px;}
a.callink:visited {color:#060c3c;text-decoration:none; font-size: 11px;}
a.callink:hover {color:#060c3c;text-decoration:underline; font-size: 11px;}

/* headings (Example: Events Calendar -    Previous    Month, Year    Next     heading */
.headerbg{color:#FFFFFF;background-color:#a4001d;font-weight:bold;}
.headertext{color:#FFFFFF;font-weight:bold;}
a.headerlink:link {text-decoration:none;color:#FFFFFF;}
a.headerlink:visited {text-decoration:none;color:#FFFFFF;}
a.headerlink:hover {text-decoration:underline;color:#FFFFFF;}

/* other headings (Example: Events Calendar -  Sun  Mon  Tue  Wed  Thu  Fri  Sat   heading */
.header2bg{background-color:#3f6c97;color:#FFFFFF;}
.header2text{color:#FFFFFF;}

a.header2link:link {text-decoration:none;color:#FFFFFF;}
a.header2link:visited {text-decoration:none;color:#FFFFFF;}
a.header2link:hover {text-decoration:underline;color:#FFFFFF;}

/* Alternating row background colors */
.alternatebg1{background-color:#eaf0f5;}
.alternatebg2{background-color:#d7e1ea;}

/* used in Photo Gallery and Staff Profiles */
.borderstyle{border:1px solid #060c3c;}
.inside_bg{background-color:#eaf0f5;}

.inside_page_bg{background-color:#FFFFFF;}
.content_no_left{padding:10px;}
.outside_border_bg{display:none;}
.top_border_bg{background-color:#060c3c;}
.inside_left_bar{background-color:#0099CC;}
.below_left_nav{padding:4px;}
.footer{color:#ffffff;padding:15px;}
.footer_top{background-color:#999999;}
.top_text_bg{background-color:#060c3c;color:#ffffff;}
.upcoming_heading{padding-top:5px;padding-bottom:5px;text-align:center;}
.upcoming_events_above{border-top:1px solid #000000;}
.upcoming_events_date{font-weight:bold;padding:7px 0px 2px 5px;font-size:11px;}
.upcoming_events_time{font-size:11px;}
.upcoming_events_event{font-size:11px;padding:0px 0px 2px 15px;}
a.upcoming_events_link{font-size:11px;text-decoration:none;}
.upcoming_events_bottom{border-bottom:1px solid #000000;font-size:11px;padding:0px 0px 7px 15px;}
.detail_announcements2 p {margin:2px 0 4px 0; padding:0;}
.detail_announcements2r p {margin:2px 0 4px 0; padding:0;}
.detail_announcements2 h4 {font-size:14px; margin:6px 0 0 0; padding:3px; background:#a4001d none; color:#FFFFFF;}
.detail_announcements2 h4 a {color:#FFFFFF;}
a.event_description:link {text-decoration:none;color:#000000;}
a.event_description:visited {text-decoration:none;color:#000000;}
a.event_description:hover {text-decoration:none;color:#000000;}
table.minical {width:100%}
.redtext{color:#FF0000;font-weight:bold;}
.main_body_size {min-width: 100%; min-height: 100%; width: 100%; height: 100%;}
.middle_when_right_side_bar {padding-right: 20px; height: 100%;}
.middle_when_no_right_side_bar {height: 100%;}
.pagetitle_padding {padding:0px 0px 15px 20px;}
.no_pagetitle_padding {height:20px;}
.detail_padding {padding:0px 0px 8px 20px;}
.no_right_side_bar_right_padding {padding-right:20px;}
.right_side_with_dotted_line {height: 100%; border-left:1px dashed #CCCCCC; padding-top:25px;}
.right_side_no_dotted_line {height: 100%;border-left:2px solid #060c3c; padding-top:25px; padding-left:10px; }
.right_per_detail ul {margin:3px 3px 3px 17px; padding:0px;}
.right_per_detail li {margin:0px 0px 5px 0px; }
.middle_when_right_side_bar h3, .middle_when_no_right_side_bar h3 {background:transparent none; color:#a4001d; font-size:14px; margin:0; padding:0;}
.right_side_with_dotted_line h3, .right_side_no_dotted_line h3 {background:#a4001d none; color:#FFFFFF; font-size:14px; margin:0; padding:5px 10px;}
.right_side_with_dotted_line h4, .right_side_no_dotted_line h4 {font-size:12px; margin:4px 0 0 0;}
.right_hr_top hr {display:none;}
.right_hr_bottom hr {display:none;}
.right_side_no_dotted_line p, .right_side_with_dotted_line p {margin:4px; padding:0;}
#utilitybar {background-color:#ececd8;color:#996600;height:38px;line-height:38px;padding-left:10px;}
#breadcrumb a {color:#006699;text-decoration:none;}
#breadcrumb a:hover {color:#996600;text-decoration:underline;}
#breadcrumb a:active {color:#006699;text-decoration:none;}
#breadcrumb .breadcrumb_divide {margin:0px 3px 0px 3px;}
#search #sa {background-color:#464646; color: #ffffff; border:1px solid #ffffff;}

.left_menu_column {background: #ffffff url(custom/images/subpage_background.png) repeat-y 0px 0;}


/* Drop Shadow on Right Sidebar Photos */
/* IE Drop Shadow */
div.right_content img {
	border:1px solid #ccc;
	margin: 0 0 15px 0;
	padding: 3px;
	background: #fff;
	filter: 
        progid:DXImageTransform.Microsoft.Shadow(color=#d7d7d7,direction=0,strength=7)
        progid:DXImageTransform.Microsoft.Shadow(color=#d1d1d1,direction=90,strength=10)
        progid:DXImageTransform.Microsoft.Shadow(color=#d1d1d1,direction=180,strength=10)
        progid:DXImageTransform.Microsoft.Shadow(color=#d7d7d7,direction=270,strength=7);
}
/* All other browsers Drop Shadow */
:root *> div.right_content img {
	margin: 5px 6px 10px 6px;
	-moz-box-shadow: 2px 2px 10px #000;
	-webkit-box-shadow: 2px 2px 10px #000;
}

div.right_content p {margin:0 5px;padding:0;font-size:11px;font-style:italic;width:135px;color:#060c3c;}
	html>body div.right_content img {*margin-bottom:-3px;}/* IE7 margin fix */