@charset "utf-8";
/* CSS Document */

body { /*This is the main values for the body tag*/
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background:#336; /*Use this to change the background color or add an image*/
	margin: 0;
	padding: 0;
	color: #000;
}


ul, ol, dl {  /*Unordered and Ordered list values*/
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p { /*h1 up to h6 + p values*/
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px;
}
a img {
	border: none; /*Change this if you want to add a border to your image links*/
}


a:link {
	color:#FF0; /*Changes the color for links*/
	text-decoration: underline; 
}
a:visited {
	color:#FF0;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}

.header {
	background: #8E593A; /*Header background color*/
}

.footer {
	padding: 10px 0;
	background:#8E593A; /*Foote background Color */
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}

.container { /*This is the container that has all of yourdiv tiems such as the menu + the content area*/
	width: 960px;
	background: #FFF;
	margin: 0 auto; 
	overflow: hidden; 
}


.sidebar1 { /*This is pretty much your menu, you can add any amount of items to the menu*/
	float: left;
	width: 180px;
	background:#B1A086; /*Background color for the menu*/ 
	padding-bottom: 10px;
}
.content { /*This is middle area where you get to write your content, this is contained within the .container tag*/

	padding: 10px 0;
	width: 780px;
	float: left;
}

.content ul, .content ol { /*This is for setting up UnOrdered and Ordered lists within the content tag*/
	padding: 0 15px 15px 40px; /
}

ul.nav {
	list-style: none; 
	border-top: 1px solid #666; 
	margin-bottom: 15px;
}
ul.nav li {
	border-bottom: 1px solid #666; 
}
ul.nav a, ul.nav a:visited { 
	padding: 5px 5px 5px 15px;
	display: block; 
	width: 160px;  
	text-decoration: none;
	background:#000094; /*The color of the menu Items*/
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
	background:#DACCB1;  /*The color of the menu Items Hover*/
	color: #ESF1FB;
}