

/* Front-end background and main table */

body {
	font-size: 14px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

.adminBar {background-color: #ffffff;}

/* sets the width of the whole site */
#container {
	width: 860px;
	background-color: #ffffff;
	margin:auto;
	position:relative;
}

/* banner height MUST be specified */
#banner {height:139px;}
#banner img{display:block;}

/* topmenu positioning MUST be at least the same as the banner height */
#topmenu{
	color:#fff;	
	position:absolute;
	top:139px;
	width:100%;
	height:36px;
	background-image: url(/extras/styles/webideas/topmenu_bg.jpg);
	background-repeat: no-repeat;
	padding-left:3px;

}

/* crumb top-margin MUST be at least the same as the topmenu height */
#crumb{
	padding: 10px 20px 20px 20px;
	margin-top:36px;
	font-size:13px;
}

#middle{
	min-height:400px;
	padding: 50px 20px 20px 20px;
}

/* top level */
.mlddm li a, .mlddm li a#buttonnohover {	
		padding: 9px 12px 9px 12px;
		color: #ffffff;
		font-weight:  normal;
		letter-spacing: 1px;
		font-size: 14px;
		border-right:1px solid #4F4F4F;
		border-left:1px solid #808080;
}
.mlddm li a:hover, .mlddm li a#buttonhover {	
	color:#ffffff;
	background-color: #666666;
}
.mlddm li a.selected, .mlddm li a.selected#buttonnohover {	
	color: #BFBFBF;
}
.mlddm li a.selected:hover, .mlddm li a.selected#buttonhover {	
	color:#ffffff;
}
.mlddm li a#mlddmFirstItem#buttonhover, .mlddm li a.selected#mlddmFirstItem
{border-left:0;padding-left:13px}

/* drop down list */
		.mlddm ul {background: #666666;}
		.mlddm ul li a {	
			padding: 4px 16px 4px 6px;
			border:1px solid #ffffff;
			border-top: 0;
			border-right: 0;
			text-transform: none;
			text-align: left;
		}
		.mlddm ul li a:hover 			{color: #000000;background-color:#cccccc;}
		.mlddm ul li a.selected 		{color: #BFBFBF;}
		.mlddm ul li a:hover.selected	{color: #bbbbbb;}


/* footer */
#footer{
	clear:both;
	padding: 10px 20px 20px 20px;
	font-size:7pt;
	background-color: #F0F0F0;
	color: #969CA0;
	height: 20px;
}
.footerLeft			{width:300px;float: left;}
.footerMiddle		{float:left;width:300px;text-align: center;}
.footerRight		{width:200px;float: right;text-align:right;}
#footer a 			{font-size: 9px;color:#969CA0;text-decoration: none;}
#footer a:hover	{color:#1b6f78;}



/* general site-wide styles */
a 			{color: #1B6F78;text-decoration: underline;}
a:hover	{color: #000099;text-decoration: underline;}
a img		{border:0;}
h1 		{font-family: Georgia, Times New Roman, Arial, Verdana; font-size: 24px; color: #1B6F78; line-height:130%; font-weight: normal;}
h2 		{font-family: Georgia, Times New Roman, Arial, Verdana; font-size: 17px; color: #5D5D5D; line-height:130%; font-weight: normal;}
h3 		{font-family: Georgia, Times New Roman, Arial, Verdana; font-size: 26px; color: #993300; line-height:130%; font-weight: bold;}
h4 		{font-family: Georgia, Times New Roman, Arial, Verdana; font-size: 16px; color: #1B6F78; font-weight:normal; margin: 15px 0px 10px 0px;}
p			{margin-top:0;	line-height:140%;}
table    {margin-bottom:10px;}

/* general form classes */
input				{ color: #003399;}
textarea			{ color: #003399;}
select			{ }
.formDescription {}
.formSubtext	{ font-size: 8pt;}
.formRequired	{ font-size: .8em;color:red;}


/* search function */
.searchText {
	font-size: 10pt;
	color: #1964a8;
  	line-height: 20px;
	font-weight: bold
}
.searchButton {
	background-color: #FFFFFF;
	border: #cccccc .5pt solid;
	font-size: 12pt;
	color: #003399;
	font-weight: bold;
	font-style: normal;
	line-height: 16px;
}
.searchInput {
	background-color: #FFFFFF;
	font-family: Arial;
	border: #cccccc .5pt solid;
	font-size: 12pt;
	color: #003399;
	font-style: normal;
	line-height: 16px;
}

/* ListColumn Styles */

.ListColumnTable{width:380px;}
.ListColumnTable td{	padding:3px;}
.ListColumnHeader{font-weight:bold;}
.ListColumnOdd{}
.ListColumnEven{}


.produce{border-collapse:collapse;border:1px solid #f0f0f0;width:360px;}
.produce td{padding:5px 10px;border:1px solid #f0f0f0;}

.crossSlide {margin:20px 0 0 20px;}

.specialsBox{text-align:center;border:1px solid #cccccc;}

