/* CSS Document */
body{padding:0px; margin:0px; background:#fff; color:#006600; font:11pt/14px "Comic Sans MS"; }
div, p, ul, h2, h3, h4, img{}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px}

#container{margin:0 auto; width:775px; position:relative; border: #000 1px solid;}

p a.link01{font:10px/14px Tahoma, sans-serif; color:#6e6e6e; font-weight:normal; text-decoration:underline;}
p a.link01:hover{
	color:#fff;
	text-decoration:none;
	background:#009900;
	margin-left: 5px;
}

p a{font:normal 14pt/14px Tahoma, sans-serif; color:#d76500; text-decoration:none;}
p a:hover{color:#fff; text-decoration:none; background:#009900;}

/* HEADER */

#header{
	height:201px;
	position:relative;
	background:url(../images/wildrice_header.png) 0 0 no-repeat;
	margin: 0;
	padding: 0;
}

#logo{width:218px; height:58px; position:absolute; top:11px; left:14px }

#slogan{width:200px; height:16px; position:absolute; top:35px; left:545px }

#categories{width:298px; height:55px; position:absolute; top:70px; left:296px }

/* MENU */

#menu{height:40px; position:relative; background:url(../images/b_buttons.jpg) 0 0 no-repeat; clear:both}

#menu ul{margin: 0 auto; padding-top:15px; padding-left:30px;}
#menu ul li{float:left; margin-right: 21px;}

#menu ul li.home a{width:76px; height:13px; display:block; background:url(../images/btn_home.png) 0 0 no-repeat; text-indent:-20000px;}
#menu ul li.home a:hover{width:76px; height:13px; background:url(../images/btn_home_over.png) 0 0 no-repeat;}

#menu ul li.about a{width:98px; height:13px; display:block; background:url(../images/btn_about.png) no-repeat 0 0; text-indent:-20000px;}
#menu ul li.about a:hover{width:98px; height:13px; background:url(../images/btn_about_over.png) no-repeat 0 0;}

#menu ul li.membership a{width:83px; height:13px; display:block; background:url(../images/btn_maplesyrup.png) 0 0 no-repeat; text-indent:-20000px;}
#menu ul li.membership a:hover{width:83px; height:13px; background:url(../images/btn_maplesyrup_over.png) 0 0 no-repeat;}

#menu ul li.prices a{width:50px; height:13px; display:block; background:url(../images/btn_prices.png) 0 0 no-repeat; text-indent:-20000px;}
#menu ul li.prices a:hover{width:50px; height:13px; background:url(../images/btn_prices_over.png) 0 0 no-repeat;}

#menu ul li.events a{width:50px; height:13px; display:block; background:url(../images/btn_favorites.png) 0 0 no-repeat; text-indent:-20000px;}
#menu ul li.events a:hover{width:50px; height:13px; background:url(../images/btn_favorites_over.png) 0 0 no-repeat;}

#menu ul li.contacts a{width:68px; height:13px; display:block; background:url(../images/btn_contact.png) 0 0 no-repeat; text-indent:-20000px;}
#menu ul li.contacts a:hover{width:68px; height:13px; background:url(../images/btn_contact_over.png) 0 0 no-repeat;}

#menu ul li.bullet{width:15px; height:13px; background:url(../images/bullet1.gif) 0 0 no-repeat;}

/* CONTENT */

#content{position:relative; background:#006600; border-top: #fff 1px dashed;  border-bottom: #fff 1px dashed; clear:both}

#incontent{background:#fff; padding-top:12px;}

#leftPan{position:relative; width:338px; float:left; border-right:#cccccc 1px solid; margin-right:33px}

#welcome{width:680px; border-bottom:#cccccc 1px solid; padding-bottom:10px; margin-left:38px}
#welcome h2{width:211px; height:17px; background:url(../images/h_contact.png) no-repeat 0 0; clear:both; padding-bottom:21px;}
#welcome p.img{width:336px; min-height:75px; padding: 6px 0 15px 129px; background:url(../images/pouring_maple_syrup_small.jpg) no-repeat 0 0; display:block; font:10px/12px Tahoma, sans-serif; color:#003300; font-weight:bold;}

#equipment{width:338px; position:inherit; clear:both;}
#equipment h2{width:136px; height:135px; background:url(none) no-repeat 0 0; float:left;}
#equipment h3{width:202px; height:40px; background:url(none) no-repeat 0 0; float:left; margin-top:9px;}
#equipment ul{width:202px;float:left; margin-top:10px;}
#equipment ul li{height:18px;}
#equipment ul li a{font:10px/18px Tahoma, sans-serif; color:#d76500; font-weight:normal; text-decoration:underline; background:url(../images/arrow1.jpg) 27px 7px no-repeat; padding: 0 0 0 42px; display:block;}
#equipment ul li a:hover{text-decoration:none; color:#000;}

#rightPan{
	position:relative;
	width:680px;
	float:left;
	height: auto;
}

#services{
	width:680px;
	border-bottom:#cccccc 1px solid;
	padding-bottom:20px;
	height: 200px;
}
#services h2{
	width:332px;
	height:17px;
	padding-bottom:21px;
	float:left;
	padding-left: 10px;
}
#services h3{width:200px; height:100px; float:right; }

#services ul{
	width:180px;
	float:left;
	margin-top:5px;
	padding-left: 5px;
}
#services ul li{height:18px;}
#services ul li a{font:10px/18px Tahoma, sans-serif; color:#d76500; font-weight:normal; text-decoration:underline; background:url(../images/arrow1.jpg) 0 7px no-repeat; padding: 0 0 0 12px; display:block;}
#services ul li a:hover{text-decoration:none; color:#000;}

#services p{
	margin: 5;
	padding: 15px;
	float: right;
	height: auto;
	width: auto;
}

#membership{width:332px; margin-top:20px;}
#membership h2{width:332px; height:17px; background:url(../images/h_membership.jpg) 0 0 no-repeat; padding-bottom:10px; }
#membership p.boldtext{font:10px/12px Tahoma, sans-serif; color:#d76500; font-weight:bold; padding-bottom:10px}


/* FOOTER */

#footer {
	height:119px;
	clear:none;
	background:#597207;
	width: 782px;
	float: none;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

#footer img{width:301px; float:left; border-right:#fff 1px dashed;}
#footer p{margin: 32px 0 0 32px; font:10px/18px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:left; color:#fff; float:left}
#footer p a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; text-decoration:none; padding: 0 2px }
#footer p a:hover{color:#000; background:#FFFFFF;}

