*{ margin:0; padding:0;}
html, body{
	/*background: #fff url(http://www.ksps.org/images/bg_fade.jpg) repeat-x top left;*/
	background: #2c2c2c;
	font-family: arial;
	color: #333;
	line-height: 1.3em;
	height: 100%;
	font-size: 12px;
}
.wrapper {
    background: #fff url(http://www.ksps.org/images/bg_fade.jpg) repeat-x top left;
	width: 100%;
}
#outer_container{
	background: url(http://www.ksps.org/images/bg_outer_container.jpg) no-repeat top center;
	width: 100%;
}
#inner_container{
	margin: 0 auto;
	background: #fff url(http://www.ksps.org/images/bg_inner_container.jpg) no-repeat top left;
	width: 1001px;
}
.container{
	margin: 0 auto;
	width: 960px;
}

#logo_link { display: block; position: absolute; top: 0; left: 0; }
#logo_link span{ display: none; }
#print_logo{ display: none; }

h2{ font-size: 20px; color: #841b30; padding: 0 0 5px 0; line-height: 1.0em; }
h3{ font-size: 16px; color: #841b30; padding: 0 0 5px 0; line-height: 1.0em; }
h4{ font-size: 13px; color: #316205; padding: 0 0 5px 0; line-height: 1.0em; }
h5{ font-size: 10px; color: #316205; padding: 0 0 5px 0; line-height: 1.0em; }
h6{ font-size: 8px; }

p{ padding: 0 0 10px 0; }

a{ color: #176e92; text-decoration: none; }
a img{ border: 0; }

hr{ clear: both; border: 0; border-top: 1px solid #e1e1e1; height: 1px; display: block; width: 100%; margin: 10px 0; }

#interior_right ul,
#interior_right ol{
	 margin: 10px;
	 padding: 5px;
	 width: 75%;
	 list-style-type: none;
	 background: #fffacf;
	 border: 1px solid #e2dca5; 
}

#interior_right ul li{ 
	background: url(http://www.ksps.org/images/ul_bullet.jpg) left top no-repeat;
	padding: 2px 0 6px 25px;	
}
#interior_right ol{ list-style-type: decimal; }
#interior_right ol li{ margin: 2px 0 6px 25px; }

/*****HEADER*****/

#header{
	height: 110px;
	position: relative;	
}

#global_nav{
	width: 600px;
	position: absolute;
	top: 0; right: 0;
	padding: 15px 0 0 0;
	font-size: 12px;
	text-align: right;
	color: #fff;	
}
#global_nav a{ color: #fff; }
#search{ width: 190px; position: absolute; top: 60px; right: 0; }
.search_button{ cursor: pointer; float: right; width: 32px; height: 32px; border: 0; background: url(http://www.ksps.org/images/search_button.jpg) 0 0 no-repeat; }
.search_input{ float: left; margin-top: 7px; width: 150px; }

/**top nav**/
#menu{
	height: 40px;
	background: #07678F url(http://www.ksps.org/images/menu_bg.jpg) 0 0 repeat-x;
}
#nav{
	list-style-type: none;
	float: left;
	font-family: arial;
	font-size: 15px;
	width: 100%;
	height: 40px;
}
#nav li{ float: left; display: block; }
#nav li a{ display: block; padding: 13px 15px 11px 15px; color: #fff; }
#nav li a.active{ 
	background: #32A6D5 url(http://www.ksps.org/images/nav_active.jpg) 0 0 repeat-x; 
	border-right: 1px solid #126487; 
	border-left: 1px solid #126487;
}
#nav li.green{
	float: right;
	background: #78C22D url(http://www.ksps.org/images/green_nav.jpg) 0 0 no-repeat;
}
#nav li.green a{ padding-left: 20px; }

#nav ul{ list-style-type: none; }

#nav li.active ul{ background: #1781ad; }
#nav li ul {
	position: absolute;
	width: 222px;
	left: -999em;
	z-index: 900;
	background: #096991;
	border-bottom: 8px solid #0d5e80;
}
#nav li ul li{ width: 222px; display: block; }

#nav li ul a{ 
	display: block;
	font-size: 12px;
	padding: 5px 10px 5px 15px;
}
/* This allows the drop down menus which needed to be streamlined for Future Focus as they are updating their menus frequently
#nav li.active ul a:hover{ background: #096991; }
#nav li ul a:hover{ background: #1781ad; }

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	display: block;
}
*/
/***HOMEPAGE****/
#home_hero_container{
	/*height: 280px;*/
	background: #fff url(http://www.ksps.org/images/fade.jpg) 0 0 repeat-x;
	padding: 10px;
}

/*hero*/
#slideID{ float: left; }
#slideID, #slideID .slide {
	height: 280px;
	width: 619px;
}
#miniShow, #miniShow .slide {
	height: 155px;
	width: 264px;
}
.divshow {
	background-color: #fff; /* Color between fade */
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.slide {
	position: absolute;
	height: 280px;
	width: 619px;
}
.heroLink{ cursor: pointer; height: 265px; width: 619px; display: block; position: absolute; top: 0; left: 0; }
.slide-controls { bottom: 3px; right: 3px; position: absolute; width: 34px; }
.prev, .next{ width: 15px; height: 15px; display: block; }
.prev { background: transparent url(http://www.ksps.org/images/arrow_rew.gif) 0 0 no-repeat; float: left; }
.next { background: transparent url(http://www.ksps.org/images/arrow_ff.gif) 0 0 no-repeat; float: right; }

#tv_box{
	width: 310px;
	height: 280px;
	float: right;
	
}
.tv_tabs{
	height: 30px;
	width: 310px;
	list-style-type: none;	
}
.tv_tabs li{ float: left; }
.tv_tabs li.now{ padding-right: 2px; }
.tv_tabs li a{ 
	display: block;
	background: url(http://www.ksps.org/images/tv_inactive.jpg) 0 0 no-repeat;
	padding: 6px 0 0 0;
	width: 102px; height: 24px;
	color: #7c7c7c;
	font-size: 15px;
	font-style: italic;
	font-weight: bold; 
	text-align: center;
}
.tv_tabs li a.active{ 
	background: url(http://www.ksps.org/images/tv_active.jpg) 0 0 no-repeat;
	color: #fff;
	font-style: normal;
	font-weight: bold;
}
.tv_info_box{
	width: 290px;
	height: 233px;
	padding: 7px 10px 10px 10px;
	background: url(http://www.ksps.org/images/tv_bg.jpg) 0 0 repeat-x;	
}
.channel_tabs{
	width: 280px;
	height: 22px;
	padding-left: 10px;
	list-style-type: none;
}

.channel_tabs li{ float: left; }
.channel_tabs li a{
	float: left;
	display: block;
	cursor: pointer;
	padding: 3px 8px 1px 8px;
	height: 17px;
	color: #fff;
	font-size: 11px;	
}
.channel_tabs li a.active{
	background: url(http://www.ksps.org/images/channel_bg.jpg) 0 0 repeat-x;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #000;
}
.tv_listing{
	background: #fff;
	height: 206px;
	width: 290px;
	padding-top: 5px;
	overflow-y: scroll;
}

#home_content{
	background: #fff url(http://www.ksps.org/images/fade.jpg) 0 0 repeat-x;
	margin: 0 10px;
	padding: 20px;
}

.columns .col, .columns .col3{ 
	float: left; 
	width: 280px;
	padding-right: 30px;
	/*font-size: 11px;*/
}
.columns .col3{ padding: 0; }
.col_content{ padding: 10px; }


/***INTERIOR PAGES****/
#interior_content{
	background: #fff url(http://www.ksps.org/images/fade.jpg) 0 0 repeat-x;
	height: 100%;
}

#interior_left{
	width: 260px;
	float: left;
}
#interior_left .side_nav{
	list-style-type: none;
	margin: 0 30px 20px 10px;
	padding: 10px;
	background: #e1e1e1 url(http://www.ksps.org/images/side_nav_bg.jpg) 0 0 repeat-x;
}
#interior_left .side_nav li{ 
	position: relative;
	color: #333; 
	font-size: 12px;  
	background: #fff; 
	border-bottom: 1px solid #e1e1e1; 
}

#interior_left .side_nav li a, #interior_left .side_nav li span.title{ 
	display: block; 
	color: #333;
	padding: 5px 10px 5px 10px;
	font-size: 12px; 
}

#interior_left .side_nav li a.active{ background: #096a92; color: #fff; }

#interior_left .side_nav li ul{ list-style-type: none; }
#interior_left .side_nav li ul li{ border-bottom: 0; padding-left: 15px; }

#interior_left .side_nav li ul li a.active{ background: transparent; text-decoration: underline; color: #333; }

#interior_right{
	width: 680px;
	padding-right: 20px;
	float: right;

}

/**interior 1***/
.feature_content{
	background: #cfe9f4 url(http://www.ksps.org/images/blue_fade.jpg) 0 0 repeat-x;
	width: 640px;
	padding: 20px;

}
.feature_content img{ display: block; }
.feature_content .img_cont{ 
	display: block; 
	float: right;
	background: url(http://www.ksps.org/images/img_shadow.jpg) bottom center no-repeat; 
	padding-bottom: 11px;
	margin: 0 0 0 10px;
}

.main_content{ padding: 20px; }

/***interior 2***/
.right_container{
	padding: 20px;
}
.feat_content{ padding: 0 0 15px 0; }
.bottom_content{ 
	background: #fff url(http://www.ksps.org/images/fade2.jpg) 0 0 repeat-x;
	border-top: 1px solid #c3c3c3;
	padding: 20px 10px;
}


/******schedule******/

#full_schedule_container{
	padding: 20px;	
}

/****events*****/
.grid_container{
	background: #e1e1e1 url(http://www.ksps.org/images/side_nav_bg.jpg) 0 0 repeat-x;
	margin: 0 30px 20px 10px;
	padding: 10px;
}
.grid_container table{
	background: #fff;
	width: 100%;
	text-align: center;
}

.grid_container table tr.heading{ background: #096a92 }
.grid_container table tr.heading td{ padding: 3px 0; }
.grid_container table tr.heading a{ color: #fff; }

.grid_container table th{ padding: 2px 0; border-bottom: 1px solid #e1e1e1; font-weight: bold; }

.grid_container table td{ padding: 3px; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; }
.grid_container table .weekend{ border-right: 0; }
.grid_container table .left { border-right: 1px solid #e1e1e1; }
.grid_container table .inactive{ color: #7E7E7E; }

.cat_list_container{
	margin: 0 30px 0 10px;
	padding: 0 10px 10px 10px;
}
.cat_list_container ul{ list-style-type: none; }

#events_container h4{ border-bottom: 1px solid #e1e1e1; padding: 0 0 3px 0; margin: 15px 0 5px 0; }
#events_container h3 a{ color: #841b30; }


#events_container .intro{ padding: 0 0 10px 0; }
#events_container .description{ padding: 0 0 10px 0; }
#events_container .event_img{ display: block; float: right; margin: 0 0 10px 10px; }

/*****BLOG*****/

.side_nav .rsslink{ display: block; position: absolute; top: 0; right: 0; }
.side_nav .rsslink img{ display: block; width: 16px; height: 16px; }

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

.blog_entry h2{
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 10px; 	
}
.blog_entry h2 a{ color: #841B30; }
.blog_entry h2 span.timestamp{
	color: #333;
	display: block;
	float: right;
	font-size: 10px;
	padding: 5px 0 0 5px;	
}

.blog_img{ display: block; float: right; margin: 0 0 10px 10px; }

.entryFooter{ background: #E1E1E1; padding: 5px; margin: 5px 0; }

.comment{ background: #E1E1E1; padding: 10px; margin: 10px 0; }

.archive{ padding: 10px 0 0 0; }
.entries{ padding: 0 0 0 15px; }

.expandable, .contractable {
	background-position: 0 center;
	background-repeat: no-repeat;
	cursor: pointer;
	padding: 0 0 0 15px;
}
.expandable { background-image: url('../images/icon_plus.jpg'); }
.contractable { background-image: url('../images/icon_minus.jpg'); }


form#grayForm {
	background-color:#E1E1E1;
	padding:10px 20px 15px 10px;
	position:relative;
	width: 610px;
}
	
form#grayForm input.formfield, form#grayForm textarea {
	border:1px solid #E1E1E1; 
	padding:3px;	
	width:230px; margin:0 0 5px 0;
}
	
form#grayForm textarea {
	width:590px; 
	font-family:arial, helvetica, sans-serif; 
	font-size:12px;
	height:120px;
}
	
#formRight { float:right; position: relative; }

.cmt_save { position:absolute; top:30px; left:300px; }

/*****DONATIONS*****/

#donations_container{
	padding: 20px;
	/*font-size: 11px;*/
	position: relative;
}

.donate_heading{ border-top: 1px solid #e1e1e1; padding-top: 5px; }
.donate_text { }

.donate_form { float: left; width: 370px; }

.donate_form td { padding: 5px; }

.donate_form_question { text-align: left !important; }

#donate_buttons1 {
	/*position: absolute;
	top: 440px;
	left: 25px;*/
	float: left;
	width: 100%;
	/*text-align: center;*/
	padding: 15px;
}
#donate_buttons {
	float: left;
	width: 100%;
	text-align: center;
	padding: 15px;
}

#donate_gifts {
	float: left;
	padding-left: 30px;
	position: relative;
	top: 0;
	right: 0px;
	width: 310px;
}

.gift_tabs{
	width: 310px;
	height: 30px;
	list-style-type: none;
}
.gift_tabs li.one{ margin-right: 1px; }
.gift_tabs li{
	background: url(http://www.ksps.org/images/tab_fade_left.jpg) 0 0 no-repeat;
	height: 30px;
	float: left;
	padding: 0;
}
.gift_tabs li span{
	display: block;
	background: url(http://www.ksps.org/images/tab_fade_right.jpg) top right no-repeat;
		
}
.gift_tabs li a{
	display: block;
	color: #7c7c7c;
	font-style: italic;
	font-size: 15px;
	padding: 6px 8px 5px 8px; outline: none;
}
.gift_tabs li.active{ background: url(http://www.ksps.org/images/tab_gray_left.jpg) 0 0 no-repeat; }
.gift_tabs li.active span{ background: url(http://www.ksps.org/images/tab_gray_right.jpg) top right no-repeat; }
.gift_tabs li.active span a{ color: #fff; font-style: normal;  }

.gift_info{
	background: #e1e1e1 url(http://www.ksps.org/images/tv_bg.jpg) repeat-x 0 0;
	padding: 10px;
}
.gift_content{ background: #fff; padding: 10px; height: 320px;	 }

#gift_notes{ height: 40px; padding-top: 5px; }

.donate_gifts_selected, .donate_gifts_selected:hover, .donate_gifts_selected a {
	color: #ffffff !important;
	background-color: #096a92 !important;
}

#donate_gifts_list {
	position: relative;
	margin-top: 10px;
	width: 100%;
	height: 200px;
	overflow: auto;
	background: #ffffff;
}

.donate_gifts_list {
	position: relative;
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
}

.donate_gifts_list li {
	position: relative;
	height: 40px;
	border-bottom: 1px solid #e1e1e1;
	cursor: pointer;
}

.donate_gifts_list li:hover { background-color: #e1e1e1; }

.donate_gifts_list_title {
	position: absolute;
	left: 5px;
	font-weight: bold;
	overflow: hidden;
	width: 150px;
	height: 3em;
	font-size: 11px;
}

.donate_gifts_list_price {
	position: absolute;
	top: 9px;
	left: 160px;
	text-align: right;
	width: 50px;
}

.donate_gifts_list_check {
	position: absolute;
	top: 12px;
	left: 220px;
	width: 15px;
}

#donate_gifts_search{ }

#gifts_search { width: 145px; }
#gifts_search_price{ width: 80px; }

#gifts_search_submit {
	display: block;
	margin: 3px 0;
}
#outerImageContainer, #imageDataContainer{
	background-color: #e1e1e1;	
}

/**
 * Donation Subtotal
 */
.donate_subtotal {
	border-collapse: collapse;
	width: 100%;
}

#donate_subtotal_total {
	font-weight: bold;
	border-top:  1px solid #000000;
}

#donate_subtotal_total .donate_subtotal_title,
#donate_subtotal_total .donate_subtotal_price {
	border-top: 1px solid;
}
.donate_subtotal_remove {
	display: block;
	width: 16px;
	height: 16px;
	float: left;
	margin-right: 10px;
	background-image: url("../images/remove.jpg");
}
.donate_subtotal_title {
	height: 1.4em;
	overflow: hidden;
	text-align: left;
}
.donate_subtotal_price {
	width: 65px;
	text-align: right;
}


/**
 * Donation Summary
 */
.donate_summary {
	list-style: none;
	margin: 0 !important;
}

.donate_summary li {
	height: 1.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.donate_summary_dark {
	background-color: #eeeeee;
}

.donate_summary_light {
	background-color: #ffffff;
}

.donate_summary_title {
	width: 100%;
	height: 1.5em;
	overflow: hidden;
}

.donate_summary_price {
	width: 100%;
	height:  1.5em;
	text-align: right;
	position: relative;
	bottom: 1.5em;
	overflow: hidden;
}

.donate_summary_total {
	border-top: 2px solid;
	font-weight: bold;
}



.form_error {
	border: 2px solid #ff0000;
	background: #ffaaaa;
	padding: 15px;
	margin: 15px 0;
	color: #000000;
}
.form_error ul{ margin: 0 0 0 15px; }

#cvv_box{ list-style-type: none; position: relative; width: 130px; float: right; }

#cvv_exp{ 
	position: absolute;
	list-style-type: none;
	width: 250px;
	left: -999em;
	display: block;
	border: 1px solid #e1e1e1;
	background: #fff;
	padding: 5px;
	margin: 0;
}

#cvv_box span:hover ul{ left: 25px; top: 0; }
#cvv_box span.sfhover ul{ left: 25px; top: 0; }

#detailsbox { padding: 10px 0; }

#detailsbox ul, #detailsbox ol{ margin: 0 0 0 25px; }

#helpbox {
	text-align: center;
	font-size: 10pt;
	padding: 20px;
	margin-bottom: -1px;
}

#sitemap{ }
#interior_right #sitemap ul{
	 margin: 0px 10px;
	 padding: 5px;
	 width: 100%;
	 list-style-type: disc;
	 background: transparent;
	 border: none; 
}
#interior_right #sitemap ul ul{ list-style-type: square; }
#interior_right #sitemap ul ul ul{ list-style-type: circle; }

#interior_right #sitemap ul li{ 
	background: none;
	padding: 2px 0 2px 5px;	
}

/*****FOOTER*****/
#footer, .push{ height: 110px; }
#footer{
	background: #2c2c2c;
	color: #7e7e7e;
	font-size: 12px;
	padding-top: 25px;
}
#footer a{ color: #2695c2; }
.footer_content{ padding: 0 18px; }
#footer .subtle{ font-size: 11px; }
#footer .subtle a{ color: #7e7e7e; }


/*****GENERAL STYLES*****/
.cleaner{ clear: both; }

.required{ color: #841B30; }
/*.button{
	background: #42a6d8;
	border: 1px solid #096a92;
	padding: 2px 5px;
	margin: 3px 0;
	font-weight: bold;
	color: #fff;
}*/

/*tab headers/features**/
#interior_right .tab, .tab{
	height: 29px;
	margin: 0;
	padding: 0;
	width: auto;
	list-style-type: none;
	border: 0;
	border-bottom: 1px solid #e1e1e1;
	font-size: 16px;
	color: #000;
	background: transparent;
}
#interior_right .tab li, .tab li{
	background: url(http://www.ksps.org/images/tab_lft.jpg) 0 0 no-repeat;
	height: 30px;
	float: left;
	padding: 0;
}
#interior_right .tab li span, .tab li span{ 
	display: block;
	background: url(http://www.ksps.org/images/tab_rt.jpg) top right no-repeat;
	padding: 9px 8px 7px 8px;
}

.features{ padding: 10px 0; margin-bottom: 20px; }
.feature{ 
	width: 204px; 
	float: left;
	padding: 0 10px;
	background: url(http://www.ksps.org/images/feature_shadow.jpg) 0 130px no-repeat;
}
.feature img{ margin-bottom: 10px; }
.feature h2, .feature h3, .feature h4, .feature h5, .feature .h6{ color: #176e92; }

#interior_right .feature{ padding: 0 10px 0 0; }
#interior_right .feature_last{ padding: 0; }

div.message {
	padding: 1em 1em 1em 45px;
	margin: 0 0 1em 0;
	background: #e7e7e7 url(http://www.ksps.org/images/icons/tango/applications-system.png) no-repeat;
	background-position: 10px center;
	border: 2px solid #aaa;
	border-width: 2px 0;
}

.message p {
	margin: 0 1em 0 0;
}
.message ul{
	margin: 0 1em 0 1.5em;	
}

div.error {
	border-color: #f00;	
	background-color: #fcc;
	background-image: url(http://www.ksps.org/images/icons/sc_cancel_24.gif);
}

div.success{
	border-color: #0c0;
	background-color: #cfc;
	background-image: url(http://www.ksps.org/images/icons/sc_confirm_24.gif);
}

div.warning{
	border-color: #F50;
	background-color: #FFB;
	background-image: url(http://www.ksps.org/images/icons/tango/emblem-important.png);
}