body			{text-align: center;}
			

#container 		{position: absolute;
			width: 780px;
			border-right: 1px solid #006666;
			boder-bottom: 1px solid #006666;
			background: #fff url('../images/bgimage.jpg') repeat-y 50% 10%; 
			font-family: Arial;
			font-size: 0.8em;
			left: 50%; 
				margin-left: -385px;
			}
html>body #container {background: #fff url('images/bgimage.jpg') repeat-y 50% 10%;} /*this is hidden from IE, it sets the background image for Firefox*/

		
#content	{float: right;
			text-align: justify;
		     width: 570px;
		    
		     margin-left: 8px; 
		     margin-right: 10px;}
			
	
#header			{background-color: #004747;
			width: 780px; height: 60px;
			color: #FFFFFF; font: 0.6em times new roman;
			font-weight: bold;}
			
#navcontainer {
	float: left;
	width: 780px;
	height: 40px;
	border-bottom: 1px solid #006666;
	background-color: #006666;}



#navcontainer ul {
	margin: 0;
	list-style-type: none;
	text-align: center;
	float: left;}

#navcontainer ul li {
	display: block;
	float: left;
	width: 123px;
	height: 40px;
	border-bottom: 2px solid #004747;
	}

#navcontainer ul li a {
	width: 145px;
	height: 40px;
	display: block; /* makes the link take up the same space as the <li> behind it. */
	color: #fff;
	text-decoration: none;
	font: normal 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	border-right: 1px solid #004747;
	}

#navcontainer ul li a:hover {
	color: #004747;
	background-color: #c3d8cc;
	text-decoration: underline;}

#navcontainer a:active {
	color: #004747;
	background-color: #c3d8cc;
	text-decoration: underline;}

#navcontainer a:link.on, #navcontainer a:visited.on, #navcontainer a:hover.on, #navcontainer a:active.on {
	color: #004747;
	background-color: #c3d8cc;
	text-decoration: underline;}


#verticalmenu {
	width: 169px;
	/*height: 30px; don't need the height set if you want it to fit the contents vertically.  It can't stretch otherwise. */
	float: left;
	font: normal 1.1em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	background-color: #006666;
	text-align: left;}

			
#verticalmenu ul {
	width: 169px;
	margin: 0;
	text-align: left;
	list-style-type: none;
	display: inline; /* KMR - changed this to inline*/}

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


#verticalmenu ul li a {
	display: block;  
	font: normal 0.85em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	border-bottom: 1px solid #004747
;
	padding: 6px 3px 6px 3px;
}	

#verticalmenu a:link, #verticalmenu a:visited {
	color: #fff;
	text-decoration: none;
}


#verticalmenu ul li a:hover, #verticalmenu ul li a:active {
	color: #004747;
	background-color: #c3d8cc;
	text-decoration: underline;}

#verticalmenu ul li a:link.on, #verticalmenu ul li a:visited.on, #verticalmenu ul li a:hover.on, #verticalmenu ul li a:active.on {
	color: #004747;
	background-color: #c3d8cc;
	text-decoration: underline;}


			
html>body #header {font-size: 1.1em;} /**for Firefox**/
			
.headertext {color: #FFFFFF;}

.headertext a {text-decoration: none;}

.headertext a:link {color: #FFFFFF;}

.headertext a:visited {color: #FFFFFF;}

.dontjustify		{text-align: left}

#headerpic		{width: 780px; height: 120px;
			background-color: #004747

;
			float: left;}
	

#footer			{background-color: #004747;
			width: 780px; height: 35px;
			font: 0.85em Arial, sans-serif;
			clear: both;
			color: #fff;
			}
		
					
#form		{color: #006666; font-size: 1em;
			font-weight: bold;
			margin-left: 40px; margin-right: 40px;}
			
.tableform	{color: #006666; font-size: 1em;
			font-weight: bold;
			}

			
#formintro	{margin-left: 20px; margin-right: 20px;}


		
h1,h2,h3		{color: #004747;}

h4				{color: #004747;
				font-size: 1em;}

			


			
.footerlink a:link {color: #FFFFFF;}
.footerlink a:visited {color: #FFFFFF;}

.contentlink a:link {color: #006666;
					}

.contentlink a:visited {color: #006666;
					}
								
#menu a 	{color: #FFFFFF;
			border: 1px solid;
			background-color: #006666;
			padding: 2px;
			padding-left: 3px;
						text-decoration: none;
			border-color: #008585 #014242 #014242 #008585;
			display: block;
			margin: 0px;
			width: 100%;
			text-align: left;}

#menu a:hover {border: 1px solid;
			padding-left: 4px;
			padding-top: 3px;
			padding-bottom: 1px;
			padding-right: 1px;
			background-color: #c3d8cc

;
			border-color: #014242 #008585 #008585 #014242;
			color: #006666;
			text-decoration: none;}

			
#menu ul	{list-style-type: none;}
			
#footermenu li		{display: inline}


#grants		{float: left;
			text-align: left;
		    width: 540px;}
.grants_table	{font-family: Arial;
			font-size: 1em;}

		    
.amounts	{text-align: right};   
		    
#contact	{margin-left: 30px;}
			
input.green {background-color: #006666;
			color: #FFFFFF}
			
input.palegreen  {background-color: #c3d8cc

;}

textarea.palegreen {background-color: #c3d8cc

;}