body
{
	background-image: url(images/backstripe.gif);
	margin: 0;
	padding: 0;
	font-size: 62.5%;
}

#navi
{
	z-index: 3; /* padding-left:350px;  */
	padding-right: 75px;
	margin: 1%;
	font-size: 1.2em;
}

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

#navi li
{
	float: right;
	margin: 2px 10px 10px 4px;
	color: Gray;
}

#navi a
{
	color: Maroon;
	text-decoration: underline;
}

#navi li:hover
{
	background: #F5F5F5;
	color: #666;
}

#navh
{
	z-index: 4; /* padding-left:0px;  */
	position: relative;
	left: 40px;
	font-size: 1.2em;
}

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

#navh li
{
	float: left;
	margin: 15px 4px 0 4px;
	color: Gray;
}

#navh a
{
	color: Maroon;
	text-decoration: underline;
}

#navh li:hover
{
	background: #F5F5F5;
	color: #666;
}

#header
{
	/*background-image:url(images/header.png);           background-repeat:repeat-x; */
	width: 100%;
	height: 125px;
	position: absolute;
	top: 0px;
	left: 0px;
	min-width: 1024px;
}

#logo
{
	position: absolute;
	top: 10px;
	left: 5%;

}

#logo h1
{
	color: white;
}

#logo a
{
	text-decoration: none;
	color: white;
	font-size: 200%;
}

#contentRight
{
	float: right;
	padding-right: 52px;
	margin: 2px 10px 10px 4px;
}

#content
{
	background-color: #FFFFFF;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	min-height: 768px;
	min-width: 1024px;
	z-index: 4;
	font-family: Arial, "MS Trebuchet" , sans-serif;
	font-size: 1.2em;
	line-height: 18px;
}

#content h1
{
	padding-top: 20px;
	color: black;
	font-family: Arial, "MS Trebuchet" , sans-serif;
	font-size: 100%;
}

#content h4
{
	font: "Lucida Grande" , "Trebuchet MS" , Verdana, sans-serif;
	font-weight: bold;
}

#left, #div1
{
	float: left;
	height: 250px;
	width: 40%;
	border: 1px solid #ccc;
	padding: 0 10px 10px;
	margin: 10px 0 0 5%;
}
        
#right, #div2 
{
	float:left; 
	height: 250px;
	width: 40%; 
	border: 1px solid #ccc; 
	padding: 0 10px 10px;
	/*padding-bottom: 1.5em;*/
	margin: 10px 0 0 5.5% ;
}

.movie
{
	float:left; 
	height: 200px;
	width: 450px; 
	/*border: 1px solid #ccc; */
	padding-bottom: 1.5em;
	margin: 10px 0 0 5.5%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
}

#left:hover, #right:hover
{
	background: #F5F5F5;
	color: #666;
}

#left h4, #div1 h4
{
	font: 85% "Lucida Grande" , "Trebuchet MS" , Verdana, sans-serif;
	font-size: 1em;
	font-weight: bold;
}

#right h4, #div2 h4
{
	font: 85% "Lucida Grande" , "Trebuchet MS" , Verdana, sans-serif;
	font-size: 1em;
	font-weight: bold;
}

.clearFloats
{
	clear: both;
}

.AlternatingRowStyle
{
	background-color: #F5F5F5;
}

#maincontent
{
	border: 1px solid #ccc;
	padding: .8em;
	height: 100%;
	width: 87.5%;
	margin: 1% 5% 5% 5%;
	overflow: hidden;
	min-width: 87.5%;
	line-height: 20px;
}

#maincontent h4
{
	font: 85% "Lucida Grande" , "Trebuchet MS" , Verdana, sans-serif;
	font-weight: bold;
}

#maincontent a
{
/*	color: Maroon;
	text-decoration: underline;
	color: #6C6C6C; */
}

#col1 
{
/*	background: #fafafa; */
	padding: 10px 10px 10px;
	float: left;
	width: 45%;
	margin-right: 2%;
/*	font-size: 1.2em; */
	color: #333333;
/*	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; */
}
#col2
{
/*	background: #fafafa; */
	padding: 10px 10px 10px 10px;
	float: left;
	width: 45%;
/*	font-size: 1.2em; */
	color: #333333;
/*	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; */
}
#contact
{
	font: 10px "Lucida Grande" , "Trebuchet MS" , Arial, sans-serif;
	width: 100%;
	font-size: 1.2em;
	min-height: 30px;
	min-width: 800px;
	color: #645877;
}

#footer
{
	font: 10px "Lucida Grande" , "Trebuchet MS" , Arial, sans-serif;
	background-color: #333333;
	background-image: url(images/footerback.gif);
	background-repeat: repeat-x;
	width: 100%;
	position: absolute;
	min-height: 30px;
	min-width: 800px;
	color: white;
	text-align: center;
	padding-top: 20px;
}

#footer a
{
	color: #AAAAAA;
}


.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 10px;
}

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 purple;
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 0 0 10px; /*space above buttonsdiv*/
padding-bottom: 20px;
}

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