/** CSS Reset **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
}
/** End CSS Reset **/

body {
	background:#FFFFFF none;
	color:#58595b;
	font:normal normal normal 11px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 20px 0;
}

table,td,tr {
	color:#58595b;
	font:normal normal normal 11px Arial, Helvetica, sans-serif;	
}

#content a, #service_details a {text-decoration:underline;color:#009bda;}
#content a:visited, #service_details a:visited {text-decoration:none;color:#009bda;}
#content a:hover, #service_details a:hover {text-decoration:none;color:#009bda;border-bottom:1px dotted;}

input, select, textarea {
	font:normal normal normal 11px Arial, Helvetica, sans-serif;
}

h2, .titletext {
	color:#FFFFFF;
	font:normal normal normal 17px Arial, Helvetica, sans-serif;
}

#content h1 {
	color:#009bda;
	font:normal normal bold 19px Arial, Helvetica, sans-serif;
	margin:3px 0 0 0;
}

#content h2 {
	color:#8dc63f;
	font:normal normal bold 17px Arial, Helvetica, sans-serif;
	margin:17px 0 0 0;
}

#content h3 {
	color:#009bda;
	font:normal normal normal 16px Arial, Helvetica, sans-serif;
	margin:17px 0 0 0;
}

#content h4 {
	color:#58595b;
	font:normal normal bold 14px Arial, Helvetica, sans-serif;
	margin:17px 0 0 0;
}

#container {
	background:transparent url('http://www.cesa6.k12.wi.us/custom/images/container_background.gif') repeat-y;
	margin:auto;
	width:962px;
}

#header {
	background:transparent url('custom/images/header_background.gif') no-repeat;
	height:95px;
	width:962px;
}

#logo {
	background:transparent url('http://www.cesa6.k12.wi.us/custom/images/logo.png') no-repeat;
	float:left;
	height:144px;
	position:relative;
	left:12px;
	top:18px;
	width:159px;
	z-index:100;
}

#logo h1 {
	display:none;
}

#logo a span {
	display:none;
}

#logo a {
	display:block;
	height:144px;
	width:159px;
	z-index:100;
}

#topnav {
	background:transparent none;
	color:#FFFFFF;
	font:normal normal bold 10px Arial, Helvetica, sans-serif;
	margin:0px 0 0 170px;
	padding:18px 0 0 0;
}

#utilitybar {
	background:transparent none;
	clear:left;
	height:50px;
	line-height:24px;
	position:absolute;
	top:46px;
	width:960px;
}

#utilitybar_ie7 {
	background:transparent none;
	clear:left;
	height:50px;
	line-height:24px;
	position:absolute;
	top:55px;
	width:960px;
}

#shareSearchShell {
	float:right;
	margin:0px 0 0 0px;padding:0px 29px 0px 0px;
	width:232px;
}

#shareSearchShell #share{float:left;padding:0px 3px 0px 0px;}
#shareSearchShell #share ul{list-style:none;padding:1px;margin:-2px 0px 0px 0px;}
#shareSearchShell #share ul li{float:left;padding:0px 6px 0px 0px;margin:0px;width:19px;height:19px;}
#shareSearchShell #share ul li a{display:block;width:19px;height:19px;}
#shareSearchShell #share ul li a.rss{background-image:url('custom/images/btn_rss.gif');}
#shareSearchShell #share ul li a.twitter{background-image:url('custom/images/btn_twitter.gif');}
#shareSearchShell #share ul li a.facebook{background-image:url('custom/images/btn_facebook.gif');}
#shareSearchShell #share ul li a.video{background-image:url('custom/images/btn_video.gif');}
#shareSearchShell #search{float:left;overflow:hidden;}

#q {
	background:transparent none;
	border:1px solid #bcbdc0;
	color:#939598;
	font:normal normal normal 11px Arial, Helvetica, sans-serif;
	height:15px;
	line-height:17px;
	padding:0px 7px 0 7px;
	width:96px;
	float:left;
}

#sa {
	background:transparent url('custom/images/btn_search.gif') no-repeat;
	border:0;
	cursor:pointer;
	height:17px;
	width:15px;
	overflow:hidden;
}

#utility {
	margin:0 0 0 790px;padding:0px;
}

#utility ul.contactinfo  li{
	color:#939598;
	font:normal normal normal 11px Arial, Helvetica, sans-serif;
	display:inline;
	padding:0px;
}

#utility ul.contactinfo li a {
	color:#939598;
	font:normal normal normal 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#utility ul.contactinfo li.bullet {
	background:transparent url('http://www.cesa6.k12.wi.us/custom/images/contactinfo_bullet.gif') no-repeat 0 6px;
	margin:0 0 0 0px;
	padding:0 0 0 6px;
}

#utility ul.agencyaccess  {
	height:26px;
	margin:0 0 0 35px;
	padding:0 0 0 0px;
}

#utility ul.agencyaccess a {
	/*background:transparent url('http://www.cesa6.k12.wi.us/custom/images/agencyaccess_bullet.gif') no-repeat;*/
	color:#939598;
	font:normal normal normal 11px Arial, Helvetica, sans-serif;
	line-height:18px;	
	text-decoration:none;
	padding:0 0 0 0px;
}

#banner {
	background:transparent url('http://www.cesa6.k12.wi.us/custom/images/banner_background.jpg') no-repeat;
	height:79px;
	margin:0 0 0 1px;
	width:960px;
}

#banner h2 {
	line-height:79px;
	margin:0 0 0 234px;
}

#main {
	background:transparent url('http://www.cesa6.k12.wi.us/custom/images/main_background.gif') repeat-y;
	clear:both;
	margin:0 0 0 1px;
	min-height:500px;
	width:954px;
}

#sidebar {
	clear:both;
	float:left;
	width:210px;
}

#sidebar h3 {
	background:transparent url('http://www.cesa6.k12.wi.us/custom/images/sidebar_header.gif') repeat-x;
	color:#FFFFFF;
	font:normal normal normal 15px Arial, Helvetica, sans-serif;
	height:44px;
	line-height:44px;
	padding:0 0 0 29px;
	width:177px;	
}

#content {
	margin:0 0 0 206px;
	padding:20px 25px;
	width:694px;
}

#content_nosidebar {
	margin:0px;
	padding:20px 25px;
	width:694px;
}

#footer {
	background:transparent url('http://www.cesa6.k12.wi.us/custom/images/footer.gif') no-repeat;
	clear:both;
	color:#58595b;
	font:normal normal normal 10px Arial, Helvetica, sans-serif;
	height:30px;
	line-height:25px;
	margin:0;
	padding:0 0 0 34px;
	text-align:center;
}

#footer h6 {
	float:left;
}

#footer ul {
	margin:0;
	padding:0;
}

#footer li {
	background:transparent url('http://www.cesa6.k12.wi.us/custom/images/footer_bullet.gif') no-repeat 0 6px;
	display:inline;
	padding:0 3px 0 9px;
}

#footer li.first {
	background:transparent none;
	padding:0 3px 0 9px;
}

#copyright{margin:auto;width:960px;padding:1px 0px 0px 14px;}

/*************** Home Page Elements *********************/

#content_home {
	background:#FFFFFF none;
	min-height:500px;
	margin:0 0 0 1px;
	width:954px;
	overflow:hidden;
	clear:both;
}

#dip {
	height:307px;
	margin-left:1px;
	margin-top:-2px;
	position:absolute;
	top:96px;
	width:954px;
	z-index:0;
}

#dip_ie7 {
	height:307px;
	margin:0px;
	position:absolute;
	top:96px;
	width:954px;
	z-index:0;
}

#dipimage {
	height:307px;
	width:720px;
}

#dipcounter {
	background:transparent url('http://www.cms4schools.com/bbbdesign/custom/images/dip_background.jpg') no-repeat;
	color:#FFFFFF;
	font:normal normal normal 11px Arial, Helvetica, sans-serif;
	height:287px;
	left:720px;
	padding:10px;
	position:absolute;
	top:0;
	width:214px;
}

#diptext {
	font:normal normal normal 14px Arial, Helvetica, sans-serif;
	height:227px;
	overflow:hidden;
	padding:10px;
	width:194px;
}


#diptext a {
	color:#FFFFFF;
}

#diptext h3 {
	font:normal normal bold 16px Arial, Helvetica, sans-serif;
	padding-bottom:10px;
}

#diptext p {
	margin:5px 0;
	padding:5px 0;
}

#diptext li {
	list-style:disc;
	margin:0 0 0 15px;
	padding:0 0 0 0px;
}


#dipnumber {
	margin:15px auto;
	width:234px;
}

#dipnumber li {
	float:left;
	margin:0 6px;
}

#dipnumber a {
	line-height:16px;
	padding:0 4px;
	text-decoration:none;
}

#dipnumber li.dipcounter_active {
	background:transparent url('http://www.cesa6.k12.wi.us/custom/images/dip_circle_on.png') no-repeat;
	color:#16115f;
	height:16px;
	text-align:center;
	width:17px;
}

#dipnumber li.dipcounter {
	background:transparent url('http://www.cesa6.k12.wi.us/custom/images/dip_circle_off.png') no-repeat -1px 0;
	color:#16115f;
	height:16px;
	text-align:center;
	width:17px;
}

#leftcol {
	float:left;
	width:700px;
}

#leftcolbottom {
	float:left;
	margin-top:20px;
}

#bottomrow {
	clear:both;
	margin:257px 0 0 0;	
	position:relative;
}

#services {
	float:left;
	margin:21px 0 0 10px;
	width:710px;
}

#services h3 {
	color:#009bda;
	font:normal normal normal 20px Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
}

#services h4 {
	color:#8dc63f;
	font:normal normal bold 14px Arial, Helvetica, sans-serif;
	margin:8px 0 0 0;
}

#services_col1 {
	float:left;
	width:475px;
}

#services_col2 {
	margin:0 0 0 475px;
	padding:25px 0 0 20px;
	width:195px;
}

#services img {
	margin:0;
	padding:0;
}

#service_buttons {
	background:transparent url('http://www.cesa6.k12.wi.us/custom/images/services_border.gif') no-repeat bottom left;
	padding:0 0 3px 0;
}

#service_buttons a {
	color:transparent; //* gets rid of outline around buttons *//
}

#service_details {
	margin:0 10px;
	padding:13px 0 0 0;
}

#upcomingevents, #announcements {
	margin:0 0 0 720px;
	overflow:hidden;
	padding:21px 15px 21px 20px;
	width:194px;
}
#announcements{padding-top:0px;margin-top:-10px;}

#upcomingevents h3, #announcements h3{background-color:#0087c9;color:#fff;padding:5px 0px 5px 10px;font-size:14px;font-weight:bold;margin:0px 0px 16px 0px;}

#upcomingevents p, #announcements p{padding:0px;margin:0px;}
#upcomingevents a.viewall, #announcements a.viewall {
	color:#00a0dc;
	font:normal normal bold 12px Arial, Helvetica, sans-serif;
	text-decoration:underline;
	margin-left:18px;
	border-top:1px #ccc dotted;
	padding:7px 0px 0px 0px;
	margin-bottom:9px;
	display:block;
}

#upcomingevents .event, #announcements .announcement {
	margin:0 0 10px 0;

}

#upcomingevents .eventdetails, #announcements .announcementdetails {
	padding:0 0 0 18px;
}

#upcomingevents .date, #announcements .announcementTitle {
	background:transparent url('http://www.cesa6.k12.wi.us/custom/images/upcomingevent_bullet.gif') no-repeat;
	color:#8dc63f;
	font:normal normal bold 13px Arial, Helvetica, sans-serif;
	padding:0 0 0 18px;
	text-transform:uppercase;
}

#upcomingevents .time {
	color:#58595b;
	font:normal normal normal 11px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

#upcomingevents .eventtitle a, #announcements .announcementdetails a {
	color:#58595b;
	font:normal normal bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin:0;
	padding:0;
}

#upcomingevents .eventtitle a:hover, #announcements .announcementdetails a:hover {
	border-bottom:1px dotted;
	text-decoration:none;
}

#upcomingevents a {
	color:#58595b;
}

/* calendar links */
a.callink:link {color:#009bda;text-decoration:none; font-size: 8pt;}
a.callink:visited {color:#009bda;text-decoration:none; font-size: 8pt;}
a.callink:hover {color:#009bda;text-decoration:underline; font-size: 8pt;}

/* headings (Example: Events Calendar -    Previous    Month, Year    Next     heading */
.headerbg{color:#FFFFFF;background-color:#009bda;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:#939598;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:#FFFFFF;}
.alternatebg2{background-color:#e6f1fb;}

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

.inside_page_bg{background-color:#FFFFFF;}
.content_no_left{padding:10px;}
.outside_border_bg{display:none;}
.top_border_bg{background-color:#16115f;}
.inside_left_bar{background-color:#16115f;}
.footer{color:#58595b;}
.top_text_bg{background-color:#16115f;color:#FFFFFF;}
.left_menu_column{background-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;}
.upcoming_events_time{ }
.upcoming_events_event{padding:0px 0px 2px 15px;}
a.upcoming_events_link{text-decoration:none;}
.upcoming_events_bottom{border-bottom:1px solid #000000;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:#009bda 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: 10px; height: 100%;}
.middle_when_no_right_side_bar {height: 100%;}
.pagetitle_padding {padding:20px 0px 10px 20px;}
.no_pagetitle_padding {height:20px;}
.detail_padding {padding:0px 0px 8px 0px;}
.no_right_side_bar_right_padding {padding-right:20px;}
.right_side_with_dotted_line { height: 100%; border-left:1px dashed #CCCCCC; }
.right_side_no_dotted_line { height: 100%; }
.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:#58595b; font-size:16px; margin:0; padding:0;}
.right_side_with_dotted_line h3, .right_side_no_dotted_line h3 {background:#009bda 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;}
.footer_top{background-color:#999999;}
#breadcrumb a {color:#009bda;text-decoration:none;}
#breadcrumb a:hover {color:#009bda;text-decoration:underline;}
#breadcrumb a:active {color:#009bda;text-decoration:none;}
#breadcrumb .breadcrumb_divide {margin:0px 3px 0px 3px;}

#content p, #content_home p, #diptext p {
	margin:5px 0px 10px 0px;	
}

#content ul, #content_home ul , #content_home ul{
	list-style-type:disc;
	margin:0 0 0 20px;
}

#content ol, #content_home ol, #content_home ol{
	list-style-type:decimal;
	margin:0 0 0 20px;	
}

.below_left_nav{padding:4px;}