/* CSS Document for ClamChowder.biz */

body {
	padding: 0px;
	margin: 0px;
	text-align: center;
	background: #FFCC00;
}

p { 
/* font of any text appearing within <p></p> tags */
	color: #663300;
	font: 9pt verdana;
	margin-left: 200px;
	margin-right: 50px;
}

hr {
	text-align: center;
}

div { 
	
}

/* ids */

#container {
	margin: 30px auto;
	text-align: left;
	width: 740px;
}

#logo {
	background-image: url(images/top.gif);
	width: 740px;
	height: 240px;
	float: left;
}

#nav {
	width: 740px;
	height: 63px;
	float: left;
}

#content {
	background: url(images/bg.gif) repeat-y;
	width: 740px;
	margin: 0px;
	float: left;
}

#footer{
	background: url(images/bottom.gif) no-repeat;
	width: 740px;
	height: 213px;
	margin: 0px;
	float: left;
}


/* classes */

.nav1 a {
	background-image: url(images/nav_off_2A_01.gif);
	width: 154px;
	height: 63px;
	display: block;
	margin: 0px 587px 0px 0px;
	position: absolute;
}
.nav1 a:hover {
	background-image: url(images/nav_on_2A_01.gif);
	width: 154px;
	height: 63px;
}
.nav2 a {
	background-image: url(images/nav_off_2A_02.gif);
	width: 158px;
	height: 63px;
	display: block;
	margin: 0px 429px 0px 154px;
	position: absolute;
}
.nav2 a:hover {
	background-image: url(images/nav_on_2A_02.gif);
	width: 158px;
	height: 63px;
}
.nav3 a {
	background-image: url(images/nav_off_2A_03.gif);
	width: 137px;
	height: 63px;
	display: block;
	margin: 0px 291px 0px 312px;
	position: absolute;
}
.nav3 a:hover {
	background-image: url(images/nav_on_2A_03.gif);
	width: 137px;
	height: 63px;
}
.nav4 a {
	background-image: url(images/nav_off_2A_04.gif);
	width: 127px;
	height: 63px;
	display: block;
	margin: 0px 164px 0px 449px;
	position: absolute;
}
.nav4 a:hover {
	background-image: url(images/nav_on_2A_04.gif);
	width: 127px;
	height: 63px;
}
.nav5 a {
	background-image: url(images/nav_off_2A_05.gif);
	width: 164px;
	height: 63px;
	display: block;
	margin: 0px 0px 0px 576px;
	position: absolute;
}
.nav5 a:hover {
	background-image: url(images/nav_on_2A_05.gif);
	width: 164px;
	height: 63px;
}
.pic {
	padding: 15px;
	border: none;
}
.footer {
/* font of any text appearing within <div class="footer" tag at the bottom of each page */
	color: #663300;
	font: 8pt verdana; 
	padding-top: 90px;
	text-align: center;
}

.link {
/* font for links that have class="link" within the <a href=""> tag */
	color: #996633;
	font: 9pt verdana;
	text-decoration: none;
	border-bottom: 1px dotted #996633;
}
/* determines how link text above changes when mouse rolls over it */
.link:hover, link:active { 
	color: #FFFFFF;
	font: 9pt verdana;
 	border-bottom: 1px solid #FFFFFF;
 	background: #996633;
}

.design {
	width: 740px;
	color: #663300;
	font: 7pt verdana;
	text-align: center;
	float: left;
}
.design a {
	color: #996633;
	font: 7pt verdana;
	text-decoration: none;
	border-bottom: 1px dotted #996633;
}
.design a:hover {
	color: #FFFFFF;
	font: 7pt verdana;
 	border-bottom: 1px solid #FFFFFF;
 	background: #996633;
}