html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}

/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

/*-------------------------------------------------------------*/

body {
	background-color:#f8fbfc ;
	height: 100%;
	width: 100%;
	font-family:Helvetica, Arial, "Helvetica Neue", sans-serif;
	font-size: 12px;
	}


.clr {clear: both;}
h1{}
h2{
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 17px;
	}
h3{
	font-size: 14px;
	color: #753218;
	letter-spacing:-1px;
	margin: 0;
	padding: 1em 0 .4em 0;
	}
	.fisrtH3 {padding: 0em 0 .4em 0;}
		
h4 {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}

p,ul, li  {
	line-height: 1.4em;
	margin: 0 0 .6em 0;
	font-size:12px;
	}

a {text-decoration: none;}	
a:link {	
	text-decoration: none;
	color: #905b46;
	}
a:hover {
	text-decoration: underline;
	color: #905b46;}
a:active {
	text-decoration: underline;
	color: #905b46;}
a:visited {color: #905b46;}
	
	
	
	
#wrap-title {
	background-color: #bfced5;
	
	}
	#wrap-header {border-bottom: 1px solid #96a7af;}
	#header {
		background: url(images/bg-header.jpg) no-repeat;
		height: 200px;
		margin: 0 auto;
		padding: 0;
		width: 660px;
		
		}
		#logo {
			background: url(images/logo.png) no-repeat;
			height: 132px;
			width:191px ;
			float: left;
			position:relative;
			top: 2em;
			}
		#title {
			background: url(images/logo-text.png) no-repeat;
			height: 59px;
			width:445px ;
			float:right;
			position:relative;
			top: 7em;
			}
	#wrap-nav {
	width: 100%;
	background: #f8da50;
	border-top: 1px solid #d2dce1;
	}
	
		#nav {
			margin: 0 auto;
			width: 660px;
			height: 42px;
			
			}
			#nav ul {
				list-style-type: none;
				margin: 0;
				padding: .65em 0 0 0;
				}
				#nav ul li{
					display: inline;
					float:left;
					padding: 0 .5em 0 0;
					}
					#nav  a {
						text-decoration: none;
						text-indent: -99999%;
						height: 26px;
						}
						#nav span {display: none;}

						#home a {
							display:block;
							background: url(images/nav-sprite.jpg) no-repeat 0 0;
							width:56px;
							height:26px;
							}
							#home a:hover {background: url(images/nav-sprite.jpg) no-repeat 0 -26px;}
							.home #home a {background: url(images/nav-sprite.jpg) no-repeat 0 -26px;}
						#about a {
							display:block;
							background: url(images/nav-sprite.jpg) no-repeat -56px 0;
							width:58px;
							height:26px;
							}
							#about a:hover {background: url(images/nav-sprite.jpg) no-repeat -56px -26px;}
							.about #about a {background: url(images/nav-sprite.jpg) no-repeat -56px -26px;}
							
						#tools a {
							display:block;
							background: url(images/nav-sprite.jpg) no-repeat -114px 0;
							width:52px;
							height:26px;
							}
							#tools a:hover {background: url(images/nav-sprite.jpg) no-repeat -114px -26px;}
							.tools #tools a {background: url(images/nav-sprite.jpg) no-repeat -114px -26px;}
					
						#menus a {
							display:block;
							background: url(images/nav-sprite.jpg) no-repeat -166px 0;
							width:61px;
							height:26px;
							}
							#menus a:hover {background: url(images/nav-sprite.jpg) no-repeat -166px -26px;}
							.menus #menus a {background: url(images/nav-sprite.jpg) no-repeat -166px -26px;}
							
						#community a {
							display:block;
							background: url(images/nav-sprite.jpg) no-repeat -227px 0;
							width:96px;
							height:26px;
							}
							#community a:hover {background: url(images/nav-sprite.jpg) no-repeat -227px -26px;}
							.community #community a {background: url(images/nav-sprite.jpg) no-repeat -227px -26px;}
						
						#contest a {
							display:block;
							background: url(images/nav-sprite.jpg) no-repeat -323px 0;
							width:115px;
							height:26px;
							}
							#contest a:hover {background: url(images/nav-sprite.jpg) no-repeat -323px -26px;}
							.contest #contest a {background: url(images/nav-sprite.jpg) no-repeat -323px -26px;}
						
						#merchandise a {
							display:block;
							background: url(images/nav-sprite.jpg) no-repeat -438px 0;
							width:116px;
							height:26px;
							}
							#merchandise a:hover {background: url(images/nav-sprite.jpg) no-repeat -438px -26px;}

#wrap {
	background-color: #f8fbfc;
	}
	#contentContainer {
		margin: 0 auto;
		width: 660px;
		}
		#content{
			padding: 1em 0 0 0;}
		#footer {
			background: #f8fbfc url(images/footer-border.jpg) no-repeat;
			width: 660px;
			height: 33px;
			}		
			#footerWrap {
				margin: 0 auto;
				width: 660px;
				}
				
				#sponsors ul {
					list-style-type: none;
					margin: 0 0 0 3em;
					}
					#sponsors ul li {
						display: inline;
						}
					
				#footerDetails {
					color: #000;
					font-size: 12px;
					text-align: center;
					}
					#footerDetails ul {margin: 0 0 1em 0;}
						#secondNav li,
						#footerDetails li	{display: inline;}
							#secondNav li a {
								text-decoration:none;
								color: #000;
								font-weight: bold;
								padding: 0 .35em 0 0 ;
								}
					

/* HOMEPAGE */
#phraseBlock {
	background: url(images/homepage-search-bg.jpg) no-repeat;
	height: 58px;
	width: 659px ;
	}
#navTable td {height: 198px;}
	#navTable  a {
		text-decoration: none;
		text-indent: -999%;
		height: 198px;
		display: block;
		}
		.hideNav {display: none;}
	.home #home-about a{
		background: url(images/homepage-sprite.jpg) no-repeat 0 0;
		width:120px;
		}
		.home #home-about a:hover{background: url(images/homepage-sprite.jpg) no-repeat 0 -198px;}
		
	.home #home-tools	{
		background: url(images/homepage-sprite.jpg) no-repeat -120px 0;
		width:130px;
		}
		.home #home-tools a:hover{background: url(images/homepage-sprite.jpg) no-repeat -120px -198px;}
	
	.home #home-menus	{
		background: url(images/homepage-sprite.jpg) no-repeat -250px 0;
		width:150px;
		}
		.home #home-menus a:hover{background: url(images/homepage-sprite.jpg) no-repeat -250px -198px;}	
	
	.home #home-community	{
		background: url(images/homepage-sprite.jpg) no-repeat -400px 0;
		width:140px;
		}
		.home #home-community a:hover{background: url(images/homepage-sprite.jpg) no-repeat -400px -198px;}
		
	.home #home-contest	{
		background: url(images/homepage-sprite.jpg) no-repeat -540px 0;
		width:140px;
		}
		.home #home-contest a:hover{background: url(images/homepage-sprite.jpg) no-repeat -540px -198px;}

/* ABOUT */

#aboutBlock {
	background: url(images/about-para-bg.jpg) no-repeat;
	height: 100px;
	width: 659px;
	margin: 1em 0 .5em 0;
	color: #3e3f3f;
	}
	#aboutBlock h3 {
		color: #3e3f3f;
		text-transform: uppercase;
		font-weight: bold;
		padding: .9em .5em 0 .5em}
	#aboutBlock p {padding: .65em;}
	
/* MENUS */
.menus #columns {margin: 1em 0 2em 0;}

	.menus #colLeft {
		float: left;
		width: 360px;
		padding: 1em 0 0 0;
		}
		.menus #colLeft ul {
			list-style-type: none;
			padding: .85em .85em .85em 0;
			}	
			.menus #colLeft ul li a {
				padding: .25em;
				}
				
	.menus #colRight {
		float: right;
		width: 283px;
		background: url(images/bg-menus-details.jpg) no-repeat;
		height: 141px;
		margin: 1em 0 0 0;
		color: #3e3f3f;
		}
		.menus #colRight h3 {
			color: #3e3f3f;

			font-weight: bold;
			padding: .9em .5em 0 .5em;
			margin: .2em 0 0 0;
			}
		.menus #colRight p {
			padding: 1em .8em .65em .8em;
			}
		
	.menus #colLeft ul {
		font-size: 12px;
		margin: 0 0 0 2em;
		}

/* RECIPES */
.recipe-list {
	margin: .65em 0 .65em 1.75em;
	}


/* TOOLS */
#three-buttons {
	margin: 2em 0 0 1em;
	padding: 0 0 3em 0;
	list-style-type: none;}
	#three-buttons li {
		display: inline;
		float:left;
		}
		#three-buttons li a {
			display: block;
			height: 124px;
			text-indent: -99999%;
			}
			#three-buttons span {display: none;}
			#three-buttons #getstarted a{ 
				background: url(images/3-button.png) no-repeat 0 0;
				width:205px;
				}
				#three-buttons #getstarted  a:hover {background: url(images/3-button.png) no-repeat 0 -122px;}
				
			#three-buttons #kids  a{ 
				background: url(images/3-button.png) no-repeat -205px 0;
				width:205px;
				}
				#three-buttons #kids  a:hover {background: url(images/3-button.png) no-repeat -205px -122px;}
			
			#three-buttons #marketing a { 
				background: url(images/3-button.png) no-repeat -410px 0;
				width:205px;
				}
				#three-buttons #marketing  a:hover {background: url(images/3-button.png) no-repeat -410px -122px;}
			
			
/* TOOLS - SUBPAGE */
.small-three-button	{
	list-style-type: none;
	margin: 2em 0 2em 15em;
	padding: 0;
	}
	.small-three-button li {display: inline;}
	.small-three-button li a {padding: 0 1em 0 0;}


/* CONTEST */
.content-list {
	margin: .65em 0 .65em 1.75em;
	list-style-image: url(images/list-item.gif);
	}
#sweep_form {
	padding: 1em;
	margin: 0;
	width: 660px;

	}