/* CSS Document */
html,body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom : 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	background-color: #fff;
/*	background-image: url(images/stripes.gif);*/
}
 
#pagewidth{ 
 width:710px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 margin-top: 20px;
 	border-width: 0px;
	border-color: #999;
	border-style: solid;
	padding: 5px; 
	background-color: #fff;
 
} 
 
#topnav{
 position:relative; 
 height:25px; 
 width:100%;
 margin: 10px 0 0 0;
 text-align: right;
}  
 
#header{
 position:relative; 
 height:154px; 
 width:100%;
 background-image: url(images/header.jpg);
 margin: 0 0 2px 0;
} 
#headera{
 position:relative; 
 height:68px; 
 width:100%;
 background-image: url(images/aboutus.gif);
 margin: 0 0 50px 0;
} 

#header1{
 position:relative; 
 height:154px; 
 width:100%;
 background-image: url(images/header1.jpg);
 margin: 0 0 2px 0;
} 
#header1a{
 position:relative; 
 height:68px; 
 width:100%;
 background-image: url(images/events.gif);
 margin: 0 0 50px 0;
} 

#header2{
 position:relative; 
 height:154px; 
 width:100%;
 background-image: url(images/header2.jpg);
 margin: 0 0 3px 0;
} 
#header2a{
 position:relative; 
 height:118px; 
 width:100%;
 background-image: url(images/absolute.gif);
 margin: 0 0 3px 0;
} 
#header2b{
 position:relative; 
 height:154px; 
 width:100%;
 background-image: url(images/header4a.jpg);
 margin: 0 0 3px 0;
} 
#header3{
 position:relative; 
 height:154px; 
 width:100%;
 background-image: url(images/header3.jpg);
 margin: 0 0 2px 0;
} 
#header3a{
 position:relative; 
 height:68px; 
 width:100%;
 background-image: url(images/contact.gif);
 margin: 0 0 50px 0;
}

#header4{
 position:relative; 
 height:155px; 
 width:100%;
 background-image: url(images/header4a.jpg);
 margin: 0 0 2px 0;
} 
#header4a{
 position:relative; 
 height:68px; 
 width:100%;
 background-image: url(images/ourfood.gif);
 margin: 0 0 50px 0;
} 

#headersub{
 position:relative; 
 height:70px; 
 width:100%;
 background-image: url(images/header.jpg);
 margin: 0 0 20px 0;
} 

 
#maincol{
	width: 90%;
	float:left;
	position:relative;
	padding: 0 20px 0 20px;
 }
 
#rightcol{
 float: right; 
 display:inline; 
 position: relative; 
 width:24%; 
 padding: 10px 0 0 5px;
 }
 
#footera{
 height:15px; 
 clear:both;
 margin: 0 0 0 0;
 text-align: center;
 background-image: url(images/candystrip.gif);
  } 

#footer{
 height:10px; 
 clear:both;
 margin: 0px 5px 0 5px;
 text-align: center;
/* background-image: url(images/bigstripe.gif);
 background-repeat: repeat;*/
  } 
 
#leftmain{
 position:relative; 
 padding: 10px;
 width: 30%;
 border-color: #999;
 border-width: 1px;
 border-style:dashed;
 }

#rightmain{
 width:40%;
 float: right; 
 display:inline; 
 position: relative; 
 margin: 0;
 }
 
 .photoleft { 
	padding: 2px;
	margin: 2px;
	color: #fff;
	border-width: 1px;
	border-color: #999;
	border-style: solid;
	float: left;
}

 .photoright { 
	padding: 2px;
	margin: 2px;
	color: #fff;
	border-width: 1px;
	border-color: #999;
	border-style: solid;
	float: right;
}

 .photo { 
	padding: 2px;
	color: #fff;
	border-width: 1px;
	border-color: #999;
	border-style: solid;
	margin: 0;
}
 
.table{
	border-width: 1px;
	border-color: #ccc;
	border-style: dashed;
	border-collapse: separate;
}

/* text */

td, p, li, ul, blockquote { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 140%;
}

.strong { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
}
.contact { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	line-height: 140%;
}
.contactitems { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 140%;
}
.footer { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	line-height: 140%;
	padding: 4px 0;
}
.header{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color : #6D1611;
	font-weight : normal;
}

.pullquote{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #4DB6C9;
	font-weight : normal;
	text-transform: uppercase;
}

.subheader{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color : #99CC00;
	font-weight : bold;
}
.contacthead{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color : #666;
	font-weight : bold;
}
.subtext{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color : #69220E;
	font-weight : normal;
	line-height: 150%;
}
.testimonial{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #999;
	line-height: 150%;
	font-weight : normal;
}
.testreference{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #4DB6C9;
	font-weight : normal;
	text-transform: uppercase;
}

.linkdivide 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    color: #9c0;
	text-decoration: none;
	font-weight : bold;
}

a:link 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    color: #666666;
	text-decoration: none;
	font-weight : normal;
}
a:active 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    color: #666666;
	text-decoration: underline;
}
a:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    color: #999;
	text-decoration: none;
}
a:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	text-decoration: underline;
}




 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}
