/*////////////////////////////////////////////////////*/
/*/////////Amityville Stylesheet 10/06/2006///////////*/
	
/*
	Table of Contents:
		layout
			admin layout
		typography
		forms
		calendars
		admin side nav
		drop down style elements
		gallery
*/
/*////////////////////////////////////////////////////*/
/*//////////////////////Layout///////////////////////*/

body {
	margin: 0 auto;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	text-align: left;
	}
	
.imgsub{
	margin: 18px 0px 0px 0px ;
	}


	
/*////////////////Admin Layout////////////////////////*/

#container1{
	width: 550px;
	margin: 0px 0px 20px 20px;
	padding:0px;

	}

.container2 td{
	padding: 8px 0px 2px 4px
	}

/*////////////////////////////////////////////////////*/
/*//////////////////////Typography////////////////////*/


h1 {
   font-size: 28px;
   padding: 45px 0px 26px 34px;
   margin: 0px 0px 0px 0px ;
   text-align: left;
   }
h2 {
   font-size: 15px;
   padding: 3px 20px 0px 2px;
   margin: 0px 20px 0px 34px;
   color: #CF0E2A;
   text-align: left;
   border-top: 1px solid #CF0E2A;
   border-bottom: 1px solid #CF0E2A;
   background-color:  #E5E5E5;

   } 
   
   
	#container1 h2 {
	   font-size: 15px;
	   padding: 3px 20px 0px 2px;
	   margin: 0px 00px 0px 0px;
	   color: #CF0E2A;
	   text-align: left;
	   border-top: 1px solid #CF0E2A;
	   border-bottom: 1px solid #CF0E2A;
	   background-color:  #E5E5E5;
	
	   }    
 
   
   
h3 {
   font-size: 22px;
   font-family: "Times New Roman", Times, serif;
   font-weight: bold;
   padding: 10px 0px 0px 10px;
   margin: 0px 0px 0px 0px;
   color: #000000;
   text-align: left;
   } 
 
h4{
   font-size:16px;
   font-weight: bold;
   color: #FFFFFF;
   line-height: 25px;
   padding: 10px 10px 0px 10px;
   margin: 0px;
   text-align: left;
   background: #6D6E72;
   }
   
   #container1 h4{
	   font-size:16px;
	   font-weight: bold;
	   color: #FFFFFF;
	   line-height: 25px;
	   padding: 10px 10px 0px 4px;
	   margin: 0px;
	   text-align: left;
	   background: #6D6E72;
	   }
	   
	      #container1 h4 a{
			  font-size: 12px;
			  color:#FFFFFF;
			  font-weight: bold;
			  line-height: 17px;
			   padding: 10px 0px 0px 0px;
			  }
		  	
		
	   
p {
   line-height: 20px;
   padding: 7px 20px 10px 24px;
   margin: 0px;
   text-align: left;
	}
	
	#sidebar p {
	   line-height: 20px;
	   padding: 5px 5px 15px 10px;
	   margin: 0px;
	   text-align: left;
		}   
	
	#footer p {
	   line-height: 25px;
	   padding: 10px 0px 0px 0px;
	   margin: 0px;
	   text-align: center;
	   }
   
	
ul{
  padding: 10px 0px 0px 34px;
  margin: 0px 0px 0px 0px;
  line-height: 25px;
  text-align:left;
 }
 
	
.container2 th {
 	color: #FFFFFF;
	text-align: left;
   	padding: 10px 0px 2px 4px;
	margin: 0px;
	background: #6D6E72;
	}
	

   
.small{
	font-size: 11px;
	}

.schoolinfo{
	font-weight: bold;
	text-align: center;
	}
.redtext{
	color: #FF0000;
	font-weight:bold;
	}
.marqeeItem
{    
    color: #FFFFFF;
    font-weight: bold;
    margin-right:100px;
    font-size: 14px;
}
 
/*///////////////////////////////////////////////*/
/*//////////////////////Forms////////////////////*/

.form1{
 	margin: 10px 20px 30px 34px;
    padding: 0px;
	border: 1px solid #CF0E2A;
   	background-color: #E5E5E5;
	}

.form1 p {
   line-height: 25px;
   padding: 10px 0px 5px 8px;
   margin: 0px;
   font-weight: bold;
   text-align: left;
   }
   
.form1field {
   margin: 10px 0px 6px 0px;
   }

/*//////////////////////////////////////////////////////*/
/*////////////////////////Calendars/////////////////////*/

#calendar{
	margin: 0px 10px 0px 10px;
	}
	
#calendar th {
 	color: #FFFFFF;
	text-align: left;
   	padding: 10px 0px 0px 4px;
	margin: 0px;
	background-color:#D00D2B;
	}
	
#calendar h4{
   font-size:16px;
   font-weight: bold;
   color: #FFFFFF;
   line-height: 25px;
   padding: 10px 10px 0px 4px;
   margin: 0px;
   text-align: left;
   background: #6D6E72;
   }	

#calendar p {
	line-height: 17px;
	margin: 0px ;
	padding: 3px 0px 0px 0px;
	color : #000000;
	font-weight: bold;
	
	}
#calendar strong{
	color: #D33048;
	}
.calnav {
	background: #B4B6B8;
	padding: 4px 0px 4px 0px;
	}
	
.calnav a:link{
	font-weight: bold;
	font-size: 14px/20px ;
	color: #FFFFFF;
	text-decoration: none;
	}

.calnav a:active{
	font-weight: bold;
	font-size: 14px/20px ;
	color: #FFFFFF;
	text-decoration: underline;
	}

.calnav a:visited{
	font-weight: bold;
	font-size: 14px/20px ;
	color: #E8E9E9;
	text-decoration: none;
	}

.calnav a:hover{
	font-weight: bold;
	font-size: 14px/20px ;
	color: #FFFFFF;
	text-decoration: underline;
	}

#calendar2{
	margin: 0px 0px 0px 0px;
	}
	
#calendar2 th {
 	color: #FFFFFF;
	font-size: 12px;
   	padding: 10px 0px 2px 2px;
	margin: 0px;
	background: #6D6E72;
	}	
	
	


/*////////////////////////////////////////////////////////*/
/*//////////////////////Admin Side Nav////////////////////*/


#sidenav h4{
   font-size:16px;
   font-weight: bold;
   color: #FFFFFF;
   line-height: 25px;
   padding: 10px 10px 0px 10px;
   margin: 0px;
   text-align: left;
   background: #6D6E72;
   }
button {
	width: 100%;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	background-color: #E8E9E9;
	color: #575CA2;
	}

#button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}

#button li {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	border-bottom: 1px solid #ffffff;
	margin: 0;
	color: #575CA2;
	padding-top: 2px;
	text-align:left;
	}

#button li a {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	display: block;
	border-left: 10px solid #CF0E2A;
	background-color:  #E8E9E9;
	color: #000000;
	text-decoration: none;
	width: 100%;
	padding-top:2px;
	padding-left: 5px;
	
	}

html>body #button li a {
	width: auto;
	}

#button li a:active {
	
	background-color: #CCCCCC;
	color: #FFFFFF;
}

#button li a:hover {
	
	background-color: #CCCCCC;
	color: #FFFFFF;
}


#cal .cal, #sup .sup, #upc .upc, #new .new, #spo .spo, #pri .pri, #sne .sne,#emp .emp, #dis .dis, #dnu .dnu, #art .art, #mus .mus, #gal .gal{ 
	border-left: 10px solid #CF0E2A;
	background-color: #CF0E2A;
	color: #FFFFFF;
}
	
 /*/////////////////////////////////////////////////////////*/
 /*//////////////// Drop Down Style Elements////////////////*/
 
div#htmlstyles
	{
	display: none;
	}
	
#con #htmlstyles 
	{
	display: block;
	}	
	

/*///////////////////////////////////////////////////////////*/

 /*/////////////////////////////////////////////////////////*/
 /*//////////////// Gallery////////////////*/
 
#gallery{
	margin: 0px 10px 30px 34px;
	}
	

/*///////////////////////////////////////////////////////////*/