body {
	background-image: url(images/bkgnd.gif);
	margin: 20px auto 10px;
	background-repeat: repeat-x;
	background-position: bottom;
}
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	line-height: 24px;
	font-weight: bold;
	color: #000000;
	margin: 0px 0px 5px 0px;
	}
h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #000000;
	margin: 0px 0px 5px 0px;
	}

/* general layout */
#container {
	width: 656px;
	margin: auto;
	}
#top-section {
  position:relative;
  left:0;
  top:0;
  border-bottom: 3px solid #FDBB8F;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px -4px 0px;
  }
#mid-section {
  position:relative;
  left:0;
  top: 0;
  border-top: 3px solid #FDBB8F;
  border-right: 3px solid #FDBB8F;
  border-bottom: 0px;
  border-left: 3px solid #FDBB8F;
  background-color: #FFFFFF;
  padding: 5px 5px 5px 5px;
  }
#bottom-section {
  position:relative;
  left:0;
  top: 0px;
  border-top: 0px;
  border-right: 3px solid #FDBB8F;
  border-bottom: 3px solid #FDBB8F;
  border-left: 3px solid #FDBB8F;
  background-color: #FFFFFF;
  }


#top-col-1 {
	position: relative;
	left: 0;
	top: 0;
  }
#mid-col-1 {
  position:relative;
  top:0;
  left:0;
  width:450px;
}
#mid-col-2 {
	position: absolute;
	top: 3px;
	left: 458px;
	width: 180px;
	padding: 5px;
	text-align: center;
  }

#col-1-r1 {
  position:relative;
  top:0;
  left:0;
  }
  #col-1-r2 {
  position:relative;
  top:0;
  left:0;
  }

#c1-r1-1 {
  position:relative;
  top:0;
  left:0;
  width:260px;
  }
#c1-r1-2 {
	position:absolute;
	top: 0px;
	left: 245px;
	width: 206px;
	height: 235px;
	background-color: #339999;
	padding: 10px 5px 3px 5px;
	text-align: center;
  }
#c1-r2-1 {
  	position:relative;
  	top:0;
  	left: 0px;
  	width: 170px;
	text-align: center;
  }
  #c1-r2-2 {
  position:absolute;
  top:0;
  left: 170px;
  width:60%;
  }


#bottom-col-1 {
  	position:relative;
	text-align: center;
	padding: 5px;
  }

/* nav format */
#navcontainer
{
	background: #FDBB8F;
	margin: 0 auto;
	padding: 3px 0 0;
	font-family: georgia, serif;
	text-transform: none;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist
{
list-style: none;
padding: 0;
margin: 0 auto;
width: 80%;
font-size: 11px;
}

ul#navlist li
{
display: block;
float: left;
width: 15%;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #FEDBC3;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #FDBB8F;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}

/*-- content design elements --*/
#featureBox {
	width: 170px;
	margin: 0px 0px 0px 0px;
	padding: 2px;
	background-color: #FEDBC3;
	}
#featureBox h2 {
	margin-bottom: 0;
	}
	
#coupon {
	width: 160px;
	text-align: center;
	border: 2px dashed #000000;
	background-color: #FFFFFF;
	padding: 5px 5px 0px 5px;
	margin: 0px 0px 5px 0px;
	}
#coupon h1 {
	font-size: 36px;
	line-height: 32px;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
	}
	
#coupon h3 {
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	}
	
#coupon p {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	font-size: 9px;
	color: #666666;
	}
	
#partnerBox {
	width: 165px;
	height: 80px;
	font-family: georgia, serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #996699;
	padding: 1px 3px 3px 7px;
	text-align: left;
	vertical-align: top;
	}
#partnerBox p {
	margin: 7px 0px 7px 0px;
	}

#partnerBox a:link, #partnerBox a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	}
#partnerBox a:hover, #partnerBox a:active {
	color: #FEDBC3;
	text-decoration: none;
	}
	
#locationBlock {
	width: 640px;
	padding: 5px 0px 5px 0px;
	text-align: center;
	vertical-align: top;
	background-color: #FF9966;
	}
#locationBlock h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	color: #000000;
	margin: 0px 0px 5px 0px;
	}
#locationBlock p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
	margin: 0px 0px 5px 0px;
	}
#bulletCopy {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height: 18px;
	font-weight: bold;
	font-style: italic;
	color: #000000;
}
#bulletCopy ul {
	text-indent: -18px;
	list-style-type: none;
	list-style-position: inside;
	list-style-image: url(images/bullet_shell.gif);
}

#bulletCopy li {
	margin-bottom: 5px;
}

#clearDiv {
	clear: left;
	}
		
#footer {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #339999;
	text-align: center;
	margin-top: 7px;
	}
	
#footer a:link, #footer a:visited {
	color: #339999;
	text-decoration: none;
	}
	
#footer a:hover, #footer a:active {
	color: #339999;
	text-decoration: none;
	background-color: #A2F2F2;
	}