@charset "UTF-8";
/* CSS Document */

/* This website was created by Kristin Centanni, Suzi Switzer and Lindley Shedd */

/*purple stitching background*/
.page { width: 1000px;
        height: 700px;
		position: relative;
		padding-top: 5px;
		padding-right: 5px; 
		padding-bottom: 5px;
		padding-left: 5px;
	    background-image: url(images/background_notext.jpg);
		/*border: 2px solid #9933FF;*/
		margin: auto;
		z-index: 25;
}
/*purple stitching background for Comments page -longer than rest*/
.pageCOM { width: 1000px;
        height: 900px;
		position: relative;
		padding-top: 5px;
		padding-right: 5px; 
		padding-bottom: 5px;
		padding-left: 5px;
	    background-image: url(images/background_notext.jpg);
		/*border: 2px solid #9933FF;*/
		margin: auto;
		z-index: 25;
}

/*floating KL name*/
.name {  top: 20px;
           left: 52px;
                position: absolute;
}

/*allows for larger line spacing on home page*/
.linespace {line-height:1.8;
}


/*Main maroon headings for all pages*/
.headings { color: #990033;
	font-family:verdana, arial, helvetica, sans-serif;
            font-weight: bold;
			font-size: 16px;
}


/*Subheadings on all pages - articles*/
.headings2 { color: black;
	font-family:verdana, arial, helvetica, sans-serif;
            font-weight: bold;
			font-size: 14px;
}

/*misc alignment tags*/
.boldcen {color: black;
	  font-weight: bold;
	  text-align: center;
	  font-size: 16px;}
	  

.left {text-align: left; 
		left: 20px;
		}

.bkright {text-align: right; line-height:1.2; 
	  }

.right {text-align: right; line-height:.9; 
	  }

.itl {font-style:italic;}

/*these link attributes will affect anything on the page except the navigation*/
a:link {text-decoration: none; font-size:13px;
	font-family:verdana, arial, helvetica, sans-serif; color:#07a;}
a:visited {color:#07a; font-size:13px; text-decoration: none;}
a:hover {text-decoration: underline;}


/*these link attributes affect only the navigation*/
a.nav:link {color:#000000; text-decoration: none; font-weight: bold; font-size: 11.5px;}
a.nav:visited {color:#000000; text-decoration: none; font-size:11.5px;}
a.nav:hover {font-size:11.5px; text-decoration: underline;} 

a:link IMG, a:visited IMG, a:hover IMG { border-style: none; }    

#reviews {margin-left: 15px;
		}

ul {margin: 0;
     padding: 0;
     list-style: none;
    } 

li {float: left;
     position: relative;
     width:auto;
    } 

li ul {display: none;
        position: absolute;
        top: 1em;
        left: 1px;
       } 

ul {top: auto;
     left: auto
    } 

/* Styles for Menu Items */
ul li a {display: block;
           font-size: 11px;
           text-decoration: none;
		   font-weight:bold;
		   font-family:verdana, arial, helvetica, sans-serif;
           color: #000000;
           background:	none; /* IE6 Bug */ 
           padding: 1px;
           border-width: 1px; /* The border properties fix an IE6 Bug */
		   border-style: hidden;
           border-color: #ff0000; /*IE Bug */
           border-bottom: 1px;
          } 

li:hover ul, li.over ul { display: block } /* The magic */ 


/*Blocks create the horizontal stripe behind text on each page*/
#block { position: relative;
                 opacity:0.5;
                 filter:alpha(opacity=50)
         		 top: 0px;
                 left: 580px;
                 width: 380px;
                 height: 700px;
                 background-image: url(images/cream.jpg);
                 border: 1px ;
                 z-index: 40;
				 }
/*Blocks for nav*/
#blockCOMNAV { position: relative;
                 opacity:0.5;
                 filter:alpha(opacity=50)
         top: 0px;
                 left: 580px;
                 width: 380px;
                 height: 900px;
                 background-image: url(images/cream.jpg);
                 border: 1px ;
                 z-index: 40;
				 }
				 


#nav { position: absolute;
       top: 20px;
	   left: 590px; 
	   z-index: 45;
	   color: black;
}

#block2 { position: absolute;
          top: 125px;
		  left: 0px;
		  width: 1010px;
		  height: 600px;
		  background-image: url(images/cream.jpg);
		 /* border-top: 3px solid #990033;
		  border-bottom: 3px solid #990033;*/
		  z-index: 50;
}


/*Block for book page*/
#blockBOOK { position: absolute; 
          top: 125px;
                  left: 0px;
                  width: 1010px;
                  height: 760px;
                  background-image: url(images/cream.jpg);
                 /* border-top: 3px solid #990033;
                  border-bottom: 3px solid #990033;*/
                  z-index: 50;
}


/*Block for home page*/
#blockHOM { position: absolute;
          top: 125px;
                  left: 0px;
                  width: 1010px;
                  height: 425px;
                  background-image: url(images/cream.jpg);
                /*  border-top: 3px solid #990033;
                  border-bottom: 3px solid #990033; */
                  z-index: 50;
}


/*Block for events page*/
#blockEVE { position: absolute;
          top: 125px;
                  left: 0px;
                  width: 1010px;
                  height: 480px;
                  background-image: url(images/cream.jpg);
                  /*border-top: 3px solid #990033;
                  border-bottom: 3px solid #990033; */
                  z-index: 50;
}


/*Block for comments page*/
#blockCOM { position: absolute;
          top: 125px;
                  left: 0px;
                  width: 1010px;
                  height: 740px;
                  background-image: url(images/cream.jpg);
                 /* border-top: 3px solid #990033;
                  border-bottom: 3px solid #990033; */
                  z-index: 50;
}


/*Block for about page*/
#blockABOUT { position: absolute;
          top: 125px;
                  left: 0px;
                  width: 1010px;
                  height: 500px;
                  background-image: url(images/cream.jpg);
				  background-color:#FFFFCC;
                 /* border-top: 3px solid #990033;
                  border-bottom: 3px solid #990033; */
                  z-index: 50; 
}

/*Block for contact page*/
#blockCONTACT { position: absolute;
          top: 125px;
                  left: 0px;
                  width: 1010px;
                  height: 510px;
                  background-image: url(images/cream.jpg);
                                  background-color:#FFFFCC;
               /*   border-top: 3px solid #990033;
                  border-bottom: 3px solid #990033; */
                  z-index: 50;
}

/*Block for contact php (the code is in here!) page*/
#blockCONTACTPHP { position: absolute;
          top: 125px;
                  left: 0px;
                  width: 1010px;
                  height: 400px;
                  background-image: url(images/cream.jpg);
                                  background-color:#FFFFCC;
                 /* border-top: 3px solid #990033;
                  border-bottom: 3px solid #990033; */
                  z-index: 50;
}


/*Block for links page*/
#blockLINKS { position: absolute;
          top: 125px;
                  left: 0px;
                  width: 1010px;
                  height: 500px;
                  background-image: url(images/cream.jpg);
                /*  border-top: 3px solid #990033;   
                  border-bottom: 3px solid #990033; */
                  z-index: 50;
}   


      
/*left column rules for most pages*/		
#content1 { position: absolute;
			top: 25px;
			left: 55px;
     			font-family:verdana, arial, helvetica, sans-serif;
			font-size: 13px;
			text-align: center;			
			color: black;
			z-index: 55;
}

/*left column rules for Comment page*/	
#contentCOM1 { position: absolute;
			top: 25px;
			left: 15px;
     			font-family:verdana, arial, helvetica, sans-serif;
			font-size: 13px;
			text-align: center;			
			color: black;
			z-index: 55;
}

/*left column rules for Articles page*/	
#contentART1 { position: absolute;
			top: 25px;
			left: 20px;
     			font-family:verdana, arial, helvetica, sans-serif;
			font-size: 13px;
			text-align: center;			
			color: black;
			z-index: 55;
}


/*left column rules for Links page*/	
#contentLINK1 { position: absolute;
			top: 25px;
			left: 40px;
     		font-family:verdana, arial, helvetica, sans-serif;
			font-size: 13px;
			text-align: center;			
			color: black;
			z-index: 55;
}

/*left column rules for Events page*/	
#contentEVE1 { position: absolute;
			top: 25px;
			left: 30px;
     			font-family:verdana, arial, helvetica, sans-serif;
			font-size: 13px;
			text-align: center;			
			color: black;
			z-index: 55;
}

/*left column rules for Book page*/			  
#content1Book { position: absolute;
			top: 25px;
			left: 20px;
			width: 265px;
     			font-family:verdana, arial, helvetica, sans-serif;
			font-size: 12px;
			text-align: center;			
			color: black;
			z-index: 55;
}

/*right column rules for most pages*/	
#content2 { position: absolute;
            text-align: justify;
			top: 10px;
			left: 280px;
			width: 370px;
			font-family:verdana, arial, helvetica, sans-serif;
			font-size: 13px;
			color: black;
			z-index: 60;
}

/*right column rules for book page*/
#content2Book { position: absolute;
            text-align: justify;
			top: 10px;
			left: 290px;
			width: 400px;
			font-family:verdana, arial, helvetica, sans-serif;
			font-size: 12px;
			color: black;
			z-index: 60;
}

/*Rules for KL Copyright at bottom middle*/
#contentCOPY { position: absolute;
            text-align: center;
			bottom: 10px;
			left: 280px;
			width: 370px;
			font-family:verdana, arial, helvetica, sans-serif;
			font-size: 11px;
			color: black;
			z-index: 30; 
}

/*far right column rules for book page*/
#content3 { position: absolute;
     		font-family:verdana, arial, helvetica, sans-serif;
		font-size: 12px;
		text-align: center;
            	width: 225px;
			top: 10px;
			left: 725px;
}

/*main content rules for Home page - used for other pages too*/
#contentHOM { position: absolute;
            text-align: justify;
			            top: 10px;
                        left: 350px; 
                        width: 600px;
	     		font-family:verdana, arial, helvetica, sans-serif;
                        font-size: 13px;
                        color: black;
                        z-index: 60; 
}

/*main content rules for Comments page*/
#contentCOM { position: absolute;
            text-align: justify;
			line-height:1;
			            top: 10px;
                        left: 390px; 
                        width: 570px;
	     		font-family:verdana, arial, helvetica, sans-serif;
                        font-size: 13px;
                        color: black;
                        z-index: 60; 
}


/*Allows images to float on page*/				
.imagefloat1 { float: left;
               padding-left: 10px; }

.imagefloat2 { float: right;
               padding-right: 10px; }  
               
/*borders the award information on homepage*/               
/*.double_border {border-style: double;
	border-color:black;
	border-width: 3px;
	padding: 10px 15px 10px 15px;
}*/

/*makes the heading foraward information slightly smaller*/
.headings_small { color: #990033;
	font-family:verdana, arial, helvetica, sans-serif;
            font-weight: bold;
			font-size: 14px;
	text-align:center;
}

/*Block for award page*/
#blockAWARD { position: absolute;
          top: 125px;
                  left: 0px;
                  width: 1010px;
                  height: 350px;
                  background-image: url(images/cream.jpg);
                /*  border-top: 3px solid #990033;
                  border-bottom: 3px solid #990033; */
                  z-index: 50;
}

               
.double_border {border-style: double;
	border-color:black;
	border-width: 3px;
	padding: 10px 15px 10px 15px;
	margin-left: 50px;
	margin-right: 50px;
}

.black_link {text-align: center;
}

a.black_link:link {color:black; text-decoration: none; font-weight: bold;}
a.black_link:visited {color:black; text-decoration: none; font-weight:bold;}
a.black_link:hover {color:black; text-decoration: underline; font-weight:bold;}