/* CSS Document */

#wrapper {width: 950px; height: 100%; margin-left: auto; margin-right: auto;}

#bgcolor {background-color: #350D03;}

#flash-block {width: 920px;  height: 700px;
}



/* HEADER LOGO TOP-NAVIGATION */

#header {width: 950px;  height: 170px;
background-image: url(comm-q-bbq-assets/commq-header-170h.jpg);}

#topofnav {width: 660px;  height: 130px; padding-top: 10px; text-align: right; float: right;}

#topnav {width: 950px; height: 20px; float: left; text-align: center;}

.topnav{
	font-family: chunk-1, chunk-2, fantasy, serif;
	font-size: 15px;
	color: #660000;
	text-decoration: none;
	}
	
a.topnav{
	font-family: chunk-1, chunk-2, fantasy, serif;
	font-size: 15px;
	color: #660000;
	text-decoration: none;
	}
	
a.topnav:link{
	font-family: chunk-1, chunk-2, fantasy, serif;
	font-size: 15px;
	color: #660000;
	text-decoration: none;
	}
	
a.topnav:hover{
	font-family: chunk-1, chunk-2, fantasy, serif;
	font-size: 15px;
	color: #660000;
	text-decoration: none;
	}


/*  BLOCK LEVEL CSS CONTENT CONTROL-IDS */ 

/* OVERALL CSS FOR ALL CONTENT PAGES */

#framecontainer {width: 950px; 	 background-color: #fffcd8;}

#frameleft {
	width: 15px; 
	background-image: url(comm-q-bbq-assets/l-frame-wood.jpg);
	background-repeat:repeat-y;
	position: relative;
	}

#frameright {
	width: 15px; 
	background-image: url(comm-q-bbq-assets/r-frame-wood.jpg);
	background-repeat:repeat-y;
	}

#framebackground {
	width: 920px;
	background-color: #fffcd8;
	background-image: url(comm-q-bbq-assets/burlap-top-repeat.jpg);
	background-repeat:repeat-x;
	}

#framecontent-l {
	width: 260px;
	padding-left: 30px;
	padding-top: 10px; 
	height: 100%;
	float: left;
	}
	
#framecontent-r {
	width: 540px;
	padding-right: 30px;
	padding-top: 30px; 
	height: 100%;
	float: right;
	}
	
	#framecontent-form {
	width: 510px;
	padding-right: 80px;
	padding-top: 30px; 
	height: 100%;
	float: right;
	}
	
	
/* SPECIAL CSS FOR ABOUT */

#framecontent-about-l {
	width: 250px;
	padding-left: 30px;
	padding-top: 10px; 
	height: 100%;
	float: left;
	}
	
#framecontent-about-r {
	width: 540px;
	padding-right: 50px; 
	padding-top: 50px;
	height: 100%;
	float: right;
	}

/* FOOD MENU SPECIAL CSS */

#hr-menu {
  	border: 0;
  	width: 500px;
  	color: #350D03;
	background-color: #350D03;
	height: 5px;
	}
	
#framecontent-menu-l {
	width: 200px;
	padding-left: 30px; 
	padding-top: 10px;
	height: 100%;
	float: left;
	}
	
#framecontent-menu-r {
	width: 650px;
	padding-top: 30px; 
	height: 100%;
	float: right;
	overflow: hidden;
	text-overflow: ellipsis;
	}	
	
	
/* SPECIAL CSS FOR COMMUNITY */

#framecontent-events-l {
	width: 470px;
	padding-left: 0px; 
	height: 100%;
	position: relative;
	float: left;
	}
	
#events-container {
	width: 465px;
	float: left;
	position: relative;
	}
	
#framecontent-events1-l {
	width: 465px;
	height: 405px;
	float: left;
	position: relative;
	z-index: 1;
	background-image: url(comm-q-bbq-assets/community-events.jpg);
	}
	
#eventcontent {
	width: 320px;
	float: left;
	position: relative;
	margin-top:105px;
	margin-left: 80px;
	z-index: 2;
	}

#overcontent {
	width: 320px;
	float: left;
	position: relative;
	top:105px;
	left: 80px;
	z-index: 2;
	}
	
#framecontent-press-l {
	width: 465px;
	height: 175px;
	float: left;
	position: relative;
	z-index: 1;
	background-image: url(comm-q-bbq-assets/community-press.jpg);
	}
	
	#presscontent {
	width: 320px;
	float: left;
	position: relative;
	top:70px;
	left: 80px;
	z-index: 2;
	}
	
	#framecontent-table-l {
	width: 465px;
	height: 422px;
	float: left;
	position: relative;
	z-index: 1;
	background-image: url(comm-q-bbq-assets/community-table.jpg);
	}
	
#framecontent-events-r {
	width: 446px;
	padding-right: 0px; 
	height: 100%;
	float: right;
	z-index: 1;
	}	
	
/* SPECIAL CSS MAP-LOCATION */

#framecontent-map-l {
	width: 300px;
	padding: 10px; 
	height: 100%;
	float: left;
	}
	
#framecontent-map-r {
	width: 550px;
	padding: 10px; 
	height: 100%;
	float: right;
	}
	
	
/* END special css */	

/* CONTENT TYPE CONTROL-CLASSES */
	
.f-content-head{
	font-family: chunk-1, chunk-2, fantasy, serif;
	font-size: 22px;
	color: #660000;
	text-decoration: underline;
	}
	
.f-content-text{
	font-family: verdana, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	}
	
.f-menu-head{
	font-family: chunk-1, verdana, sans-serif;
	font-size: 18px;
	color: #660000;
	text-decoration: none;
	}
	
.f-menu-text{
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	}
	
#framebottom {
	width: 950px; 
	height: 15px; 
	background-image: url(comm-q-bbq-assets/bottom-frame-wood.jpg);
	background-repeat:repeat-x;
	}


/* FOOTER */

#footer {width: 950px; height: 80px; text-align: center;}

.footer{
	font-family: verdana, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	padding-top: 10px;
	}
	
a.footer{
	font-family: verdana, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	}
	
a.footer:link{
	font-family: verdana, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	}
	
a.footer:hover{
	font-family: verdana, sans-serif;
	font-size: 10px;
	color: #ffff33;
	text-decoration: underline;
	}



/* PRESS IFRAME */

.bbq-press-head{
	font-family: arial, sanserif;
	font-size: 10px;
	font-weight: bold;
	color: #660000;
	text-decoration: none;
	}

.bbq-press{
	font-family: arial, sanserif;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	}
	
a.bbq-press{
	font-family: arial, sanserif;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	}
	
a.bbq-press:link{
	font-family: arial, sanserif;
	font-size: 10px;
	color: #999999;
	text-decoration: underline;
	}
	
a.bbq-press:hover{
	font-family: arial, sanserif;
	font-size: 10px;
	color: #660000;
	text-decoration: underline;
	}


/* SPECIAL WOOD FRAME AND PAGE CONTENT */

#bbframetop {width: 950px; height: 10px;}

#bbframeleft {width: 150px; float: left;}

#bbframeright {width: 150px; float: right;}

#bbframebottom {width: 950px; height: 10px;}

#bbframebackground {width: 400px;}

#bbframecontent {width: 300px;}


/* OLD BAD STUFF */

#mainbody {width: 950px;}

#content {width: 700px;  float: left;}

#lsidebar {width: 200px; padding-left: 10px; float: left;}

#limage {width: 370px; float: left;}

#rimage {width: 370px; float: right;}

#frametop {width: 950px; height: 10px;}