/*
  orange:  #C58D3A
  grey:  #989498
*/

body {
	font: .8em "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: black;
    background: url(images/background.jpg) no-repeat fixed bottom right;
}

#container {
	width: 700px;
	background: none;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#mainContent {
	/*padding: 0 20px;  remember that padding is the space inside the div box and margin is the space outside the div box */
}

#contact, #contact a:link, #contact a:visited  {
	color:  #C58D3A;
	font-size: 1em;
	padding: 5px 0 0 7px;
	text-decoration: none;
}

#contact a:hover, #contact a:active {
	text-decoration: underline;
}

.logo {
	margin: 7% 0 0 0;
	clear: both;
	padding: 0 0 0 5px;
}

#linkbar {
	margin: 2px 0 0 5px;
}

.linkbaritem {
}

.linkbaritem a:link, .linkbaritem a:visited, .linkbaritem a:active {
	color: white;
	padding: 2px 8px 2px 8px; /*trbl*/
	text-decoration: none;
	background-color: #C58D3A;
}

.linkbaritem a:hover  {
	color: white;
	background-color: black;
}

#mainarea  {
	width: 700px;
	padding: 10px 0 0 5px;
	font-family: georgia;
	line-height: 150%;
}

#mainarea a:link, #mainarea a:visited  {
	color: #C58D3A;
	text-decoration: none;
}

#mainarea a:hover, #mainarea a:active  {
	color: #989498;
	text-decoration: underline;
}

#mainarea .left {
	padding: 0 0 0 3px;
	width: 400px;
	float: left;
	font-size: 1.4em;
	line-height: 160%;
}

#mainarea .right {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	width: 250px;
	padding: 0 0 0 25px;
	float: left;
	background-color: white;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
}

/*-- Styles for the accordian js --*/
/*	Vertical Accordions  */
.accordion_toggle {
	display: block;
	height: 30px;
	width: 100%;
	padding: 0 0 0 10px;
	line-height: 30px;
	font-weight: normal;
	text-decoration: none;
	font-weight: bold;
	outline: none;
	font-size: 1em;
	border-bottom: 1px solid white;
	cursor: pointer;
	margin: 0;
}

.accordion_toggle a:hover {
	color: #C58D3A;
}

.accordion_toggle_active {
	color: #ffffff;
	border-bottom: 1px solid white;
	background-color: #C58D3A;
}

.accordion_content {
	overflow: hidden;
}
	
.accordion_content h2 {
	margin: 15px 0 5px 10px;
}
	
.accordion_content p {
	line-height: 150%;
	padding: 0;
}
	
.vertical_accordion_toggle {
	display: block;
	height: 30px;
	width: 350px;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0;
}

.vertical_accordion_toggle_active {
	background: url(../images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
	color: #ffffff;
	border-bottom: 1px solid #f68263;
}

.vertical_accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
}

.vertical_accordion_content h2 {
	margin: 15px 0 5px 10px;
	color: #0099FF;
}

.vertical_accordion_content p {
	line-height: 150%;
	padding: 5px 10px 15px 10px;
}
			    
#vertical_nested_container {
  margin: 20px 0 20px 0;
  width: 350px;
}
/*-- End styles for the acordian js --*/