/* PRIMARY STYLESHEET, CONTAINS STRUCTURAL, LAYOUT AND GENERAL INFO  */

@import url(menu_styles.css);
@import url(type_styles.css);
@import url(form_styles.css);
@import url(wk_menu_styles.css);


/* STRUCTURAL CSS */

* {padding:0; margin:0;} 

html, body
{ 
margin: 0; 
padding: 0; 
border: 0;
line-height:125%;
} 

body 
{
font:100.1% Arial, Helvetica, sans-serif;
background:#212A6B url(../imgs/sky_bkg.jpg) top left no-repeat;
}

img
{
behavior: url(iepngfix.htc); 
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#wrapper { 
float: left; 
width: 955px; 
}

/* #header CONTAINS FLASH */

#header 
{
float:left;
margin:0; 
padding:0;
width:955px;
height:235px
}

#main { 
float: left; 
width: 955px; 
padding-bottom:20px;
}

/* USED FOR KCBRIDGE PAGE, centers content, allows header, left and right cols to be stripped out */

#mainbridge { 
padding-bottom:20px;
text-align:center;
}

/* LEFT COLUMN - HOLDS NAV */

#left 
{
float:left;
margin:0; 
padding:5px 10px 0 10px;
width:170px;
}

/* CENTER COLUMN - CONTENT AREA */

#middle 
{
margin:0 180px 0 150px;
padding:0;
}

#middle_content
{
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:5px;
padding:0;
width:500px;
}

/* HOME PAGE MIDDLE COLUMN LAYOUT */

#picmenu
{
float:left;
width:158px;
height:320px;
margin:0 7px 0 0;
padding:0;
display:inline;
overflow:hidden;
}

/* HOME PAGE MIDDLE COLUMN ROLLOVERS */


/* MONDAY */

#picmenu .mondays a, #picmenu .mondays a:link {
   background: url(../imgs/musicmondays.gif) 0 0 no-repeat;
   width:150px;
   height:151px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .mondays a:hover {
   background-position: -150px 0;
   }
   
#picmenu .mondays a:active {
   background-position: 0 0;
}

/* TUESDAY */

#picmenu .tuesdays a, #picmenu .tuesdays a:link {
   background: url(../imgs/tuesdays.gif) 0 0 no-repeat;
   width:150px;
   height:151px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .tuesdays a:hover {
   background-position: -150px 0;
   }
   
#picmenu .tuesdays a:active {
   background-position: 0 0;
}

/* TUESDAY BLANK */

#picmenu .tuesdays1 a, #picmenu .tuesdays1 a:link {
   background: url(../imgs/tuesdays1.gif) 0 0 no-repeat;
   width:150px;
   height:151px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .tuesdays1 a:hover {
   background-position: -150px 0;
   }
   
#picmenu .tuesdays1 a:active {
   background-position: 0 0;
}
/* WEDNESDAY - BOOKMOBILE */

#picmenu .bookmobile a, #picmenu .bookmobile a:link {
   background: url(../imgs/bookmobile1.gif) 0 0 no-repeat;
   width:150px;
   height:151px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .bookmobile a:hover {
   background-position: -150px 0;
   }
   
#picmenu .bookmobile a:active {
   background-position: 0 0;
}

/* WEDNESDAY - NATURE */

#picmenu .nature a, #picmenu .nature a:link {
   background: url(../imgs/nature.gif) 0 0 no-repeat;
   width:150px;
   height:151px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .nature a:hover {
   background-position: -150px 0;
   }
   
#picmenu .nature a:active {
   background-position: 0 0;
}


/* WEDNESDAY - NATURE w/o day */

#picmenu .nature2 a, #picmenu .nature2 a:link {
   background: url(../imgs/web_nature_nowed.gif) 0 0 no-repeat;
   width:150px;
   height:151px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .nature2 a:hover {
   background-position: -150px 0;
   }
   
#picmenu .nature2 a:active {
   background-position: 0 0;
}

/* WEDNESDAY - ON STAGE */

#picmenu .stage a, #picmenu .stage a:link {
   background: url(../imgs/stage.gif) 0 0 no-repeat;
   width:150px;
   height:151px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .stage a:hover {
   background-position: -150px 0;
   }
   
#picmenu .stage a:active {
   background-position: 0 0;
}

/* WEDNESDAY - KITCHEN */

#picmenu .kitchen a, #picmenu .kitchen a:link {
   background: url(../imgs/kitchen.gif) 0 0 no-repeat;
   width:150px;
   height:151px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .kitchen a:hover {
   background-position: -150px 0;
   }
   
#picmenu .kitchen a:active {
   background-position: 0 0;
}

/* WEDNESDAY - FLASHBACK */

#picmenu .flashback a, #picmenu .flashback a:link {
   background: url(../imgs/wildcard_center.gif) 0 0 no-repeat;
   width:150px;
   height:151px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .flashback a:hover {
   background-position: -150px 0;
   }
   
#picmenu .flashback a:active {
   background-position: 0 0;
}


/* THURSDAYS */

#picmenu .thursdays a, #picmenu .thursdays a:link {
   background: url(../imgs/thursdays.gif) 0 0 no-repeat;
   width:150px;
   height:150px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .thursdays a:hover {
   background-position: -150px 0;
   }
   
#picmenu .thursdays a:active {
   background-position: 0 0;
}


/* MEDIA ROOM */

#picmenu .mediaroom a, #picmenu .mediaroom a:link {
   background: url(../imgs/mediaroom.gif) 0 0 no-repeat;
   width:150px;
   height:315px;
   padding:0;
   margin:0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .mediaroom a:hover {
   background-position: -150px 0;
   }
   
#picmenu .mediaroom a:active {
   background-position: 0 0;
}

/* MOVIES */

#picmenu .movies a, #picmenu .movies a:link {
   background: url(../imgs/movies.gif) 0 0 no-repeat;
   width:150px;
   height:150px;
   padding:0;
   margin:0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .movies a:hover {
   background-position: -150px 0;
   }
   
#picmenu .movies a:active {
   background-position: 0 0;
}

#picmenu .heart a, #picmenu .heart a:link {
   background: url(../imgs/heartroll.gif) 0 0 no-repeat;
   width:150px;
   height:150px;
   padding:0;
   margin:0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .heart a:hover {
   background-position: -150px 0;
   }
   
#picmenu .heart a:active {
   background-position: 0 0;
}


/* MURAL ARTS */

#picmenu .mural a, #picmenu .mural a:link {
   background: url(../imgs/arts365_center.gif) 0 0 no-repeat;
   width:150px;
   height:150px;
   padding:0;
   margin:0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .mural a:hover {
   background-position: -150px 0;
   }
   
#picmenu .mural a:active {
   background-position: 0 0;
}

/* POP QUIZ */

#picmenu .popquiz a, #picmenu .popquiz a:link {
   background: url(../imgs/popquiz_center.gif) 0 0 no-repeat;
   width:150px;
   height:150px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .popquiz a:hover {
   background-position: -150px 0;
   }
   
#picmenu .popquiz a:active {
   background-position: 0 0;
}




/* PRIZE BOX */

#picmenu .prize a, #picmenu .prize a:link {
   background: url(../imgs/prizebox_center.gif) 0 0 no-repeat;
   width:150px;
   height:150px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .prize a:hover {
   background-position: -150px 0;
   }
   
#picmenu .prize a:active {
   background-position: 0 0;
}

/* STUMP-O-RAMA */

#picmenu .stump a, #picmenu .stump a:link {
   background: url(../imgs/stump_center.gif) 0 0 no-repeat;
   width:150px;
   height:150px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .stump a:hover {
   background-position: -150px 0;
   }
   
#picmenu .stump a:active {
   background-position: 0 0;
}


/* SPECIAL OCCASIONS, EVENTS */

/* ANNIVERSARY CD */

#picmenu .cd a, #picmenu .cd a:link {
   background: url(../imgs/kcmusic_center.gif) 0 0 no-repeat;
   width:150px;
   height:150px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .cd a:hover {
   background-position: -150px 0;
   }
   
#picmenu .cd a:active {
   background-position: 0 0;
}

/* BEST OF */

#picmenu .bestof a, #picmenu .bestof a:link {
   background: url(../imgs/bestof.gif) 0 0 no-repeat;
   width:150px;
   height:150px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .bestof a:hover {
   background-position: -150px 0;
   }
   
#picmenu .bestof a:active {
   background-position: 0 0;
}


/* BEST OF  - Mon */

#picmenu .bestofmon a, #picmenu .bestofmon a:link {
   background: url(../imgs/bestof_mon.gif) 0 0 no-repeat;
   width:150px;
   height:150px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .bestofmon a:hover {
   background-position: -150px 0;
   }
   
#picmenu .bestofmon a:active {
   background-position: 0 0;
}


/* BEST OF  - Tues */

#picmenu .bestoftues a, #picmenu .bestoftues a:link {
   background: url(../imgs/bestof_tues.gif) 0 0 no-repeat;
   width:150px;
   height:150px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .bestoftues a:hover {
   background-position: -150px 0;
   }
   
#picmenu .bestoftues a:active {
   background-position: 0 0;
}


/* BEST OF  - Wed */

#picmenu .bestofwed a, #picmenu .bestofwed a:link {
   background: url(../imgs/bestof_wed.gif) 0 0 no-repeat;
   width:150px;
   height:150px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .bestofwed a:hover {
   background-position: -150px 0;
   }
   
#picmenu .bestofwed a:active {
   background-position: 0 0;
}


/* BEST OF  - Thurs */

#picmenu .bestofthurs a, #picmenu .bestofthurs a:link {
   background: url(../imgs/bestof_thurs.gif) 0 0 no-repeat;
   width:150px;
   height:150px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .bestofthurs a:hover {
   background-position: -150px 0;
   }
   
#picmenu .bestofthurs a:active {
   background-position: 0 0;
}

/* BIRTHDAY BUNCH */

#picmenu .bunch a, #picmenu .bunch a:link {
   background: url(../imgs/birthdaybunch_center.gif) 0 0 no-repeat;
   width:150px;
   height:150px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .bunch a:hover {
   background-position: -150px 0;
   }
   
#picmenu .bunch a:active {
   background-position: 0 0;
}

/* CANDY CARNIVAL */

#picmenu .candy a, #picmenu .candy a:link {
   background: url(../imgs/candycarnival_center.gif) 0 0 no-repeat;
   width:150px;
   height:150px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .candy a:hover {
   background-position: -150px 0;
   }
   
#picmenu .candy a:active {
   background-position: 0 0;
}

/* CALENDAR */

#picmenu .calendar a, #picmenu .calendar a:link {
   background: url(../imgs/calendar_center.gif) 0 0 no-repeat;
   width:150px;
   height:150px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .calendar a:hover {
   background-position: -150px 0;
   }
   
#picmenu .calendar a:active {
   background-position: 0 0;
}

/* FESTIVAL */

#picmenu .fest a, #picmenu .fest a:link {
   background: url(../imgs/fest10_center.gif) 0 0 no-repeat;
   width:150px;
   height:150px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .fest a:hover {
   background-position: -150px 0;
   }
   
#picmenu .fest a:active {
   background-position: 0 0;
}

/* JOKE */

#picmenu .joke a, #picmenu .joke a:link {
   background: url(../imgs/joke_center.gif) 0 0 no-repeat;
   width:150px;
   height:150px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .joke a:hover {
   background-position: -150px 0;
   }
   
#picmenu .joke a:active {
   background-position: 0 0;
}

/* MEN IN HISTORY */

#picmenu .men a, #picmenu .men a:link {
   background: url(../imgs/men_center.gif) 0 0 no-repeat;
   width:150px;
   height:150px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .men a:hover {
   background-position: -150px 0;
   }
   
#picmenu .men a:active {
   background-position: 0 0;
}

/* PLEDGE DRIVE */

#picmenu .pledge a, #picmenu .pledge a:link {
   background: url(../imgs/pledge_center.gif) 0 0 no-repeat;
   width:150px;
   height:150px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .pledge a:hover {
   background-position: -150px 0;
   }
   
#picmenu .pledge a:active {
   background-position: 0 0;
}

/* PRE-EMPTED SHOW */

#picmenu .preempt a, #picmenu .preempt a:link {
   background: url(../imgs/preempted_center.gif) 0 0 no-repeat;
   width:150px;
   height:150px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .preempt a:hover {
   background-position: -150px 0;
   }
   
#picmenu .preempt a:active {
   background-position: 0 0;
}

/* STAR PARTY */

#picmenu .starry a, #picmenu .starry a:link {
   background: url(../imgs/starparty_center.gif) 0 0 no-repeat;
   width:150px;
   height:150px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .starry a:hover {
   background-position: -150px 0;
   }
   
#picmenu .starry a:active {
   background-position: 0 0;
}


/* TEACHER OF THE WEEK */

#picmenu .teach a, #picmenu .teach a:link {
   background: url(../imgs/teacheroftheweek_center.gif) 0 0 no-repeat;
   width:150px;
   height:150px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .teach a:hover {
   background-position: -150px 0;
   }
   
#picmenu .teach a:active {
   background-position: 0 0;
}

/* TOP 5 */

#picmenu .top5 a, #picmenu .top5 a:link {
   background: url(../imgs/top5_ctr.gif) 0 0 no-repeat;
   width:150px;
   height:150px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .top5 a:hover {
   background-position: -150px 0;
   }
   
#picmenu .top5 a:active {
   background-position: 0 0;
}

/* WOMEN'S HISTORY */

#picmenu .women a, #picmenu .women a:link {
   background: url(../imgs/women_center.gif) 0 0 no-repeat;
   width:150px;
   height:150px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .women a:hover {
   background-position: -150px 0;
   }
   
#picmenu .women a:active {
   background-position: 0 0;
}


/* IT'S YOUR WORLD */


#picmenu .world a, #picmenu .world a:link {
   background: url(../imgs/world_center.gif) 0 0 no-repeat;
   width:150px;
   height:150px;
   padding:0;
   margin:0 0 11px 0;
   display:block;
   overflow:hidden;
   }
   
#picmenu .world a:hover {
   background-position: -150px 0;
   }
   
#picmenu .world a:active {
   background-position: 0 0;
}

/* RIGHT COLUMN */

#right 
{
float:right;
width:180px;
margin:0; 
padding:5px 15px 0 10px;
}

.rccorners
{
width:180px;
display:block;
}

.rccorners *
{
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#fc3;
}

.rccorners1
{
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #fc3;
border-right:1px solid #fc3;
background:#fc3;
}

.rccorners2
{
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #fc3;
border-right:1px solid #fc3;
background:#fc3;
}

.rccorners3
{
margin-left:1px;
margin-right:1px;
border-left:1px solid #fc3;
border-right:1px solid #fc3;
}

.rccorners4
{
border-left:1px solid #fc3;
border-right:1px solid #fc3;
}

.rccorners5
{
border-left:1px solid #fc3;
border-right:1px solid #fc3;
}

.rccontent 
{
background:#fc3;
width:170px;
margin:0; 
padding:5px;
}

.adcol_cont
{
margin-bottom:10px;
}

/* FOOTER */

#footer { 
float: left; 
height: 4em; 
width: 100%; 
background:#3D3991;
margin:0;
padding:0;
}

#footer p
{
padding: 10px 0 5px 0;
margin:0;
font:60% Verdana, Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
line-height:135%
}

#footer a, #footer a:link, #footer a:visited
{
font-weight:bold;
color:#ffffff;
text-decoration:none;

}

#footer a:hover
{
text-decoration:underline;
}


/* INTERNAL CONTENT */

#middle_content_internal

{
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:5px;
padding:0;
width:500px;
}

.intcorners
{
width:500px;
display:block;
}

.intcorners *
{
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#fff;
}

.intcorners1
{
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #fff;
border-right:1px solid #fff;
background:#fff;
}

.intcorners2
{
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #fff;
border-right:1px solid #fff;
background:#fff;
}

.intcorners3
{
margin-left:1px;
margin-right:1px;
border-left:1px solid #fff;
border-right:1px solid #fff;
}

.intcorners4
{
border-left:1px solid #fff;
border-right:1px solid #fff;
}

.intcorners5
{
border-left:1px solid #fff;
border-right:1px solid #fff;
}

.intcontent 
{
background:url(../imgs/trans_bkg.png) top left repeat;
text-align:center;
border-left:4px #fff solid;
border-right:4px #fff solid;
margin:0; 
padding:0;
width:492px;
}


#intcontent_structure

{
width:470px;
text-align:left;
padding:5px;
}

#intcontent_top, #intcontent_bottom
{
width:492px;
height:70px;
margin:0 auto 0 auto;
padding:0;
}

/* INTERNAL TEMPLATE - BOOKS/SCHOOL/ETC. - THEMED TEMPLATE */

.bookstop, .booksbottom
{
background: url(../imgs/book_pattern.gif) no-repeat;
}

.bookstop
{
background-position: top center;
}

.booksbottom
{
background-position: bottom center;
}

/* INTERNAL TEMPLATE - MUSIC/PERFORMANCE - THEMED TEMPLATE */

.musictop, .musicbottom
{
background: url(../imgs/music_pattern.gif) no-repeat;
}

.musictop
{
background-position:top center;
}

.musicbottom
{
background-position:bottom center;
}

/* INTERNAL TEMPLATE - SCIENCE/NATURE/ETC. - THEMED TEMPLATE */

.scitop, .scibottom
{
background: url(../imgs/science_pattern.gif) no-repeat;
}

.scitop
{
background-position:top center;
}

.scibottom
{
background-position:bottom center;
}

/* INTERNAL TEMPLATE - FOOD/COOKING - THEMED TEMPLATE */

.foodtop, .foodbottom
{
background: url(../imgs/food_pattern.gif) no-repeat;
}

.foodtop
{
background-position: top center;
}

.foodbottom
{
background-position: bottom center;
}


/* INTERNAL TEMPLATE - ANIMALS - THEMED TEMPLATE */

.meowtop, .meowbottom
{
background: url(../imgs/pet_pattern.gif) no-repeat;
}

.meowtop
{
background-position: top center;
}

.meowbottom
{
background-position: bottom center;
}

/* INTERNAL TEMPLATE - ARTS/ETC. - THEMED TEMPLATE */

.artstop, .artsbottom
{
background: url(../imgs/arts_pattern.gif) no-repeat;
}

.artstop
{
background-position:top center;
}

.artsbottom
{
background-position:bottom center;
}

/* INTERNAL TEMPLATE - MISC - THEMED TEMPLATE */

.misctop, .miscbottom
{
background: url(../imgs/misc_pattern.gif) no-repeat;
}

.misctop
{
background-position:top center;
}

.miscbottom
{
background-position:bottom center;
}

.print
{
float:right;
width:32px;
height:32px;
margin:5px;
border:0;
}





