@charset "utf-8";
	/* CSS Document */
	
	/* 
	Title:		Diverse Catering Site
	Styles: 	Homepage/Subpage Style Sheet
	*/
	
	/*    START Global Styles    */
	
	/* body 
	-----------------------------------------------------------------------*/
		body {
		margin: 0px;
		text-align: center;
		background-attachment: fixed;
		background-color: #f5f3e4;
	}
	
	/* typography 
	-----------------------------------------------------------------------*/
		body, div, td, input { font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 18px; color: #666666; }
		small { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
		ul { list-style-type: none; margin: 0px; padding: 0px; }
		li { padding: 0px 0px 11px 0px; }
		h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #818111;
	font-size:22px;
	padding-top: 5px;
}
		h2 {font-family: Arial, Helvetica, sans-serif;color: #818111;font-size:16px;font-weight: bold;}
		h3 {font-family: Arial, Helvetica, sans-serif;color: #818111;font-size:14px;font-weight: bold;}
		.boldtext { font-weight: bold; }
		.italics { font-style: italic; }
	
	/* link and navigation styles 
	-----------------------------------------------------------------------*/
		a, a:visited { color: #6b2024; text-decoration: none; }
		a:hover { text-decoration: underline; }
		
		#navHome {
	width: 444px;
	padding: 0px;
	height: 36px;
	float: left;
	position: relative;
	left: 180px;
	top: 500px;
		}
	
		
		#navHome td#menu a:link{
		width: 61px;
		height: 20px;
		display: block;
		position: relative;
		top: 0px;
		margin-right: auto;
		margin-left: auto;
		}
		
		#navHome td#menu a:visited{
		width: 61px;
		height: 20px;
		display: block;
		position: relative;
		top: 0px;
		margin-right: auto;
		margin-left: auto;
		}
		
		#navHome td#menu a:hover{ 
  		background-position: 0 -20px;
		}
		
		#navHome td#slash {
		width: 12px;
		}
		#navHome td#testi a:link {
		width: 106px;
		height: 20px;
		display: block;
		position: relative;
		top: 0px;
		margin-right: auto;
		margin-left: auto;
		}
		
		#navHome td#testi a:visited {
		width: 106px;
		height: 20px;
		display: block;
		position: relative;
		top: 0px;
		margin-right: auto;
		margin-left: auto;
		}
		
		#navHome td#testi a:hover{ 
  		background-position: 0 -20px;
		}
				
		#navHome span {
		display: none;
		}
		
		.about {
		background: url("../images/about_m.png") no-repeat 0 0;
		}
		
		.events {
		background: url("../images/events_m.png") no-repeat 0 0;
		}
		
		.gallery {
		background: url("../images/gallery_m.png") no-repeat 0 0;
		}

		.menus {
		background: url("../images/menus_m.png") no-repeat 0 0;
		}
		
		.testi {
		background: url("../images/test_m.png") no-repeat 0 0;
		}
		
		/*		Subpage Navigation		*/
		
		#navSubpage {
	width: 562px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	height: 36px;
	float: left;
	position: relative;
	bottom: 70px;
	right: 125px;
		}
	
		
		#navSubpage td#menu a:link{
		width: 61px;
		height: 27px;
		display: block;
		position: relative;
		top: 0px;
		margin-right: auto;
		margin-left: auto;
		}
		
		#navSubpage td#menu a:visited{
		width: 61px;
		height: 27px;
		display: block;
		position: relative;
		top: 0px;
		margin-right: auto;
		margin-left: auto;
		}
		
		#navSubpage td#menu a:hover{ 
  		background-position: 0 -27px;
		}
		
		#navSubpage td#slash {
		width: 12px;
		}
		#navSubpage td#testi a:link {
		width: 106px;
		height: 27px;
		display: block;
		position: relative;
		top: 0px;
		margin-right: auto;
		margin-left: auto;
		}
		
		#navSubpage td#testi a:visited {
		width: 106px;
		height: 27px;
		display: block;
		position: relative;
		top: 0px;
		margin-right: auto;
		margin-left: auto;
		}
		
		#navSubpage td#testi a:hover{ 
  		background-position: 0 -27px;
		}
				
		#navSubpage span {
		display: none;
		}
		
		.Subabout {
		background: url("../images/about_sub.png") no-repeat 0 0;
		}
		
		.Subevents {
		background: url("../images/events_sub.png") no-repeat 0 0;
		}
		
		.Subgallery {
		background: url("../images/gallery_sub.png") no-repeat 0 0;
		}

		.Submenus {
		background: url("../images/menus_sub.png") no-repeat 0 0;
		}
		
		.Subtesti {
		background: url("../images/test_sub.png") no-repeat 0 0;
		}
		
		#navSubpage td#jour a:link{
		width: 106px;
		height: 30px;
		display: block;
		position: relative;
		top: 0px;
		margin-right: auto;
		margin-left: auto;
		}
		
		#navSubpage td#jour a:visited{
		width: 106px;
		height: 30px;
		display: block;
		position: relative;
		top: 0px;
		margin-right: auto;
		margin-left: auto;
		}
		
		#navSubpage td#jour a:hover{ 
  		background-position: 0 -30px;
		}
		
		.Subjournal {
		background: url("../images/journal_sub.png") no-repeat 0 0;
		}
		
#navMenus {
	width: 760px;
	height: 16px;
	float: left;
	position: relative;
	bottom: 95px;
	padding-left: 33px;
}

#navMenus ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#navMenus li {
	margin: 0px;
	width: 60px;
	float: left;
	text-align: center;
}

#navMenus a:link{
	font-family:"Avant Garde", Futura, Helvetica, sans-serif;
	font-size:12px;
	line-height: 16px;
	font-weight: normal;
	color:#999999;
	text-transform: lowercase;
}

#navMenus a:visited{
	font-family:"Avant Garde", Futura, Helvetica, sans-serif;
	font-size:12px;
	line-height: 16px;
	font-weight: normal;
	color:#999999;
	text-transform: lowercase;
	text-decoration: none;
}

#navMenus a:hover{
	font-family:"Avant Garde", Futura, Helvetica, sans-serif;
	font-size:12px;
	line-height: 16px;
	font-weight: normal;
	color:#FFFFFF;
	text-transform: lowercase;
	text-decoration: none;
}

.whiteLink {
	font-family:"Avant Garde", Futura, Helvetica, sans-serif;
	font-size:12px;
	line-height: 16px;
	font-weight: normal;
	color:#FFFFFF;
	text-transform: lowercase;
	text-decoration: none;
}
		/*#nav ul { margin: 35px 0px 0px 0px; padding: 0px; list-style-type: none; }
		#nav li, #nav ul li { padding: 0px 0px 15px 0px; }
		#nav a, #nav a:visited { color: #7E7E7E; text-decoration: none; }
		#nav a:hover { color: #9E1B34; text-decoration: underline; }*/
	.separator {color:#FFFFFF; }
	.separator2 {color:#E6E3D7;}
	.separator3 {color:#9E1C36;
	}
	
	/*Wrapper Container Div for the whole page 
	-----------------------------------------------------------------------*/
		#container {
	width: 800px;
	min-height: 500px;
	overflow: hidden;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
	#container2 {
	width: 800px;
	min-height: 500px;
	overflow: hidden;
	text-align: left;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #ffffff;
	border: 1px solid #000000;
	}
	#containercream {
	width: 800px;
	min-height: 500px;
	overflow: hidden;
	text-align: left;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #fefef6;
	border: 1px solid #000000;
	}
	
	#HomelinkHolder {
	width: 150px;
	height: 60px;
	float: left;
	position: relative;
	top: 680px;
	right: 100px;
	}
	
	/*Accessibility: Text Transcoder and skip navigation 
	-----------------------------------------------------------------------*/
		#jumpNav {
		z-index: 99;
		width: 0px;
		height: 0px;
		overflow: hidden;
		position: absolute;
		
	}
		#skipNav {
		z-index: 99;
		width: 0px;
		height: 0px;
		overflow: hidden;
		position: absolute;
		
	}
	
	/*    END Global Styles    */   
	
	/* 		DIV for page zones		*/
	
	#HomeContent {
	width: 800px;
	float: left;
	background-image: url(../images/home.jpg);
	background-repeat: no-repeat;
	height: 792px;
	}
	
	/*		Top banner holder		*/
	
		#topHeader {
	width: 800px;
	height: 192px;
	float: left;
		}
		
		#logo {
	width: 150px;
	height: 60px;
	float: left;
	position: relative;
	bottom: 160px;
	left: 27px;
}
		
		/*		Left column DIV		*/
		#content_holder {
	width: 100%;
	float:left;
	background-color: #ffffff;
	overflow: hidden;
	position: relative;
	bottom: 40px;
	margin-bottom: 0px;
		}
		
		#leftContent {
	float: left;
	width: 370px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	overflow: hidden;
		}
		#ColumnContent {
	float: none
	width: 750px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	overflow: hidden;
		}
		
		.leftContentindent {
		padding-left: 15px;
		}
		
		.rightContentindent {
		padding-right: 10px;
		}
		
		.contentPadding {
		padding-left: 15px;
		padding-right: 10px;
		}
		/*		Right column DIV		*/
		
		#rightContent {
	float: left;
	width: 370px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 10px;
	overflow: hidden;
		}
		
		#topContent{
	float: left;
	width: 800px;
	height: 17px;
	background-image: url(../images/menu_top_bg.png);
	background-repeat: no-repeat;
		}
		
		#middleContent{
	float: left;
	width: 800px;
	background-image: url(../images/menu_center_bg.png);
	background-repeat: repeat-y;
		}
		
		.menusContent {
	width: 700px;
	margin-top: 10px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 50px;
		}
		
		#bottomContent{
	float: left;
	width: 800px;
	height: 17px;
	background-image: url(../images/menu_bottom_bg.png);
	background-repeat: no-repeat;
}

	#flashHolderBG {
	width: 616px;
	height: 464px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/gallerybg.png);
	}
	
	#flashHolder {
	width: 526px;
	height: 382px;
	position: relative;
	top: 23px;
	left: 46px;
	}
		
		/*		Bottom DIV		*/
		
		#bottom {
	float: left;
	width: 800px;
	height: 147px;
	background-repeat: no-repeat;
	overflow: hidden;
		}

		#footer {
	width: 780px;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
		}
		
		
		.footerfont {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	text-align: center;
		}