body {
text-align:center;
background-color:
#C8C8C8;
}



h1 {
margin: 0;
padding: 15px 0 0 0;
/*border-bottom: 10px solid #CCCC00;*/
}

h1 img {

display:block;
border: 0;

}

h2, h3 {
	
	margin: 20px 0 10px 5px;
}


p {
	margin:10px 40px 10px 5px;
	z-index: 3;
}

#wrapper {
		width:1000px;
		margin: 0 auto;
		text-align:left;
		position:relative;
			
}
		
#contentArea{
		width:800px;
		float:left;
		background-color:#FFF;
		background-image:url('images/index4_r3_c2.jpg');
		
		background-position:right;
		background-repeat:repeat-y;
		/*padding:25px;*/
		text-align:justify;
		height: 1150px;
		overflow:auto;
		}
		
#leftPanel {
		width:150px;
		padding: 25px;
		background-color:
		#FFFFFF;
		float:left;
		height: 1100px;
}


#topMenuArea{
	
	width: 1000px;
	height: 30px;
	background-image:url('images/main_r2_c1.jpg');
	background-repeat:no-repeat;
}

ul#navigation
	{
		margin-left: 0;
		padding-left: 5px;
		list-style-type: none;
		text-align:right;
	}
	
	ul#navigation a
	{
		display: block;
		text-decoration: none;
		background: #006699;
		color: #fff;
		padding: .2em .5em;
		border-bottom: 1px solid #fff;
		width: 8em;
	}
	
	ul#navigation a:hover
	{
		background: #69C;
		color: #000;
	}
	
	ul#navigation li
	{
		display: inline;
	}

			
#photoRight {float: right; margin: 15px;}
		
#photoLeft {float: left; margin: 0 15 15 15;}

#photoSmall {margin: 0px; padding: 0px;}
	
div.imagecaption
	{
		float: right;
		width: 250px;
		margin: 0 1em 1em 1em;
		padding: 15px 15px 20px 15px;
		display: inline;
		text-align: center;
		border-color: #CCC #999 #999 #CCC;
		border-width: 1px 2px 2px 1px;
		border-style: solid;
	}
	
	.clear
	{ clear: left;}
		
	

#footer {
		clear:both;
		padding: 5px 30px 5px 20px;
		margin: 0px;
		height:60px;
	    background-image:url('images/index4_r4_c1.jpg');
	    background-repeat:no-repeat;
		text-align:right;
		font-style:italic;
		
		}
		
.feedbackform{
padding: 5px;
}

div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width: 550px; /*width of form rows*/
overflow: hidden;
padding: 5px 0;
}

div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 150px; /*width of label (left column)*/
text-transform: uppercase;
border-bottom: 1px solid red;
margin-right: 15px; /*spacing with right column*/
}

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-bottom: 10px; /* space following the field */
}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 250px;
}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
width: 300px;
height: 150px;
}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin-top: 5px; /*space above buttonsdiv*/
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 80px;
background: #e1dfe0;
}

		
#contentArea table tr .style5 {
	font-family: Arial, Helvetica, sans-serif;
}
#contentArea table tr .style5 {
	font-size: 12px;
}