/* Start of CMSMS style sheet 'sunnypark_fix' */
body{
	background: #00934D;
	color: #000;
	font-size: 0.8em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#container {
	width: 1200px;
	margin: auto;
	text-align: left;
	padding: 0 0 0 0px;
	position: relative;
	top: 0px;
}

#header{
	width: 1200px;
	height: 246px;
	}

#head1{
	width: 200px;
	height: 246px;
	position: relative;
	background: url(uploads/images/website/head1.gif) no-repeat;
	top: 0px;
	left:0px;
	}

#head2{
	width: 200px;
	height: 246px;
	position: relative;
	background: url(uploads/images/website/head2.gif) no-repeat;
	top: -246px;
	left:200px;
	}
	
#head3{
	width: 200px;
	height: 246px;
	position: relative;
	background: url(uploads/images/website/head3.gif) no-repeat;
	top: -492px;
	left:400px;
	}

#head4{
	width: 200px;
	height: 246px;
	position: relative;
	background: url(uploads/images/website/head4.gif) no-repeat;
	top: -738px;
	left: 600px;
	}

#head5{
	width: 200px;
	height: 246px;
	position: relative;
	background: url(uploads/images/website/head5.gif) no-repeat;
	top: -984px;
	left:800px;
	}

#head6{
	width: 200px;
	height: 246px;
	position: relative;
	background: url(uploads/images/website/head6.gif) no-repeat;
	top: -1230px;
	left: 1000px;
	}

#search {
	width: 430px;
	height: 20px;
	position: absolute;
	left: 565px;
	top: 50px;
	text-align: right;
	background: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	z-index: 110;

}

#bread{
	width: 770px;
	height: auto;
	position: absolute;
	background: none;
	top: 145px;
	left: 223px;
	text-align: right;
	padding:5px 0 0px 0;
	margin: 0 0 10 0;
	z-index: 140;
}

#bread a{
	color: #F26522;
	text-decoration: none;
}

#bread a:hover{
	text-decoration: underline;
}

#topnav {
	width: 800px;
	height: 100px;
	text-align: left;
	position: absolute;
	top: 195px;
	left: 240px;
	color: #FFF;
	font-size: 1.2em;
	background: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	z-index: 120;
}
	
#main{
	width: 987px;
	height:auto;
	position: absolute;
	left: 116px;
	top: 246px;
	background: url(uploads/images/website/contentbgr.gif) repeat-y;
	padding: 0 0 0 0;
	margin: 0 0px 0 0px;
	}
	
#main p, #main ul, #main ol{
	color: #000;
	padding: 0 0 0 0;
	margin: 15px 200px 0px 200px;
	}

#footer{
	width: 987px;
	height: 316px;
	position: relative;
	bottom: 0px;
	background: url(uploads/images/website/footer.gif) no-repeat;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
	
#leftpanel{
	width: 289px;
	height: 382px;
	position: relative;
	left: -116px;
	top: -382px;
	background: url(uploads/images/website/leftp.gif) no-repeat;
	}
	
#rightpanel{
	width: 270px;
	height: 417px;
	position: relative;
	left: 930px;
	top: -35px;
	background: url(uploads/images/website/rightp.gif) no-repeat;
	}
	
#hnav{
	width: 87px;
	height: 65px;
	position: relative;
	background: none;
	left: 114px;
	top: -299px;
}
a.hnavl {
     display: block; 
     width: 87px; 
     height: 65px; 
     background-image: none;
}
	 
a.hnavl:hover { 
     background-image: url(uploads/images/website/home_over.gif); 
} 

#conav{
	width: 90px;
	height: 63px;
	position: relative;
	background: none;
	left: 37px;
	top: 46px;
}
a.conavl {
     display: block; 
     width: 90px; 
     height: 63px; 
     background-image: none;
}
	 
a.conavl:hover { 
     background-image: url(uploads/images/website/company_over.gif); 
} 

#rpnav{
	width: 90px;
	height: 62px;
	position: relative;
	background: none;
	left: 114px;
	top: -109px;
}
a.rpnavl {
     display: block; 
     width: 90px; 
     height: 62px; 
     background-image: none;
}
	 
a.rpnavl:hover { 
     background-image: url(uploads/images/website/recipes_over.gif); 
} 

#pdnav{
	width: 90px;
	height: 70px;
	position: relative;
	background: none;
	left: 140px;
	top: -62px;
}
a.pdnavl {
     display: block; 
     width: 90px; 
     height: 70px; 
     background-image: none;
}
	 
a.pdnavl:hover { 
     background-image: url(uploads/images/website/produce_over.gif); 
}

#ntnav{
	width: 90px;
	height: 60px;
	position: relative;
	background: none;
	left: 117px;
	top: -99px;
}
a.ntnavl {
     display: block; 
     width: 90px; 
     height: 60px; 
     background-image: none;
}
	 
a.ntnavl:hover { 
     background-image: url(uploads/images/website/nutrition_over.gif); 
}

#nwnav{
	width: 89px;
	height: 63px;
	position: relative;
	background: none;
	left: 61px;
	top: 15px;
}
a.nwnavl {
     display: block; 
     width: 89px; 
     height: 63px; 
     background-image: none;
}
	 
a.nwnavl:hover { 
     background-image: url(uploads/images/website/news_over.gif); 
}

#enav{
	width: 92px;
	height: 59px;
	position: relative;
	background: none;
	left: 103px;
	top: -53px;
}
a.enavl {
     display: block; 
     width: 92px; 
     height: 59px; 
     background-image: none;
}
	 
a.enavl:hover { 
     background-image: url(uploads/images/website/events_over.gif); 
}

#rtnav{
	width: 90px;
	height: 65px;
	position: relative;
	background: none;
	left: 72px;
	top: -180px;
}
a.rtnavl {
     display: block; 
     width: 90px; 
     height: 65px; 
     background-image: none;
}
	 
a.rtnavl:hover { 
     background-image: url(uploads/images/website/retailers_over.gif); 
}

#ctnav{
	width: 91px;
	height: 62px;
	position: relative;
	background: none;
	left: 59px;
	top: 16px;
}
a.ctnavl {
     display: block; 
     width: 91px; 
     height: 62px; 
     background-image: none;
}
	 
a.ctnavl:hover { 
     background-image: url(uploads/images/website/contact_over.gif); 
}



h1, h2, h3{
	color: #EC2123;
	width: 640px;
	border-bottom: #EC2123 1px solid;
	margin: 15px 175px 15px 175px;
}

h4, h5, h6{
	color: #EC2123;
	border-bottom: none;
	margin: 15px 175px 15px 175px;
}

.contactform{
	margin: 15px 175px 15px 175px;
}

/* The wrapper clears the floating elements of the menu */

#menuwrapper {
        overflow: hidden;
        background-color: none;
        border-bottom: 0px;
        width: 776px;
        font-size: 1.0em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        margin-left: 0px;
        }

/* Set the width of the menu elements at second level. Leaving first level flexible. */

#primary-nav li li {
        width: 200px;

       }


/* Unless you know what you do, do not touch this */

#primary-nav, #primary-nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
#primary-nav ul {
	position: absolute;
	top: auto;
	display: none;
	}
#primary-nav ul ul {
	margin-top: 1px;
 	margin-left: -1px;
	left: 100%;
	top: 0px;
	}

#primary-nav li {
	margin-left: -1px;
	float: left;
	}
#primary-nav li li {
	margin-left: 0px;
	margin-top: -1px;
	float: none;
	position: relative;
	}

/* Styling the basic apperance of the menu elements */

#primary-nav a {
	display: block;
	margin: 0px;
	padding: 5px 15px;
	text-decoration: none;
        color: #FFEF00;
	}

#primary-nav a:hover {
	text-decoration: underline;
}

#primary-nav li a {
	border-right: 0px;
	border-left: 0px;
        color: #FFEF00;
	}
#primary-nav li li a {
	border: 0px;
	}
#primary-nav li, #primary-nav li.menuparent {
	background-color: #F26522;
        color: #FFEF00;
	}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive {
	background-color: none;
        color: #FFF;
	}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth {
	background-image: url(modules/MenuManager/images/arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
        color: #FFEF00;
	}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh {
	background-color: none;
        color : red;
	}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul {
	display: none;
          color: red;
	}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul {
	display: block;
	}


/* IE Hacks */

#primary-nav li li {
	float: left;
	clear: both;
	}
#primary-nav li li a {
	height: 1%;
	}

/* End of 'sunnypark_fix' */