/*Priamry Attributes*/

html, body{
margin: 0;
padding: 0;
border: none;
}

body{
background-image: url('images/sideext.png');
background-repeat: repeat-y;
}

img{
border: none;
}

input{
border: 1px solid black;
}

.noborder{
border: none;
}

#noborder{
border: none;
float: left;
}

.main_img{
   border:none;
}

.main{
position: absolute; 
left: 0px; 
top: 0px; 
min-height: 100%; 
width: 100%;
}

.content img{
border: 1px solid black;
}

.content{
position: relative;
padding-left: 152px !important;
padding-left: 0px;  /*Rule for IE6 (Ignores the above important)*/
font-family: Arial, sans-serif;
color:black;
line-height: 25px;
padding-top: 142px;
height: auto !important; 
height: 282px;
margin-right: 5px;
}

.content h1{
line-height: normal;
}

.center{
text-align: center;
}

.left{
border: 1px solid black;
float: left; 
margin-right: 5px;
}

/* sidebar - main menu */

.sidebar{
	position: relative;
	padding-top: 142px;
	float: left;
	vertical-align: top;
	width: 151px;
	background-image: url(images/sideext.png);
	z-index: 1;
}

.sidebar a{
	margin-left: 5px;
	font: 12px Arial, sans-serif;
	display: block;
	width: 130px;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 10px;
	height: 20px;
	padding-top: 4px;
	background-image: url(images/sidebutton.png) !important;
	background-image: url(images/sidebutton.gif);
}

.sidebar a:hover{
	background-image: url(images/sidebuttonlight.png) !important;
	background-image: url(images/sidebuttonlight.gif);
}

.sidebar a:active{
	background-image: url(images/sidebuttonpress.png) !important;
	background-image: url(images/sidebuttonpress.gif);
}


/* submenus */

.submenu a{
	background-image: none !important;
}

.submenu a:hover{
	background-color: rgb(49, 154, 173);
	background-image: none !important;
}

.submenu a:active{
	background-color: rgb(49, 154, 173);
	background-image: none !important;
}

#prodSpeciesSubmenu{
	display: none;	
}

#allrecSubmenu{
	display: none;	
}

#appsSubmenu{
	display: none;	
}


/* Recipe image and submenu */

#recipeImage{
	height: 200px;
	margin-top: 20px;
	margin-left: 20px;
}

#recipeSubmenu{
	display: none;
	position: relative;
	top: -100px;
	left: 110px;
	z-index: 50;
	width: 130px;
	background-color: #084754;
}

#recipeSubmenu a{
	background-image: none !important;
	margin-left: 0px;
	font: 12px Arial, sans-serif;
	display: block;
	width: 130px;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 10px;
	height: 20px;
	padding-top: 0px;
}

#recipeSubmenu a:hover{
	background-color: rgb(49, 154, 173);
	background-image: none !important;
}

#recipeSubmenu a:active{
	background-color: rgb(49, 154, 173);
	background-image: none !important;
}


/* language selection menu */

.flagmenu{
background-image: none !important;
}

.flagmenu a{
background-image: none !important;
height: 25px;
width: 140px;
padding-top: 0px;
margin-left: 0px;
}

.flagmenu a:hover{
background-image: none !important;
}

.flagmenu a:active{
background-image: none !important;
}

div.recipemenu{
vertical-align: top;
}

div.recipemenu a{
margin-left: 5px;
margin-bottom: 2px;
font: 12px Arial, sans-serif;
font-weight: bold;
display: block;
color: black;
text-decoration: none;
border: 1px solid black;
background-color: white;
margin-bottom: 5px;
text-align: center;
}

div.recipemenu a:hover{
background-color:#009999;
color: #FFFFFF;
margin-left: 5px;
}

div.recipemenu a:active{
}

div.largerecipemenu a{
font: 16px Arial, sans-serif;
font-weight: bold;
display: block;
color: black;
text-decoration: none;
background-color: white;
text-align: center;
vertical-align:middle;
}

div.largerecipemenu2 a{
font: 16px Arial, sans-serif;
font-weight: bold;
display: block;
color: black;
text-decoration: none;
background-color: white;
text-align: left;
margin-left: 10px;
vertical-align:middle;
}
/*
.largerecipemenu td{
border: 1px solid black;
}
*/
div.hormenu a{
vertical-align: bottom;
font: bold 12px Arial, sans-serif;
color: #FFFFFF;
text-decoration: none;
float: right;
margin-right: 5px; 
background-image: url(test.png); 
text-align: center; 
width: 80px;
height: 20px;
padding-top: 4px;
background-image: url(images/topbutton.png) !important;
background-image: url(images/topbutton.gif);
}

div.hormenu a:hover{
background-image: url(images/topbuttonlight.png) !important;
background-image: url(images/topbuttonlight.gif);
}

div.hormenu a:active{
background-image: url(images/topbuttonpress.png) !important;
background-image: url(images/topbuttonpress.gif);
}

div.copyright{
font-family: Arial, sans-serif;
font-size: 10px;
color: black;
position: absolute; right: 10px; bottom: 20px; z-index: 5;
}


/* Header */


div.header{
background-image: url(images/headerext.png); 
position: absolute; 
width: 100%; 
height: 141px; 
z-index: 5;
}

div.headerext{
background-image: url(images/header.png); 
position: absolute; 
width: 750px; 
height: 141px; 
z-index: 10;
}


/* Footer */


div.footerext{
background-image: url(images/footerext.png); 
position: absolute; 
bottom: 0px; 
height: 47px; 
width: 100%; 
z-index: 4;
}

div.footer a{
font-family: Arial, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
}


/* Genral Formatting for Specific Purposes */


div.kickback{
font-size: 10px;
font-family: Arial, sans-serif;
text-align: center;
}

.prep{
border: 3px solid black;
font-weight: bolder;
background-color: #b2b1ff;
}


/*Table Related*/

.leftcell{
border-top: 1px solid black;
text-align:left;
}

.rightcell{
border-top: 1px solid black;
text-align:right;
}