@charset "UTF-8";
/*
Body Element
This element does the following: 
- Zeros out the margin and padding to account for multiple browser compatibility.
- Centers the container in IE 5* browsers.
- Sets the main site font at 100% of 16 point Verdana
- Ads the site background image.
*/
body {
	text-align: center;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-image: url(../images/bg.jpg);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

h1 {
	font-size: 120%;
	line-height: 150%;
}
h2 {
	font-size: 85%;
	line-height: 150%;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}

h3 {

}

h4 {

}

h5 {

}

h6 {
	
}
p {
	font-size: 75%;
	color: #333333;
	line-height: 150%;
}

a:link {
	color: #3D2900;
}
a:visited {
	color: #3D2900;
}
a:hover {
	color: #7F5600;
}



/*
Container Selector
This selector does the following:
- Sets the width of the main site container.
- Assigns a background color.
- Auto margins (in conjunction with a width) center the page
- Sets the border width and color.
- Overrides the text-align: center on the body element.
*/
.main #container {
	width: 900px;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	text-align: left;
}

/*
Header Selector
This selector does the following:
- Sets the background color of the header.
- padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding.
*/
.main #header {
	background-color: #3D2900;
	height: 150px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.main #header h1 {
	margin: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.main #footer {
	background-color: #3D2900;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	  min-height:50px;
	  height:auto !important;
	  height:50px;
	background-image: url(../images/tagline.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
}


.main #footer p {
	margin: 0; 
	padding: 10px 0;
}

.main #copyright  {
	position: relative;
	width: 900px;
	text-align: center;
	font-size: 70%;
	vertical-align: middle;
}
.main  #copyright   ul  {
	list-style-type: none;
}
.main #copyright li {
	list-style-type: none;
	display: inline;
}

.main #mainContent {
	background-color: #FFFFFF;
	position: relative;
	width: 900px;
}
.main #container #mainContent #mainContentTable {
	width: 900px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}
.main #container #mainContent #leftCol {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	width: 200px;
	background-color: #3D2900;
}
.main #container #mainContent #centerCol {
	background-color: #c0c0a0;
}
.main #container #mainContent #rightCol {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	width: 200px; 
	background-color: #3D2900;
}
.main #container #logo {
	height: 160px;
	position: absolute;
	background-image: url(../images/chcLogo.gif);
	margin-top: -15px;
	width: 180px;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 360px;
	margin-right: 360px;
}
/******************************************************************************************
Begin left column divs
******************************************************************************************/
.main #container #mainContent #leftCol #leftColContentHome {
	background-image: url(../images/saladOnStoneTable.jpg);
	height: 300px;
	width: 200px;
	background-repeat: no-repeat;
}
.main #container #mainContent #leftCol #leftColContentAbout {
	background-image: url(../images/chefDougSmiling.jpg);
	height: 300px;
	width: 200px;
	background-repeat: no-repeat;
}
.main #container #mainContent #leftCol #leftColContentDoug {
	background-image: url(../images/dougLeaningForward.jpg);
	height: 300px;
	width: 200px;
	background-repeat: no-repeat;
}
.main #container #mainContent #leftCol #leftColContentLinks {
	background-image: url(../images/stonebridgeManor.jpg);
	height: 300px;
	width: 200px;
	background-repeat: no-repeat;
}
.main #container #mainContent #leftCol #leftColContentChives {
	background-image: url(../images/wineAndCheese.jpg);
	height: 300px;
	width: 200px;
	background-repeat: no-repeat;
}
.main #container #mainContent #leftCol #leftColContentPhotos {
	background-image: url(../images/fingerDesserts.jpg);
	height: 300px;
	width: 200px;
	background-repeat: no-repeat;
}
.main #container #mainContent #leftCol #leftColContentServices {
	background-image: url(../images/camelbackVistaTables.jpg);
	height: 300px;
	width: 200px;
	background-repeat: no-repeat;
}
.main #container #mainContent #leftCol #leftColContentMenus {
	background-image: url(../images/dessertMenu.jpg);
	height: 300px;
	width: 200px;
	background-repeat: no-repeat;
}
.main #container #mainContent #leftCol #leftColContentOlives {
	background-image: url(../images/bartenderPouring.jpg);
	height: 300px;
	width: 200px;
	background-repeat: no-repeat;
}
.main #container #mainContent #leftCol #leftColContentContact {
	background-image: url(../images/basketAndFlowers.jpg);
	height: 300px;
	width: 200px;
	background-repeat: no-repeat;
}
/******************************************************************************************
Begin center column divs
******************************************************************************************/
.main #container #mainContent #centerCol #centerColContentHome {
	background-image: url(../images/dougAndCamilleFromTop.jpg);
	height: 300px;
	width: 496px;
	background-repeat: no-repeat;
}
/******************************************************************************************
Begin right column divs
******************************************************************************************/
.main #container #mainContent #rightCol #rightColContentHome {
	background-image: url(../images/seafoodStarter.jpg);
	height: 300px;
	width: 200px;
	background-repeat: no-repeat;
}
.main #container #mainContent #rightCol #rightColContentAbout {
	background-image: url(../images/chefRoast.jpg);
	height: 300px;
	width: 200px;
	background-repeat: no-repeat;
}
.main #container #mainContent #rightCol #rightColContentDoug {
	background-image: url(../images/dougCooking.jpg);
	height: 300px;
	width: 200px;
	background-repeat: no-repeat;
}
.main #container #mainContent #rightCol #rightColContentLinks {
	background-image: url(../images/bellaPalazzo.jpg);
	height: 300px;
	width: 200px;
	background-repeat: no-repeat;
}.main #container #mainContent #rightCol #rightColContentChives {
	background-image: url(../images/servingGazpacho.jpg);
	height: 300px;
	width: 200px;
	background-repeat: no-repeat;
}
.main #container #mainContent #rightCol #rightColContentPhotos {
	background-image: url(../images/carrotsOnPlate.jpg);
	height: 300px;
	width: 200px;
	background-repeat: no-repeat;
}
.main #container #mainContent #rightCol #rightColContentServices {
	background-image: url(../images/sushiStation.jpg);
	height: 300px;
	width: 200px;
	background-repeat: no-repeat;
}
.main #container #mainContent #rightCol #rightColContentMenus {
	background-image: url(../images/saladOnStoneTable.jpg);
	height: 300px;
	width: 200px;
	background-repeat: no-repeat;
}
.main #container #mainContent #rightCol #rightColContentOlives {
	background-image: url(../images/springCocktail.jpg);
	height: 300px;
	width: 200px;
	background-repeat: no-repeat;
}
.main #container #mainContent #rightCol #rightColContentContact {
	background-image: url(../images/pasta.jpg);
	height: 300px;
	width: 200px;
	background-repeat: no-repeat;
}