body {
	text-align: center;
}

h1 {color: #de3b1c;

	font-size: 1.7em;}
				
h2 {color: #de3b1c;


	font-size: 1.3em;}
				
h3 {color: #de3b1c;

	font-size: 1.1em;}

					
#container {
	position: absolute;
	width: 780px;
	font-family: Arial;
	font-size: 0.8em;
	border: 1px solid #de7a1c;
	background: url(../images/bgimage.jpg) repeat-y 50% 10%;
	left: 50%; 
	margin-left: -390px;

	}
html>body #container {background: url(images/bgimage.jpg) repeat-y 50% 10%;} /*this is hidden from IE, it sets the background image for Firefox*/


#logo 
	{width: 780px; 
	height: 75px;
	background-color: #de7a1c;
	}


#menu		{
			width: 230px;
			text-align: left;
			float: left;
			background-color: #de7a1c;
			color: #fff;
			font: normal 0.9em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
			}
			
#menu a:link.on, #menu a:visited.on, #menu a:hover.on, #menu a:active.on, #menu a:hover
			{border: 1px solid;
			padding-left: 4px;
			padding-top: 3px;
			padding-bottom: 1px;
			padding-right: 1px;
			background-color: #dea01c

;
			border-color: #de3b1c #e6930f #e6930f #de3b1c;
			color: #fff;
			text-decoration: none;
			

			
}


#menu a 		{color: #fff;
			border: 1px solid;
			background-color: #de7a1c;
			padding: 2px;
			padding-left: 3px;
			text-decoration: none;
			border-color: #e6930f #de3b1c #de3b1c #e6930f;
			display: block;
			margin: 0px;
			
			text-align: left;
			


			
}


			
#menu ul	{list-style-type: none;}


#content {
	float: right;
	text-align: left;
	width: 547px;
	
	color: #000;
	background-color: #ffffff;
	padding: 5px 0; /* added top and bottom padding to content, see below for left and right */
	
}
	
	
#content2 {
	clear: both;
	float: right;
	text-align: left;
	width: 547px;
	
	color: #000;
	background-color: #ffffff;
	padding: 5px 0; /* added top and bottom padding to content, see below for left and right */
	
}



#content h1, #content h2, #content h3, #content p, #content ul, #content li {
	padding: 5px 15px;  
}	 

#content2 h1, #content2 h2, #content2 h3, #content2 p, #content2 ul, #content2 li {
	padding: 5px 15px;  
}	 



#content ul, #content li {
	
	margin: 0 10px;
}	 


				
#content a:link, #content a:visited {
	color: #9b5514

;
}			 

#content a:hover, #content a:active {
	color: #de7a1c

;
}
				

.rules		{font-family: Arial;
	font-size: 0.8em;
	padding: 5px 15px; 
	}
	
.winners		{font-family: Arial;
	font-size: 0.8em;
	padding: 5px 15px; 
	}
	
.eligibility	{font-family: Arial;
	font-size: 0.8em;
	padding: 5px 15px; 
	}
	
#pictures	{text-align: center}

.press		{font-family: Arial;
	font-size: 0.7em;
	padding: 5px 15px; 
	}
	
#form	{font-family: Arial;
	
	padding: 5px 15px; }
	
input.orange {background-color: #de7a1c

;
			color: #FFFFFF}
	
.bold
{font-weight: bold;}

.grants	{
		padding-left: 15px;
		padding-right: 15px;
		text-align: left;
		font-family: Arial;
		font-size: 0.9em;
		
		border-color: #de7a1c;}


.grantamounts	{
		padding-left: 15px;
		padding-right: 15px;
		text-align: right;
		font-family: Arial;
		font-size: 0.8em;
		
		border-color: #de7a1c;


}

.amount	{
		padding-left: 15px;
		padding-right: 15px;
		text-align: right;
		font-family: Arial;
		font-size: 0.8em;
		
		border-color: #de7a1c;


}


.grantsheading	{
		padding: 7px;
		text-align: left;
		font-family: Arial;
		font-size: 0.9em;
		font-weight: bold;

		
		border-color: #de7a1c;


}

.blue {background-color: #8e8eed;
padding: 5px;
		text-align: left;
		font-family: Arial;
		font-size: 0.8em;
		color: #fff;
}
.yellow {background-color: #eded5e;
padding: 5px;
		text-align: left;
		font-family: Arial;
		font-size: 0.8em;
		color: #fff;
}
.lightblue {background-color: #bdeded;
padding: 5px;
		text-align: left;
		font-family: Arial;
		font-size: 0.8em;
		color: #fff;
}
.red {background-color: #ed0000;
padding: 5px;
		text-align: left;
		font-family: Arial;
		font-size: 0.8em;
		color: #fff;

}
.purple {background-color: #5e005e;
padding: 5px;
		text-align: left;
		font-family: Arial;
		font-size: 0.8em;
		color: #fff;
}
.pink {background-color: #ed7777;
padding: 5px;
		text-align: left;
		font-family: Arial;
		font-size: 0.8em;
		color: #fff;
}

.key {
padding: 1px;
		text-align: right;
		font-family: Arial;
		font-size: 0.6em;
		
}

#left	{float: left;
		width: 250px;
		}
		
#right	{float: right;
width: 260px;}

.captionchart {font-size: 0.7em;
font-weight: bold;}

.bold {font-weight: bold;}

.grants		{font-family: Arial;
	font-size: 0.8em;
	padding: 5px 15px; 
	}
	
.grantsheading	{font-family: Arial;
	font-size: 0.8em;
	padding: 5px 15px;
	font-weight: bold; 
	}
	
.orange
{background-color: #de7a1c;
color: #fff;
}


html>body #footer {
	width: 780px;
	height: 1px;
	clear: both;  /* clear means it will sit below the floated divs above it.  if an element is floated, the next one must be cleared. */
	background-color: #de7a1c;
}

.pics {font: italic 0.85em;
color: #fff;
padding-left: 5px;}