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

body {
	margin: 0;
	background: #494949;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*color: #959595;*/
	color: #6f6f6f;
}

a {color: #63991a; text-decoration: underline;}
a:visited {color: #5e662c; text-decoration: underline;}
a:hover {color: #8cc63f; text-decoration: underline;}

a img {border: 0;}

/*iframe {
	width: 626px;
	height: 520px;
	border: none;
	margin: 0;
	padding: 0;
}*/

#container {
	width: 980px;
	margin: 20px auto 0 auto;
}

#header {
	/*width: 980px;*/
	width: 963px;
	height: 112px;
	padding: 0 0 0 17px;
	background: url(../graphics/bg-header.gif) no-repeat;
}

	#logo {
		/*width: 285px;*/
		width: 295px;
		height: 112px;
		background: url(../graphics/bg-logo.gif) no-repeat;
		float: left;
	}
	
		#logo a {
			width: 285px;
			height: 102px;
			display: block;
		}
	
	#nav  {
		width: 668px;
		height: 54px;
		padding: 58px 0 0 0;
		float: left;
		font-size:11px;
	}
	
		#nav ul {margin: 0; padding: 0; list-style: none;}
		#nav ul li {margin: 0; padding: 0; list-style: none; float: left;}
		
		#nav ul li a {
			padding: 8px 10px;
			padding-bottom:9px;
			display: block;
			float: left;
			font-weight: bold;
			color: #ffffff;
			text-decoration: none;
		}
		
		#nav ul li a:hover {
			color: #ffffff;
			background-color: #71a32e;
			text-decoration: none;
		}
		
		#nav ul li a.on, #nav ul li a.on:visited, #nav ul li a.on:hover {
			padding: 8px 10px;
			padding-bottom:9px;
			display: block;
			float: left;
			font-weight: bold;
			color: #ffffff;
			background-color: #71a32e;
			text-decoration: none;
		}
	
#body {
	width: 980px;
	padding: 30px 0 0 0;
	background: url(../graphics/bg-body.gif) repeat-y;
}

#body-full {
	width: 980px;
	padding: 30px 0 0 0;
	background: url(../graphics/bg-body-full.gif) repeat-y;
}

	#subnav {
		width: 179px;
		padding-top: 20px;
		font-size: 11px;
		float: left;
	}
	
		#subnav ul {margin: 0; padding: 0; list-style: none;}
		#subnav ul li {margin: 0; padding: 0; list-style: none;}
		#subnav ul li.on {background-color: #d8ffa4;}
		#subnav ul li.on ul {background-color: #ffffff;}
			#subnav ul li a, #subnav ul li a:visited {
				padding: 4px 4px 4px 15px;
				display: block;
				text-decoration: none;
				color: #525252;
				font-weight: bold;
				text-transform: uppercase;
				}
				
			#subnav ul li a:hover {
				background-color: #d8ffa4;
				text-decoration: none;
			}
				
				#subnav ul ul li a, #subnav ul ul li a:visited {
					/*color: #959595;*/
					color: #6f6f6f;
					font-weight: normal;
					text-transform: none;
				}
				
				#subnav ul ul li a:hover {color: #6c6c6c;}
				
			*html #subnav ul li a {height: 1%;}
			
		.weekly-update {
			width: 179px;
			height: 83px;
			margin: 20px auto 0 auto;
			display: block;
			background: url(../graphics/subscribe-weekly-update.gif) no-repeat;
		}
		
		.weekly-update:hover {background-position: 0 -83px; background-repeat: no-repeat;}
	
	#content {
		/*width: 448px;*/
		width: 424px;
		padding: 0 12px;
		line-height: 17px;
		float: left;
	}
	
	#content-full {
		width: 628px;
		width: 604px;
		padding: 0 12px;
		line-height: 17px;
		float: left;
	}
	
		.green-seperator-div, .gray-seperator-div {
			width: auto;
			margin: 15px auto 0 auto;
			padding: 10px;
		}
		
		.green-seperator-div {background-color: #f5ffe7;}
		.gray-seperator-div {background-color: #f6f6f6;}
		
		.green-seperator-div h2, .gray-seperator-div h2 {margin: 0;}
	
	#side-bar {
		width: 180px;
		font-size: 11px;
		line-height: 14px;
		color: #494949;
		float: left;
	}
	
		#side-bar p {margin: 10px 0 0 0; padding: 0 8px;}
	
		#side-bar a, #side-bar a:visited {color: #5e662c; text-decoration: none; font-weight: bold;}
		#side-bar a:hover {color: #5e662c; text-decoration: underline;}
	
	#sponsors {
		width: 150px;
		padding: 0 10px;
		text-align: center;
		float: left;
	}
	
		#side-bar h3, #sponsors h3 {
			display: block;
			padding: 5px;
			background: #5e662c;
			color: #ffffff;
			margin: 12px 0 0 0;
			font-weight: normal;
			font-size: 14px;
			text-transform: uppercase;
			/*letter-spacing: .02em;
			border: 1px solid #000066;*/
		}
		
		#side-bar h3 {text-align: center;}
		#sponsors h3 {text-align: left;}

#footer {
	/*width: 980px;
	height: 63px;*/
	width: 965px;
	height: 47px;
	padding: 26px 0 0 15px;
	font-size: 10px;
	background: url(../graphics/bg-footer.gif) no-repeat;
}

#footer-full {
	/*width: 980px;
	height: 63px;*/
	width: 965px;
	height: 47px;
	padding: 26px 0 0 15px;
	font-size: 10px;
	background: url(../graphics/bg-footer-full.gif) no-repeat;
}



/****** LISTS *******/

.list-icon {
	margin: 12px 0 0 20px;
	padding: 0;
	list-style: none;
}

.list-icon li {
	margin: 3px 0;
	list-style: none;
}



/****** BULLETS FOR LISTS ******/

.icon-green-bullet {background: url(../graphics/icons/bullet_green.gif) no-repeat; padding: 0 0 0 12px;}



/****** TYPOGRAPHY ******/

h1, h2, h3, h4, h5, h6 {line-height: normal;}

h1 {
	font-size: 20px;
	color: #525252;
	margin: 0;
	text-transform: uppercase;
}

h2 {
	font-size: 14px;
	color: #525252;
	margin: 20px 0 0 0;
	text-transform: uppercase;
}

p {margin-bottom: 0;}

strong, b {color: #525252;}

.hidden {display: none;}

.highlight-light-green {color: #8cc63f;}
.highlight-dark-green {color: #5e662c;}
.highlight-aqua {color: #00b674;}

.center {text-align: center;}


/****** CLEAR PROPERTIES ******/

.float-left {float: left;}
.float-right {float: right;}

.clear-both {clear: both;}
.clear-left {clear: left;}
.clear-right {clear: right;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

*html .clearfix {height: 1%;}


.list-design-categories, .list-design-thumbs {
	margin: 15px 0 0 0;
	padding: 0;
}

	.list-design-categories li, .list-design-thumbs li {
		margin: 0 15px 10px 0;
		padding: 0;
		list-style: none;
		float: left;
	}
	
		.list-design-thumbs li a img, .list-design-categories li a img {
			border: 1px solid #b4ab93;
			padding: 6px;
			background-color: #fff;
		}