@charset "utf-8";
/* CSS Document */
/* style sheet designed by Jeff McNear / Plasterdog Productions 
this is a re-work of the original design dropping the concept of having four district pages featured on the site 
it has been determined by the Chamber that participation in the district pages by membership is unlikely
*/
/*_____________________________________structure_______________________________________*/
#cm_topnav tbody tr td ul li{
	display: inline;
	list-style-type: none;
}

/* FOR SPECIAL OFFERS PAGE*/
.left_body{
	width: 75%;
	float: left;
}
.right_column{
	float: right;
	width: 25%;
}
/* setting text align to center solves IE bug for centering wrapper_____________*/

body {
	text-align: center;
	background-color: #e3d79b;
	background-image: url(jmc_images/circle_logo.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}


/* setting text align to left here corrects cascade for IE bug fix above_________*/
#wrapper {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

#wrapper #banner {
	/* background-image: url(jmc_images/horizontal_logo_with-text.gif);
	background-repeat: no-repeat;
	background-position: 5px top; */
	/*background-color: #d8cc90;*/
	height: 175px;
	padding-left: 150px;	/* background-image: url(jmc_images/circle_logo.gif);
	background-repeat: no-repeat;
	background-position: left top; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #00003E;
}

#wrapper #banner a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
#wrapper #banner  a:link, #wrapper #banner a:visited{
	text-decoration: none;
	color: #00003E;
}

#wrapper #banner  a:hover {
	text-decoration: underline;
	color: #00003E;
}
.hot_deal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display: block;
	width: 75px;
	line-height: 75px;
	background-image: url(jmc_images/sun.gif);
	background-repeat: no-repeat;
}

.hot_deal a:link {

}
/* controls the position of the navbar */
#nav, #nav-holder {
	float: left;
	/* width: 100px; */
	width: 10%;
}
/* line height set at multiple of actual */
#nav, #nav ul { /* all lists */
	list-style: none;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;	
	line-height: 1; 
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
/*styling for links */
#nav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display: block;
	width: 75px;
}
#nav a:link,  #nav a:visited{
	text-decoration: none;
	color: #00003E;
}

#nav a:hover {
	text-decoration: underline;
	color: #00003E;
}
/* all list items */
#nav li {
	width: 75px; /* width needed or else Opera goes nuts */
	margin-left: 5px;
	padding-top: 15px;
}
/* second-level lists */
#nav li 
ul {
	position: absolute;
	width: 75px;
	left: -999em;
	background-color: #e3d79b;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	margin-top: -5px;
	left: 75px;	
}

/* actual content is in this div  */
#wrapper #content {
	background-color: #fff7cc;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-right: 10px;
	padding-left: 5px;
	float: right;
	width: 87%;
	padding-top: 5px;
	min-height: 500px;
	/* margin-left: 110px; */

}
#wrapper #content p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top: 2px;
	margin-bottom: 6px;
	margin-right: 10px;
	margin-left: 10px;
}
#wrapper #content ul {
	margin-top: 1px;
	padding-top: 1px;
}
#wrapper #content li {
	list-style-type: disc;
}

#wrapper #content h2{
	font-size: 14px;
	color: /*#242218 */#000000;
}
#wrapper #content h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-style: italic;
	text-decoration: underline;
}
#wrapper #content ul{
	padding-top: 0px;
	padding-bottom: 0px;
	list-style-type: none;
	padding-right: 0px;
	padding-left: 0px;
}

#wrapper #content li{
	padding-bottom: 5px;
	list-style-type: disc;
	margin-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

#wrapper #content a:link, #wrapper #content a:visited{
	color: #0000A8;
	text-decoration: none;
	
}
#wrapper #content a:hover{
	color: #0000A8;
	text-decoration: underline;
		
	
}

/* splitting styles */
.left  {
	float: left;
	width: 300px;
	}
	
.left-2  {
	float: left;
	width: 45%;
	}

	
.right  {
	margin-left: 315px;
	margin-right: 10px;

}
.right-2  {
	float: right;
	width: 48%;
	margin-right: 20px;
}
.clear{
	clear: both;
}

.interior {
	float: left;
	clear: none;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 5px;
}

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-align: center;
	background-color: #d8cc90;
	padding-top: 1.5em;
	clear: both;
}
.footer a:link, .footer a:visited {
	text-decoration: none;
	font-size: 9px;
	color: #000000;
}
.footer a:hover {
	text-decoration: none;
	font-size: 9px;
	text-decoration: underline;
	
}
hr {
	color: #E3D79B;
}
.floated_image{
	float: left;
}
/*_____p-dog footer  _______*/

#p-dog {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-align: right;
	clear: both;
	font-style: italic;
}
/* links on p-dog div */

#p-dog a:link, #p-dog a:visited {
	color: #806A42;
	text-decoration: none;
}

#p-dog a:hover {
	color: #806A42;
	text-decoration: underline;
}

/* READ MORE LINKS */
#wrapper #content .read {
	font-family: Arial, Helvetica, sans-serif;
	color: /*#1d25428 */ #242218;
	font-size: 16px;
	font-weight: bold;
}
#wrapper #content .read h1{
	font-family: Arial, Helvetica, sans-serif;
	color:#242218;
	font-size: 30px;
	font-weight: bold;
	padding-left: 30px;
	background-image: url(jmc_images/read_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-style: italic;	
}
#wrapper #content .read h2{
	font-family: Arial, Helvetica, sans-serif;
	color:#242218;
	font-size: 20px;
	font-weight: bold;
	padding-left: 30px;
	background-image: url(jmc_images/read_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-style: italic;	
}
#wrapper #content .read a{
	display: block;
	height: 32px;
	line-height: 32px;
}

#wrapper #content .read a:link, #wrapper #content .read a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color:#242218;
	padding-left: 30px;
	font-size: 14px;
	font-weight: bold;
	/*line-height: 40px; */
}
#wrapper #content .read a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color:#242218;
	padding-left: 30px;
	font-size: 14px;
	font-weight: bold;
	/*line-height: 40px; */
	background-image: url(jmc_images/read_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}