/* This section sets the background and the overall look of the page */
	

body	


{	background-color: #e8f8b6;
		background-image: url;
		margin:0px auto; Font-Family 	: Century Gothic,Comic Sans MS,verdana,geneva,helvetica,sans-serif;
		Font-Style 	: normal;
		Font-size	: 10pt
		Color 		: #000000;
		width:		900px;
		marginheight="auto";
		
    }
 
p	{
		font-size	:	14px; 
		font-family	:	Century Gothic,Comic Sans MS,verdana,geneva,helvetica,sans-serif;
	}

.centeralign	{text-align	:	center;
	}

.justify	{text-align	:	justify;
	}

hr	{	height		:	2px;
		color		:	#002800;
	}

td	{
	font-family		:	Century Gothic,Comic Sans MS,verdana,geneva,helvetica,sans-serif;
	}

textarea { 	font-family	: 	monospace;
		font-size	:	10px;
	} 

/* This section controls the initial look of your links */

.left{	font-size	:	12px; 
		font-weight	:	bold; 
		font-family	:	Century Gothic,Comic Sans MS,verdana,geneva,helvetica,sans-serif;
 
		color		:	#002800; 
		line-height	:	13px;
		text-decoration	:	none;}

.left2{	font-size	:	10px; 
		font-weight	:	bold; 
		font-family	:	Century Gothic,Comic Sans MS,verdana,geneva,helvetica,sans-serif;
 		
		color		:	#002800; 
		line-height	:	11px;
		text-decoration	: 	none;}

.burg{		font-size	:	10px; 
		font-weight	:	bold; 
		font-family	:	Century Gothic,Comic Sans MS,verdana,geneva,helvetica,sans-serif;
 		
		color		:	#002800; 
		line-height	:	11px;
		text-decoration	: 	none;}

.top	{	font-size	:	10px; 
		font-weight	:	bold; 
		font-family	:	Century Gothic,Comic Sans MS,verdana,geneva,helvetica,sans-serif;
 
		color		:	#002800; 		
		line-height	:	17px;
		text-decoration	: 	none;}

.bottom{	font-size	:	11px; 
		font-family	:	Century Gothic,Comic Sans MS,verdana,geneva,helvetica,sans-serif;
 
		color		:	#002800; 
		text-decoration	: 	none;}

.main	{	font-size	:	14px; 
		font-family	:	Century Gothic,Comic Sans MS,verdana,geneva,helvetica,sans-serif;
 
		color		:	#002800; 
		font-weight	:	bold;		
		line-height	:	17px;
		text-decoration	: 	none;}


.main2{		font-size	:	9px; 
		font-family	:	Century Gothic,Comic Sans MS,verdana,geneva,helvetica,sans-serif;
  
		color		:	#002800; 
		line-height	:	10px;
		text-decoration	: 	none;}

.main3{		font-family	:Century Gothic,Comic Sans MS,verdana,geneva,helvetica,sans-serif;
  
		color		:	#002800; 
		line-height	:	18px;
		text-decoration	: 	none;}

.white	{	font-size	:	11px; 
		font-family	:	Century Gothic,Comic Sans MS,verdana,geneva,helvetica,sans-serif;
 
		color		:	#ffffff; 		
		line-height	:	14px;
		text-decoration	: 	none;}

.head{		font-size	:	11px; 
		font-family	:	Century Gothic,Comic Sans MS,verdana,geneva,helvetica,sans-serif;
 
		color		:	#002800; 		
		line-height	:	14px;
		text-decoration	: 	none;}


/* This section controls the mouseover behavior of your links */


A.:hover.top			{color:#006600}
A.:hover.left			{color:#ffffff ; background=#002800}
A.:hover.left2			{color:#ffffff ; background=#002800}
A.:hover.burg			{text-decoration: underline}
A.:hover.bottom			{color:#cc6600; text-decoration: underline}
A.:hover.main			{color:#8B0000; text-decoration: underline}
A.:hover.main2			{color:#3366FF; text-decoration: underline}
A.:hover.main3			{color:#3366FF}
A.:hover.white			{color:#ffffcc; text-decoration: underline}
A.:hover.head			{text-decoration: underline}


A	{	font-size	:	14px; 
		font-family	:	Century Gothic,Comic Sans MS,verdana,geneva,helvetica,sans-serif;
 
		color		:	#cc6600; 
		font-weight	:	bold;		
		line-height	:	17px;
		text-decoration	: 	none;}
		
A :hover			{color:#8B0000; text-decoration: underline}

/* This section sets the look of the six headers */

h1	{
	color		:	#113807;
	font-family	:	Century Gothic,Comic Sans MS,verdana,geneva,helvetica,sans-serif;
	margin-top	: 	24px;
	}

h2	{
	color		:	#234A22;
	font-family	:	Century Gothic,Comic Sans MS,verdana,geneva,helvetica,sans-serif;
	font-size	:	20px; 
	margin-top	: 	0px;
	}

h3	{
	color		:	#000080;
	font-family	:	Century Gothic,Comic Sans MS,verdana,geneva,helvetica,sans-serif;
	margin-top	: 	5px;
	}

h4 	{
	color		:	#9D6002;
	font-family	:	Century Gothic,Comic Sans MS,verdana,geneva,helvetica,sans-serif;
	margin-top	: 	0px;
	}

h5	{
	color		:	#006666;
	font-family	:	Century Gothic,Comic Sans MS,verdana,geneva,helvetica,sans-serif;
	margin-top	: 	0px;
	}

h6	{
	color		:	red;
	font-family	:	Century Gothic,Comic Sans MS,verdana,geneva,helvetica,sans-serif;
	margin-top	: 	0px;
	}

/* This controls the look of bulleted lists */

ul	{
	list-style-image	:	url('images/goldbullet.gif');
	font-family		:	Century Gothic,Comic Sans MS,verdana,geneva,helvetica,sans-serif;
	font-size		:	14px;
	font-weight		:	bold;
	color			:	#113807;
	}

/* This section controls the look of various table header cells */

.tdheader	{
		background	:	#002800;
		font-family	:	Century Gothic,Comic Sans MS,verdana,geneva,helvetica,sans-serif;
		font-size	:	14px;
		font-weight	:	bold;
		color		:	#996633;
	}


.tdgrey	{
		background	:	#002800;
		font-family	:	Century Gothic,Comic Sans MS,verdana,geneva,helvetica,sans-serif;
		font-size	:	10px;
		font-weight	:	normal;
		color		:	#000000;
	}


.tdgreen	{
		background	:	#002800;
		font-family	:	Century Gothic,Comic Sans MS,verdana,geneva,helvetica,sans-serif;
		font-size	:	10px;
		font-weight	:	normal;
		color		:	#FFFFFF;
	}



.tdnavy	{
		background	:	#002800;
		font-family	:	Century Gothic,Comic Sans MS,verdana,geneva,helvetica,sans-serif;
		font-size	:	14px;
		font-weight	:	bold;
		color		:	#C0C0C0;
	}

.tdheader2	{
	background-image	: 	url('district/images/holiday/sham_sm.jpg');
	background-repeat	: 	repeat;
	background-attachment	: 	scroll;
	background-position	: 	0%;
	font-family		:	Century Gothic,Comic Sans MS,verdana,geneva,helvetica,sans-serif;
	font-size		:	14px;
	font-weight		:	bold;
	color			:	#D7FFE3;

/* This is a drop cap */

.Drop	{
		background	:	#002800;
		color		:	#ffcc33;
		font-family	:	"Copperplate Gothic Light", Helvetica, Verdana, Arial,sans-serif;
		font-size	:	30px; 
	}

/* This makes a button that looks like an 3D image */


.Button
    	{
    	text-align		:	center;
    	text-decoration		:	none;
    	color			:	#000000;
    	background		:	#002800;
    	border-top		:	2px solid #EEEEEE;
    	border-left		:	2px solid #EEEEEE;
    	border-right		:	2px solid #999999;
    	border-bottom		:	2px solid #999999;
    	font-family		:	Century Gothic, Comic Sans MS, Arial, Helvetica, sans-serif;
    	font-size		:	8pt; 
    	padding-left		:	4; 
    	padding-right		:	4; 
    	padding-top		:	2; 
    	padding-bottom		:	2; 
    	}


    A.Button
    	{
    	text-decoration		:	none;
    	color			:	#000000;
    	background		:	#002800;
    	}

    a:hover.Button	
    	{ 
    	color			:	#FF0000;
    	background		:	#002800;
    	border-top		:	2px solid #999999;
    	border-left		:	2px solid #999999;
    	border-right		:	2px solid #EEEEEE;
    	border-bottom		:	2px solid #EEEEEE;
    	}

/* This gives a scroll effect to a section of text */
/* nav */

#nav {
	clear: both;
	width: 920px;
	height: 72px;
	margin-left: -25px;
	padding: 0 55px;
	background-image: url(_img/bgnavbar.jpg);
	background-repeat: repeat-x;
}

#nav ul {
	float: left;
	margin: 22px 0 0 0;
	padding: 0px;
	list-style: none;
}

#nav ul li{
	padding: 0px;
	margin: 0px;
	display: inline;
}

#nav ul li a{
	float: left;
	display: block;
	width: 125px;
	height: 40px;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	outline: none;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-image: url(_img/bgnavbar.jpg);
	background-repeat: no-repeat;
}

#nav li a:hover, #nav li .current{
	color: #ffffff;
}

/* end of nav */


.scrollbox
	{ 
	width: 400px; height: 150px; overflow: auto }
	
	}
.toggleopacity img {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}

.toggleopacity:hover img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	background-color:none;
	}