/*** LAYOUT STYLES ***/



body {
	margin: 0;
	padding: 0;
	font-family: Arial;
	background-color: #FFF9F3;
	background-image: url(images/bodyback.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

#wrapper {
	background-color: #FFF;
	width: 770px;
	margin: 0px;
	margin: 0 auto;
}

#header {
  width: 770px;
  height: 133px;
  background-color: #f1f9ea;
  border-bottom: 10px solid #FFF;
}

#headerlogo {
	width: 153px;
	height: 133px;
	float: left;
	padding: 0;
	margin: 0;
	clear: right;
}


#container {
	padding: 0;
	width: 770px;
	background-image: url(images/bg2.jpg);
	background-repeat: repeat;
}


#mainimage {
  position: relative;
  width: 770px;
  height: 196px;
  margin: 0;
  padding: 0;
}


#home_bg {
	width: 770px;
	background-image: url(images/bg1.jpg);
	background-repeat: repeat-x;
}

.clear {
clear: both;
}

/*** TEXT STYLES ***/
h1 {
font-size: 1.0em;
color: #000;
margin: 0;
padding-bottom: 15px;
letter-spacing: 1px;
text-transform: uppercase;
}

h2 {
font-size: 1.0em;
color: #000;
margin: 0;
padding: 0;
margin: 0;
}

p {
margin: 0 0 1em 0;
padding: 0;
}

a:link {
color: #6b435e;
}

a:visited {
color: #666;
}


#homecopy {
	font-size: 0.8em;
	width: 385px;
	text-align: left;
	padding: 0px 0px 0px 12px;
	margin: 20px 0px 0px 0px;
	color: #000000;
	line-height: 1.2em;
	border-left: 1px dotted #f89a31;
	position: relative;
	left: 154px;
}

#footer_home {
	font-size: 11px;
	text-align: left;
	color: #666666;
	margin-top: 84px;
	margin-left: 170px;
}

#login {
  font-size: 0.7em;
  width: 100px;
  float: left;
  border-left: 1px dotted #f89a31;
  padding: 5px 10px 20px 12px; 
  margin-top: 20px;
}

#search {
  font-size: 0.7em;
  float: right;
  padding: 0 26px 0 0;
  text-transform: uppercase;
  color: #343434;
  margin-top: 40px;
  font-weight: bold;
}

#footer {
	font-size: 11px;
	text-align: left;
	padding: 50px 10px 20px 168px;
	margin: 0 0 0 0;
	color: #666666;
	clear: both;
}

#footer a:link {
  color: #6b435e;
}

#footer a:visited {
  color: #6b435e;
}


/*** NAVIGATION STYLES ***/

#nav {
  width: 580px;
  float: right;
  clear: right;
  background-color: #f1f9ea;
  padding: 12px 20px 0 0;
}

#nav ul {
  text-align: right;
  color: #FFF;
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

#nav ul li {
  text-decoration: none;
  display: inline;
  padding: 0;
  margin: 0;
}

#nav ul li a {
  color: #6b435e;
  text-decoration: none;
  padding: 3px 10px 3px 10px;
  margin: 0;
}

#nav ul li a.visited {
  color:#90c84d;
  text-decoration: none;
  padding: 3px 10px 3px 10px;
  margin: 0;
}

#nav ul li a:hover {
  color: #90c84d;
  text-decoration: none;
  padding: 3px 10px 3px 10px;
  margin: 0;
}


/*** SUB PAGE LAYOUT STYLES ***/

.subpage {
background-color: #FFFFFF;
margin: 0;
padding: 0;
font-family: Arial;
background: none ;
background: url(images/sidebar_bg.jpg) top left repeat-y scroll ;
}


.subpage #wrapper {
width: 100%;
margin: 0;
padding: 0;
background-color: #FFF;
background: url(images/sidebar_bg.jpg) top left repeat-y scroll ;
}

.subpage #header {
width: 100%;
height: 133px;
margin: 0;
background-color: #f1f9ea;
padding: 0;
text-align: left;
border-bottom: 10px solid #FFF;

}

.subpage #headerlogo{
width: 153px;
height: 133px;
float: left;
padding: 0;
margin: 0;
}


.subpage #container {
padding: 0;
margin: 0;
width: 100%;
background-color: #FFF;
background: none;
}





.subpage #footer a:link {
color: #6b435e;
}

.subpage #footer a:visited {
color: #6b435e;
}

.subpage #contentwrapper {
width: 100%;
margin: 0;
padding: 0;
}


.subpage #subcopy {
text-align: left;
padding: 30px 30px 0 0; 
margin: 0 0 0 170px;
line-height: 1.2em;
font-size: 0.8em;

}

.subpage #subcopyonly {
text-align: left;
padding: 30px 30px 0 0; 
margin: 0 0 0 30px;
line-height: 1.2em;
font-size: 0.8em;

}


.rightimage {
float: right;
padding: 0 0 12px 12px;
}

.inlineimage {
padding-top: 20px;
}


.subpage #search {
  font-size: 0.7em;
  float: right;
  padding: 0 26px 0 0;
  text-transform: uppercase;
  color: #343434;
  margin-top: 40px;
  font-weight: bold;
}


.subpage #mainimage {
  position: relative;
  width: 100%;
  height: 114px;
  margin: 0;
  padding: 0;
  background-color: #8fc74c;
}

.subpage #subpage_footer {
clear: both;
font-size: 11px;
text-align: left;
padding: 50px 10px 20px 0; 
margin: 20px 0 0 168px;
color: #666666;
}

.subpage #subpage_footer_copyonly {
clear: both;
font-size: 11px;
text-align: left;
padding: 50px 10px 20px 0; 
margin: 20px 0 0 30px;
color: #666666;
}

.subpage #subpage_footer_copyonly a:link{
color: #6b435e;

}

.subpage #subpage_footer_copyonly a:visited{
color: #6b435e;

}


/*** SUB PAGE NAVIGATION STYLES ***/

/*.subpage #nav {
width: 617px;
background-color: #f1f9ea;
float: right;
padding: 0 20px 0 0;
margin-top: -48px;
}*/

.subpage #nav ul {
text-align: right;
font-size: 11px;
font-weight: bold;
margin: 0;
padding: 0;
}

.subpage #nav ul li {
text-decoration: none;
display: inline;
padding: 0;
margin: 0;
}

.subpage #nav ul li a {
color: #6b435e;
text-decoration: none;
padding: 3px 10px 3px 10px;
margin: 0;
}

.subpage #nav ul li a:visited {
color: #6b435e;
text-decoration: none;
padding: 3px 10px 3px 10px;
margin: 0;
}

.subpage #nav ul li a:hover {
color: #90c84d;
text-decoration: none;
padding: 3px 10px 3px 10px;
margin: 0;
}

.subpage #nav ul li.active {
color: #8fc74c;
text-decoration: none;
padding: 3px 10px 3px 10px;
margin: 0;

}

.subpage #subnav {
	padding: 30px 5px 10px 25px;
	float: left;
	margin: 0;
	clear: both;
}

.subpage #subnav ul {
text-align: left;
font-size: 11px;
font-weight: bold;
margin: 0;
padding: 0;
list-style: none;

}

.subpage #subnav li{
padding-bottom: 10px;
margin: 0;
}

.subpage #subnav ul li a {
color: #6b435e;
text-decoration: none;
padding: 0;
margin: 0;
}

.subpage #subnav ul li a.visited {
color: #6b435e;
text-decoration: none;
padding: 0;
margin: 0;
}

.subpage #subnav ul li.active {
color: #666666;
text-decoration: none;
padding: 0;
margin: 0;
padding-bottom: 10px;


}

.subpage #subnav ul li li{
font-weight: normal;
text-transform: none;
padding: 0 2px 0 0;
margin: 4px 0 4px 0;
}


/*** TABLE STYLES ***/


table.datatable {
margin: 20px 0 20px 0;
border-collapse: collapse;
border: 0;
width: 99%;
font-size: 0.9em;
}

table.datatable th {
border-bottom: 1px dotted #f89a31;
text-align: left;
margin: 0;
padding: 5px 15px 5px 0;
vertical-align: top;
text-transform: uppercase;
}

table.datatable td {
margin: 0 10px 0 0;
border-bottom: 1px dotted #333333;
text-align: left;
padding: 5px 15px 5px 0;
vertical-align: top;

} 



/*** LEGAL PAGES LAYOUT STYLES ***/

#legal {
font-size: 0.9em;
width: 100%;
margin: 0;
padding: 0;
}