/* 
CSS Author: Drew Bartlett
*/

/*----structure----*/
body
{
	background: #616161 url(images/bgtop.png) repeat-x top;	
	color: #999;
	font-family: "helvetica";
	font-size: 10pt;
	margin: 5;
	padding: 5;
}

#wrap
{
	background: transparent;
	margin: 0px 0px 0px 0px;
	width: 750px;
}

#logo
{
	background: transparent;
	height: 130px;
	margin: 0 auto;
	width: 950px;	
}

#innerWrap
{
	background: #fff;	
	border-right: solid #999 1px;
	border-left: solid #999 1px;
	margin: 0 auto;
	padding: 5px;
	width: 950px;
}

#mainPicture
{
	background: transparent;
	border: solid #999 1px;
	border-bottom: 0;
	float:right;
	height: 400px;
	width: 720px;	
}

#mainPictureHome
{
	background: transparent url(images/mainimage.png) center no-repeat;
	border: solid #999 1px;
	border-bottom: 0;
	float: right;
	height: 400px;
	width: 720px;	
}


#nav
{
	background: transparent;
	float: left;
	margin-right: 5px;
	text-align: center;
	width: 200px;	
}

#content
{
	background: #999;	
	border-right: solid #999 1px;
	border-left: solid #999 1px;
	margin: 0 auto;
	width: 918px;
}

#rightCol
{
	background: #ebebeb;	
	border: solid #999 1px;
	border-top: 0;
	float: right;
	padding: 6px;
	width: 708px;	
}

#footer
{
	background: url(images/footerbg.png) no-repeat center top;
	height: 110px;
	margin: 0 auto -57px auto;
	padding: 10px 0px;
	text-align: center;
	width: 930px;

}

#bottom
{
	background: transparent;
	height: 70px;
	margin: 0 auto;
	width: 100%;

}

#grass
{
	background: url(images/grass.png) repeat-x top;
	height: 40px;
	margin: 0 0 0 -100%;
	position: relative;
	bottom: 0;
	left: 100%;
	width: 100%;
}

/*------common elements------*/
.clear
{
	clear: both;	
}

h1
{
	color: #fff;
	display: inline;
	font-size: 17pt;
}

h4
{
	background: #cbcfaf;
	border: solid #fff 2px;
	color: #fff;
	font-size: 14pt;
	margin: 0 auto;
	padding: 10px 30px;
	text-align: center;
	width: 340px;
}
/*
h5
{
	background: url(images/foodbevh5.png) ;
	color: #fff;
	font-size: 12pt;
	margin-left: -6px;
	padding: 5px 10px;
	width: 700px;
}
*/

#rightCol ul
{
	color: #333;
	font-size: 12pt;	
}

.number
{
	color: #666;
	float: left;
	font-size: 9pt;
	margin-top: 80px;
}

.botNav
{
	color: #666;
	font-size: 9pt;
	margin: 0 auto;
	width: 880px;
}

#former
{
	background: #2f3338;	
	border: solid #26292e 1px;
	margin: 0 auto;
	padding: 6px;
	width: 400px;	
}

span.djb
{
	color: #fff; 
	text-decoration: underline;
}

.form
{
	margin: 0 auto;	
}

.sites
{
	background: #2f3338;	
	border: solid #26292e 1px;
	float: left;
	margin: 6px;
	padding: 5px;
	width: 270px;		
}

.sites:hover
{
	background: #3f4449;	
	border: solid #26292e 1px;
	float: left;
	margin: 6px;
	padding: 5px;
	width: 270px;		
}

a img, a img:hover
{
	border: 0;	
	margin: 10px;
	text-decoration: none;
}


p
{
	color: #444;
	font-size: 11pt;
	text-align: left;	
}


/*-----navigation-----*/
#nav ul
{
	border: solid #999 1px;
	border-bottom: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav ul li
{
	padding: 0;
	margin: 0;
	border-bottom: 1px #999 solid;
}

#nav ul li.bottom
{
	padding: 0;
	margin: 0;
	border-bottom: 1px #999 solid;
}

#nav ul li a, #nav ul li a:visited
{
	background: #bbb url(images/navbgover.png) repeat-x;
	color: #666;
	display: block;
	font-weight: bold;
	padding: 7px 20px;
	text-decoration: none;	
}

#nav ul li a:hover, #nav ul li a:active
{
	background: #bbb url(images/navbgover.png) repeat-x;
	color: #888;
	display: block;
	font-weight: bold;
	padding: 7px 20px;
	text-decoration: underline;	
}

#nav ul li a.main
{
	background: #bbb url(images/navbg.png) repeat-x;
	color: #fff;
	display: block;
	font-weight: bold;
	padding: 7px 20px;
	text-decoration: none;	
}

a, a:visited
{
	color: #019add;
	text-decoration: none;
}

a:hover, a:active
{
	color: #019add;
	text-decoration: underline;
}


.topNav a, .topNav a:visited
{
	color: #ccc;
	text-decoration: none;
}

.topNav a:hover, .topNav a:active
{
	color: #fff;
	text-decoration: none;
}

.botNav a, .botNav a:visited
{
	color: #ccc;
	text-decoration: none;
}

.botNav a:hover, .botNav a:active
{
	color: #fff;
	text-decoration: none;
}