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

	body{
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/jameslyngbg.gif);
	background-repeat: repeat-x;
	margin:0;
	padding:0;
	color:#000;
	}

#banner{
	background-image:url(../images/james_lyngbanner.jpg);
	background-repeat: no-repeat;
	width:955px;
	height:150px;
	margin-bottom:-70px;	
		}
		
	
#flash{
	height:150px;
	width:955px;
	background-color:#581218;
	margin-top:0px;
	color:#000000;
	float:left;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000; 
}		
		
		
#wrapper{
		width:955px;
		height:auto;
		margin:0 auto;
		background-color:#fff;		
		margin-top:-10px;		
				}
		

/*************************************Footer***************************************/		
#footer{
	    clear:both;
	    border:1px white;
	    background-image:url(../images/footer.gif);
	    background-repeat: no-repeat;
	    font-size:9px;
	    text-align:center;
	    height:60px;
	    width:955px; 
	    background-color:#fff;
	    color:#581218;
	    line-height:1.5em;}		
				
#navfooter{
	       margin:0 auto;
	       font-size:12px;
	       color:#FFFFFF;
	       font-weight:normal;
	       padding:5px;
	       background-color:#581218;
	       height:30px;
	       /*width:935px;*/}

#navfooter a {
               text-decoration:none;
		       color:#FFFFFF;}


#navfooter a:hover{
	text-decoration: underline;
	}


	img{
		border:0px;

}


/***************************************************End of footer******************************************/




/**********************************************************Menu Bar****************************************/

#topmenu {
	margin-left:0px;
	width:955px;
	background:url(../images/jameslynnav_02.gif) repeat-x 20px;
	clear:both;
	height:35px;
    
}
	
	
	#topmenu ul li
{
list-style-type: none;
padding: 0;
margin:0px;
display: block;
float: left;
background:url(../images/jameslynnav_02.gif) repeat-x 30px;
font: 11px "Lucida Grande", verdana, sans-serif;
text-align: center;
border: 1px solid #7c000a;
height:33px;
}



#topmenu a
{
	color: #fff;
	text-decoration: none;
	display: block;
	width: 80px;
	padding-top:7px;
	height:25px;
	margin-left:-2px;
	
}



#topmenu a:hover {  
                   color:#000;
				 font-weight:normal;		
						}
					


#topmenu a.last{
	border-right-style: none;	
		
	}

#topmenu a.first{
	border-left-style: none;	
		
	}


/**********************************************************Menu End*********************************/

 .content_1{
	        width:700px;
	        height:auto;}
	
 #content2{
             color:#000000;
             font-size:14px;
             padding:20px;
             margin-left:50px;
             width:800px;
             height:auto;
             text-align:justify;}



#content{
       top:0px;
       width:900px;
       height:auto;
       margin-left:0px;
       padding:20px;}	





#affiliates{
           margin-top:40px;
           width:150px;
           height:auto;
           float:right;
           clear:both;}

#about{
	 width:670px;
	 height:auto;
	 text-align:justify;
	 color:#000000;
	 font-size:12px;
	 padding-top:20px;
	 padding-right: 20px;
	 padding-bottom: 20px;
	 padding-left: 10px;
     font-size:14px;
     margin-left:20px;}


#important{
		   width:670px;
	       height:auto;
	       margin-left:30px;}


#important a {
              text-decoration:none;
              color:#fff;
              text-align:left;
              padding:5px;
              font-size:12px;
              }


#important a:hover{
		        text-decoration: underline; 
	
	} 



div.content_1  {
overflow:hidden;
}

.classes{
	width:320px;
	float:left;
	clear:both;
	background-color: #885157;
	color:#fff;
	font-weight:bold;
		}

.classes a:link{text-decoration:underline;	
	     }


.classes p {
	font-size:12px;
	padding-left:10px;	
	}

#important h5{
	background-color: #783B42;
	height:20px;
	color:#fff;
	padding:10px;
	margin-top:0px;
	}



hr{
	color: #580D15;	
	height:1px;
	}


div#important  {
overflow:hidden;

}

img{border:0px;}


.important_dates{
		width:320px;
	   	height:200px;
		color:#903;
		font-weight:bold;
	    float:right;
		background-color: #885157;
		}	
	

 .important_dates p{
	 color:#fff;
	 font-size:12px;
	 list-style:none;
	 font-weight:normal;
	 padding-left:10px;
	 }




.bottom{
	clear:both;
	margin:10px 0 0 0;
	overflow:hidden;		
	
		}


.left_information{
	float:left;
	clear:both;
	width:320px;
	height:auto;
	color:#fff;
	font-size:12px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FFF;	
	}

.right_information{
	float:right;
	text-align:left;
	width:320px;
	height:auto;
	color:#fff;
	font-size:12px;

	
	}



.info{
 background-color: #885157;
border-top-width: thin;
border-top-style: solid;
border-top-color: #FFF;		
margin:0 0 -5px -10px;		
padding:10px ;			
		}


.right-info{
 background-color: #885157;
border-top-width: thin;
border-top-style: solid;
border-top-color: #FFF;		
margin:0 0 -5px;			
padding:10px ;		
	
	     }



#flash_2{float:right;
         border-top-width: thin;
	     border-top-style: solid;
	     border-top-color: #330000;


}

#schoolcrest{
	float:left;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #330000;
	 
}




#schoolinformation {
	             width:680px;
	             height:auto;
	             text-align:center;
		         margin:0 auto;
		}
	
	

	
	
	
.td1{
	border-top-width: thin;
	border-right-width: thin;
	border-top-style: dotted;
	border-right-style: dotted;
	border-top-color: #900;
	border-right-color: #900;
}	
.td2{
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #900;
}

.td_2{
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #900;
}

.td3{
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #900;
}
#content_3{
	color:#000;
	font-size:14px;
	text-align:justify;
	padding-top:10px;
	width:800px;	
	height:auto;	
   	margin-left:100px;		
			}
		
#content_3 a{
	text-decoration:none;
	width: 70px;
	color: #990033;
		}		
		
		
		

.moreinfo{
	width:auto;
	height:auto;
	text-align:justify;
	color:#000000;
		}	
		
#credits td{
	width:200px;
	text-align:center;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #581218;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #581218;	
	padding:5px;
	
	}
	
#credits th{
		text-align:center;
	}	
	
	
	
	.lastinfo{
		 font-size:9px;
		}


#sampleletter{
	background-color:#581218;
	height:auto;
	width:auto;
	color:#FFFFFF;
	font-style: italic;
    padding:20px;
    font-weight:bold;
}


#credits td.course_info{
	text-align:left;
	padding-left:10px;
	}

#schedule td{

    width:200px;
	text-align:justify;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #581218;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #581218;	
	padding:5px;
    font-weight:bold;
}


#content_4{
	width:800px;
	height:500px;
	color:#000000;
	padding-top: 30px;
    margin:0 auto;
}

#content_4 a{
 text-decoration:none;
 color:#990033;

}

#ccs{
	color:#78101D;
	font-weight:bold;
	height:150px;
	width:700px;
	padding:20px;
	margin:0 auto;
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.antibullying{
width:850px;
height:auto;
padding-bottom:20px;
padding-top:20px;
}



.logo_fusion{
	width:850px;
	height:140px;
	background-color: #434343;	
	}
.goals{
	padding-top:10px;
	
	}

#governing td{

    width:300px;
	text-align:justify;
	padding:5px;
    font-weight:bold;
}



	
	#content6{
	margin-left:50px;
	width:850px;
	height:auto;
	color:#000;
	font-size:14px;
	text-align:justify;	
	}
	
	/**********************************From Staff Page*************************************/
	#content5{
	margin:0 auto;
	width:750px;
	height:500px;
	color:#000;
	font-size:14px;
	margin-top:50px;
	background-color: #f9f0f1;
	z-index: 0;				
				}
	
	
	
	
	#content5 a{
		   text-decoration:none;
		   color: #581218;	
		  font-weight:bold;
		 		}
		
	
	
	
	#content5 td{
				
	    padding:10px;
        padding-left:20px;	
	    width:300px;		
		}
	
	
.administration{
	margin-left:20px;
	width:450px;
	
	}	
	
	
 .lyng_staff{
	width:750px;
	margin:0 auto;
	background-color:#FFF;
	color: #000;	
	text-align:center;
	padding-top:20px;
	height:auto;
	  }	


	/**********************************end of Staff Page*************************************/



.alumni{
	margin:0 auto;
	height:300px;
	width:400px;
		}
	
	.guestbook a{
	text-decoration:none;
	color:#581218;
	text-align:center;
	}
	
	
.guestbook{
	text-align:center;
	
	}
	
.header{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:center;
	}	
	
	
	
	.clc_logo{
		   text-align:center;
		
		}
		
		
	#calendar{
		margin-left:0px;
		width:955px;
		height:auto;
				}	



.jlcalendar{
margin-left:65px;
color: #FFFFFF;
}

#calendar_info{
	text-align:center;
	margin:0 auto;	
		}
.calendar_info{
	margin:auto;
	
	}




#calendar_info a{
	text-align:center;
	text-decoration:none;
	color:#000;
	 font-weight:normal;
	}

#calendar_info a:hover{
	      color:#933;
	      text-decoration:underline; 
	}


#calendar_info table{
	width:70%;
	text-align:left;
	}

#calendar_info table th{
	padding-top:20px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #702F36;	
	text-align:center;
	font-size:24px;
	}

			
			
 .jl_calendar{ 
           color:#900;
           padding: 20px;
           font-size:12px;
		   font-weight:normal;
		   list-style:none;
           text-align:left; 
		  }



#photoalbum{
 height:auto;
 width:800px;
 margin:0 auto;
}

#photoalbum h1{
text-align:center;
color:#000000;
}


#lyng_photos{
	margin:0 auto;
		}

#lyng_photos td{
	text-align:center;
	
	}

.thumb_info{
	 font-size:10px;
	
	}
#lionsden{

height:500px;
 width:800px;
 margin-left:50px;
}


#lionsden h1{
color:#000000;
text-align:center;
}

#map_image{
	margin:0 auto;
	width:425px;
	height:350px;
		}


#directions a {
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color: #FFF;
	}

#directions{
	color:#FFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;	
			}





#principal_hr{
margin:0 auto;
height:600px;
width:800px;
	
	
	}
	
	
.image{
		width:206px;
		height:198px;
		float:left;
		clear:both;
		padding-top:20px;
		}
		
		
		
		
.header_logo{
			width:500px;
			height:auto;
			text-align:left;
			float:right;
			padding-top:20px;
			}
#notice {
	width:670px;
	height:auto;
	text-align:justify;
	color:#FFF;
	font-size:12px;
	padding-top:20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	font-size:14px;
	margin-left:20px;
	background-color: #8E6060;
}