body {
	font-family: trebuchet ms, verdana, arial, tahoma;
	font-size: 95%;
	color: #635D5A;
	background-color: white;
	line-height: 140%;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* Set the page width here */
#menu-top, #header, #wrapper-content, #wrapper-footer {
	width: 90%;
	margin: 0 auto;
	text-align: left;
}

#menu-top {
	background: white url('images/layout-white-right.png') no-repeat right top;
	overflow: hidden
}

#menu-top ul {
	background: url('images/layout-white-left.png') no-repeat left top;
	margin:0;
	float: left;
	padding-left: 20px; list-style-type:none; padding-right:0; padding-top:1em; padding-bottom:0
}

#menu-top li {
	display: inline;
	float: left;
}

#menu-top a {
	float: left;
	background:url('images/layout-menuleft.png') no-repeat left top;
	margin:0;
	line-height: 1.5em; padding-left:4px; padding-right:0; padding-top:0; padding-bottom:0
}

#menu-top a span {
	background: url('images/layout-menuright.png') no-repeat right top;
	color:#5b8fbe;
	display: block;
	float: left;
	cursor: pointer; padding-left:6px; padding-right:15px; padding-top:5px; padding-bottom:4px
}

#menu-top a:hover { background-position:0% -42px; }
#menu-top a:hover span {	background-position:100% -42px; }

#wrapper-header {	background: url('images/layout-bkgrnd1.png') repeat-x top center; }

#header { background: #eee url('images/layout-himalaya.jpg') no-repeat center top; }

#wrapper-header2 { background: url('images/layout-sunset-left.png') no-repeat top left; }

#wrapper-header3 { background: url('images/layout-sunset-right.png') no-repeat top right; }

#header h1 {
	margin: 0 30px;
	padding: 0;
	height: 192px;
	line-height: 3.2em;
	color: #ffffff;
	font-size: 180%;
}

#wrapper-content { background: white url('images/layout-white-left.png') no-repeat left top; }

* html #wrapper-content { height: 1%; }

#content {
	background: url('images/layout-white-right.png') no-repeat right top;
	padding-left:40px; padding-right:245px; padding-top:5px; padding-bottom:5px
}

#wrapper-menu-page {
	float: right;
	width:180px;
	background: url('images/layout-menu.png') no-repeat;
	text-align: center;
	line-height: 140%;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	font-weight: bold;
	color:#ab7b22; margin-left:2em; margin-right:30px; margin-top:20px; margin-bottom:3em
}

* html #wrapper-menu-page { margin-right: 15px; }

#menu-page { padding-top: 5px; }

#menu-page ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 90%;
	color:#ab7b22;
}

#slides {
	float: left;
	width: 360px;
	margin-left:0%; margin-right:2%; margin-top:3%; margin-bottom:3%;
}




#menu-page a:link, #menu-page a:visited { color: #ab7b22; text-decoration: none; }
#menu-page a:hover { color: #7f8197; text-decoration: none; }

#wrapper-footer {
	margin-top: 1em;
	text-align: center;
}

#footer {
	margin: 0 20px;
	background-color: #b4b6c6;
	border: 1px solid #ccc;
	border-bottom: 0;
	font-size: smaller;
	clear: both;
}

a:link, a:visited { color: #ab7b22; }
a:hover{ color: #7f8197; }
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
   
/* ~~~~~~~~~ Headings ~~~~~~~~~ */    
 
h2 { 
	font-size: 120%;
	color:#7f8197;
	margin-top: 40px;
	border-bottom: 1px solid #7f8197;
	}

h3 {
	font-size: 90%;
	color: #ab7b22;
	text-transform: uppercase;
	font-weight: 600;
	border-bottom: 0;
	line-height: 140%;
	}

h4 {                  /*for indented subheadings (usually following an h2) */
	text-left: 2%;
	font-size: 110%;
	color: #6a9500;
	font-weight: 600;
	line-height: 140%;
	margin-top: 20px;
	margin-bottom: 0px;
	}
	
h5 {					/*same as h3, only indented (usually following an h4) */
	margin-left: 2%;
	font-size: 90%;
	color: #ab7b22;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 0;
	line-height: 140%;
	}

h6 {					/*same as h5, only smaller text */
	margin-left: 2%;
	font-size: 80%;
	color: #ab7b22;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 0;
	line-height: 140%;
	}

/**************** images styles ****************/		
	a img{
	  border: none;
	  }

	img.left,img.center,img.right {
	  padding: 4px;
	  border: 1px solid #a0a0a0;
	  }

	img.left {
	  float: left;
	  margin: -3px 15px 15px 15px;  /*sets margins around the image in this order: top, right, bottom, left */
	  }

	img.center {
	  display: block;
	  margin: 0 auto 5px auto;
	  }

	img.right {
	  float: right;
	  margin: 0 0 5px 12px;
	  }
	  
/**************** sidebar styles ****************/
	#sidebar {
	  width: 175px;
	  padding-left: 40px;
	  padding-right: 10px;
	  padding-top: 10px;
	  float: right;
	  border-top: 1px solid #7f8197;
	  border-bottom: 1px solid #7f8197;
	  }
		
	#sidebar p {
	  padding-bottom: 10px;
	  }
	  
/*~~~~~~~~~~~styles~~~~~~~~~~~~~~~*/

.indent {		/*for text under indented subheadings (h5) */
	margin-left: 2%;
	margin-top: 0px;
	margin-bottom: 0px;
	}

.filler {
	float: left;
	width: 2em;
	height: 300px; /* this is the blank space to hold the left margin. make this a height that will be long enough for the rest of the content */