/* ------------------------ Beautiful code to create a three column layout ------------------- */
/* ------------------------ Many thanks to Matthew Levine and A List Apart ------------------- */

body {
	min-width: 550px;         /* 2 x LC width + RC width */
}
#container {
	padding-left: 200px;      /* LC width */
	padding-right: 200px;     /* RC width */
}	
#container .column {
	position: relative;
	float: left;
}
#center {
	width: 100%;
}
#left {
	width: 200px;             /* LC width */
	right: 200px;             /* LC width */
	margin-left: -100%;
}
#right {
	width: 200px;             /* RC width */
	margin-right: -100%;
}
#footer {
	clear: both;
}

/* --------------------------------------------------- For looks and such ---------------------- */
body{
	margin: 0px;
	font: 10pt Arial, sans-serif;
/*	background: url(imagesnew/fauxbgleft.gif) top -200px repeat-y; */
}
/* -------------------------------------- Header ------------------------------------------------ */
#header{
	width: 100%;
	height: 150px;
	background: url(imagesnew/headernew.gif) center 0px no-repeat;
}
/* ------------------------------------ Navigation -------------------------------------------- */
#navigation{
	height: 25px;
	display: block;
	background-color: #8B2942;
	position: relative;
	left: 0px;
	margin: 0px;
	z-index: 500;
	text-align: center;
	color: white;
	padding: 0px;
}
#navigation ul{
	display: block;
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #8B2942;
}
#navigation ul ul{
	position: absolute;
	left: 0px;
	z-index: 500;
	border: 1px solid black;
}
#navigation li{
	position: relative;
}
#navigation ul li{
	float: left;
	width: 19%;
}
#navigation ul li ul{
	width: 100%;
}
#navigation a{
	font: bold 10pt arial, helvetica, sans-serif;
	display: block;
	
	margin: 0;
	color: #fff;
	background: #8B2942;
	text-decoration: none;
	padding: 4px 0px;
}
#navigation a:hover{
	color: #440E0A;
	background: #DBCA8D;
}
#navigation ul ul{
	display: none;
}
#navigation ul li:hover ul{
	display: block;
}
#navigation ul li:hover ul li{
	width: 100%;
}
#navigation ul li:hover ul ul{
	display: none;
}
#navigation ul li ul li:hover ul{
	display: block;
	position: absolute;
	top: 0px;
	left: 100%;
}
/* ---------------------------------------------------- Container ----------------------------------- */
#container{
	background: url(imagesnew/fauxbgright.gif) top right repeat-y;
}
/* -------------------------------------------------- Center Content ---------------------------- */
#center{
	text-align: center;
}
#center p{
	display: block;
	text-align: left;
	margin-left: 5px;
	margin-right: 5px;
}
#center p.contact{
	display: block;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
}
#center img{
	border: 3px double #782D25;
	float: right;
	margin-left: 3px;
}
#center img.center{
	float: none;
	margin: 7px auto;
	text-align: center;
	border: 0px;
}
#center img.noborder{
	border: 0px;
}
#center h1{
	font-size: 1.5em;
	margin: 0px;
	padding: 0px;
	display: block;
	margin-left: 5px;
	font-weight: bold;
	color: #782D25;
	margin-top: 3px;
	letter-spacing: 3px;
	border-bottom: 2px solid #782D25;
}
body.home #center h1{
	border: 0px;
}
#center h2{
	display: block;
	font-size: 1.2em;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
	color: #782D25;
}
body.home #center h2{
	padding-bottom: 2px;
	border-bottom: 2px solid #782D25;
}
#center h3{
	text-align: left;
	display: block;
	font-size: 1.2em;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
	color: #782D25;
	margin-left: 5px;
	margin-bottom: 4px;
	padding-bottom: 0px;
}
#center ul{
	text-align: left;
}
#center h4{
	text-align: left;
	display: block;
	font-size: 1.2em;
	font-weight: normal;
	letter-spacing: 1px;
	padding: 0px;
	color: #782D25;
	margin-left: 5px;
	margin-bottom: 4px;
	padding-bottom: 0px;
	margin-top: 4px;
}
#center form{
	font-size: 10pt;
	margin-left: 5px;
}
#center table.informationform{
	width: 350px;
	margin: auto;
	text-align: left;
	background-color: #EADCBC;
	padding-top: 5px;
	padding-right: 5px;
	border: 1px solid #C1AC7C;
	border-collapse: collapse;
}
#center table.informationform td{
	border: 1px solid #C1AC7C;
	padding-top: 0px;
	margin-top: 0px;
	color: #7A002B;
}
#center tr.required td{
	font-weight: bold;
}
#center td.labelcell{
	padding-right: 10px;
	padding-left: 5px;
	/* background-color: #EBE5D5; */
}
#center td input, #center td select, #center td textarea{
	background-color: #DBD0B4;
	border: 1px solid #635A43;
	color: #7A002B;
}
#center td.buttons{
	text-align: center;
	padding-bottom: 5px;
	padding-top: 4px;
}
#center td.buttons input{
	border-style: solid;
	border-width: 2px;
	border-color: #EBE5D5 #918873 #918873 #EBE5D5;
	margin-top: 5px;
	color: #7A002B;
}
#center ul.navlist li{
	float: left;
	padding: 3px;
	margin-left: 25px;
}
#center ul.navlist{
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	list-style-type: none;
	float: left;
}
#center ul.navlistbtm li{
	float: left;
	padding: 3px;
	margin-left: 40px;
}
#center ul.navlistbtm{
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	list-style-type: none;
	float: left;
}
#center p.parafloat{
	float: left;
	text-align: center;
	margin-left: 60px;
}
#center p.parafloat2{
	float: left;
	text-align: center;
	margin-left: 75px;
}
#center p.parafloat3{
	float: left;
	text-align: center;
	margin-left: 65px;
}
#center p.factory{
	float: right;
	width: 250px;
	padding: 10px;
	display: block;
	text-align: center;
}
#threeCol{
	display: block;
	clear: both;
	width: 100%;
}
p.clearBoth{
	display: block;
	clear: both;
}
/* -------------------------------------------- Footer ----------------------------------- */
#footer{
	background-color: #8B2942;
	text-align: center;
	color: #FFF;
	font-size: 8pt;
	padding: 5px 0px;
}
#footer table{
	width: 98%;
	margin: auto auto 8px auto;
}
#footer table td{
	font-size: 8pt;
	color: #FFF;
	text-align: center;
	width: 20%;
}
#footer table td a{
	color: #FFF;
}
#footer a{
	color: #FFF;
}
/* ---------------------------------------------- Right stuff ---------------------------- */
#right ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#right li{
	display: block;
}
#right li a{
	display: block;
	height: 159px;
	width: 200px;
}
#right li a span{
	display: none;
}
#right li.icecream a{
	background: url(imagesnew/icecreamlink2.gif) top center no-repeat;
}
#right li.beveragebase a{
	background: url(imagesnew/baselink2.gif) top center no-repeat;
}
#right li.condensedmilk a{
	background: url(imagesnew/milklink2.gif) top center no-repeat;
}
/* ----------------------------------------------- Left stuff --------------------------------- */
#left ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font: 11px Arial, sans-serif;
}
#left li{
	display: block;
}
#left li a{
	display: block;
	width: 199px;
	background-color: #FAF7F0;
	border: 1px solid #C1AC7C;
	border-width: 0px 1px 1px 0px;
	text-align: left;
	text-indent: 5px;
	text-decoration: none;
	color: #7A002B;
	padding-top: 2px;
	padding-bottom: 2px;
}
#left li a:hover{
	background-color: #F3EDDD;
	font-weight: bold;
}
/* ------------------------------------------ Bottom fix -------------------------------------- */
#bottomfix{
	clear:both;
	height: 4px;
}

#flashcontent {
	height: 300px;
	width: 200px;
	display: block;
}