body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: url("../images/body-bg.png") repeat-x top #f0f1e6;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #000000;
	font-size: 11px;
}

#container {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 950px;
	background-color: #FFFFFF;
}

.spacer {
	clear: both;
}

/* starts - Heading */
h1 {
	color: #4E6240;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 1px;
}

h2 {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;

}

h3 {
	color: #5D6B74;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
}

h4 {
	color: #5D6B74;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1px;
}
/* ends - Heading */

ul {
	margin: 0 auto;
	padding: 12px 0 0 0;
	text-align: left;
}

li {
	margin: 0 auto;
	padding: 0;
}


#topheader-left {
	margin: 0 auto;
	padding: 0;
	float: left;
	width: 219px;
	background: url("../images/header-left-bg.gif") top left repeat-y;
}

#logo {
	margin: 0 auto;
	padding: 0;
}

#left-content-text {
	margin: 0 0 30px 0;
	padding: 17px 22px 0 20px;
	color: #DDE7D3;
	background-color: #4E6240;
	height: 153px;
}
#left-content-text a:link {
	color: #DDE7D3;
}

#left-content-text h2 {
	color: #FFFFFF;
	font-size: 14px;
	margin: 0 auto;
	padding: 0;
}

#left-content-text p {
	margin: 0 auto;
	padding: 12px 0 0 0;
	line-height: 14px;
}

#topheader-right {
	margin: 0 auto;
	padding: 0;
	float: right;
	width: 731px;
}

#left-layer {
	margin: 0 auto;
	padding: 23px 5px 0 15px;
	float: left;
	border-right: solid 1px #E5E5E5;
	background-color: #FAFAF0;
	width: 199px;
	height: 650px;
}

#left-layer h1 {
	margin: 0 auto;
	padding: 0 0 8px 4px;
	border-bottom: solid 1px #D0D9DF;
}

#left-layer ul {
	margin: 0 auto;
	padding: 12px 0 0 0;
	text-align: left;
}

#left-layer ul li {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}

#left-layer ul li a {
	margin: 0 auto;
	padding: 5px 0 5px 18px;
	background: url("../images/left-links-bg.gif") no-repeat bottom left;
	text-decoration: none;
	color: #2A343A;
	display: block;
}

#left-layer ul li a:hover {
	margin: 0 auto;
	padding: 5px 0 5px 18px;
	background: url("../images/left-links-bgover.gif") no-repeat bottom left;
	text-decoration: none;
	color: #5B704C;
	display: block;
}

#left-layer ul li.selected a {
	margin: 0 auto;
	padding: 5px 0 5px 18px;
	background: url("../images/left-links-bgover.gif") no-repeat bottom left;
	text-decoration: none;
	color: #5B704C;
	display: block;
	font-weight: bold;
}

#mid-layer {
	margin: 0 auto;
	padding: 23px 21px 0 20px;
	float: left;
	width: 471px;
	border-right: solid 1px #D0D9DF;
}

#mid-layer h1 {
	margin: 0 auto;
	padding: 0 0 8px 2px;
	border-bottom: solid 1px #D0D9DF;
}

#mid-layer p {
	margin: 0 auto;
	padding: 0 4px 0 0;
}

#right-layer {
	margin: 0 auto;
	padding: 23px 18px 0 16px;
	float: right;
	width: 182px;
}

#right-layer h1 {
	margin: 0 auto;
	padding: 0 0 8px 4px;
	border-bottom: solid 1px #D0D9DF;
}

#right-layer p {
	margin: 0 auto;
	padding: 0 6px 0 5px;
}

#right-layer p a {
	margin: 0 auto;
	padding: 0;
	color: #4E6240;
	text-decoration: none;
}

.spotted-line {
	margin: 12px 0 18px 0;
	padding: 0;
	height: 1px;
	border-top: dotted 1px #D4D4D4;
}

#footer {
	margin: 0 auto;
	padding: 0;
	border-top: solid 5px #D0D9DF;
}

#footer-content {
	margin: 20px 0 0 0;
	padding: 0 0 0 20px;
	border-left: solid 1px #D0D9DF;
	float: right;
	text-align: left;
	width: 711px;
}

#footer-content a {
	color: #5D6B74;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	padding: 0 2px 2px 0;
}

#footer-content a:hover {
	color: #0064A1;
	text-decoration: none;
}
.alpha-order {
	text-transform: uppercase;
	padding: 0 0 6px 0;
}
.alpha-order a:link {
	color:#8E6499;
}
a:link {
	color:#4E6240;
	
}


/* Layout properties for your question  */
.question {
	cursor: pointer;	/* Cursor is like a hand when someone rolls the mouse over the question */
	margin: 0 auto;
	padding: 6px 0 0 0;
	font-weight: bold;
	color: #5D734E;
}

.answer {
	/* Layout properties - You can change these */
	padding: 6px 9px 0 12px;
	width: 450px;
	/* This one should not be changed */
	display: none;	
}

.left {
	/*
	margin: 0 auto;
	padding: 0;
	float: left;
	width: 150px;
	*/
	margin: 0; 
	padding: 0;
}

.left ul {
	/*margin: 0 auto;*/
	margin: 0;
	padding: 0 12px 4px 0;
}

.left ul li {
	margin: 0 auto;
	padding: 0 0 0 10px;
	list-style-type: none;
	background: url("../images/list-items-bullets.gif") 0 8px no-repeat;
}

.view-video ul {
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

.view-video ul li {
	margin: 0 auto;
	padding: 5px 0 0 0;
	list-style-type: none;
	background: url("../images/bullet-purple.png") no-repeat bottom left;
}

.view-video ul li a {
	margin: 0 auto;
	padding: 3px 0 5px 15px;
	text-decoration: none;
	color: #4E6240;
	display: block;
	font-weight: bold;
}
.desc {
	color: #88627E;
	font-weight: bold;
	float:left;
	width:80px;
		clear:both;
}
.results {
	width:350px;
	float:left;
	left:120px;

}
.listing {
	border-bottom: dotted 1px #D4D4D4;
	margin-bottom: 15px;
	padding-bottom:5px;
}
.listing p {
	margin-top:15px;
}

/*Additional styles for links in subcategories list*/
.left ul li a {color: #000; text-decoration: none;}
.left ul li a:hover {text-decoration: underline;}
/*End of additional styles for links in subcategories list*/
/*Additional styles for pagination*/
.nav {margin-top: 17px;}
	.pages {margin-right: 8px;}
	.nav a, .navPages a {color:#4E6240;} 
.navPages {margin-top: 4px;}
	.navPages a.current {font-weight: bold;}
.sep {margin: 0 6px;}
/*End of additional styles for pagination*/
