/*
Common to all pages.
*/

/*------------------*\
|* global interface *|
\*------------------*/
body {
	background-color: #fff;
	background-image:url(../images/stripe.gif);
	margin: 0;
	font-size: 11px;
	line-height: auto;
	color: #000;
	font-family: Tahoma, Geneva, sans-serif;
}
p {
	font-size: 11px;
	margin: 9px 0 0 0;
}
h1 {
	font-size: 14px;
	margin: 0 0 8px 0;
	font-weight:bold;
}
h2 {
	font-size: 11px;
	margin: 12px 0 4px 0;
}
h3 {
	font-size: 11px;
	margin: 12px 0 -4px 0;
}
h4 {
	font-size: 11px;
	margin: 0 0 4px 0;
}
h5 {
	font-size: 11px;
	margin: 0 0 -4px 0;
}
ul {
	margin: 5px 0 0 12px;
	padding-left: 12px;
}
li {
	margin: 5px 0 0 0;
}
img {
	border:none;
}

/* links */
a {
	color: #06c;
	text-decoration: none;
}
a:visited {
	color: #06c;
	text-decoration: none;
}
a:hover {
	color: #f00;	
	text-decoration: underline;
}

/*------------*\
|* containers *|
\*------------*/
/* empty container to center everything */
#owrapper {
	width: 880px;
	height: 100%;
	margin: auto;
}
/* can't center a floated div, and this div has to float to pick up the height of it's children */
#wrapper {
	width: 100%; height: 100%;
	float: left;
	background-color: #fff;
	text-align: left;
	border-style: solid; border-width: 2px; border-color: #06c;
}
#contact {
	height: auto; width: auto;
	padding: 10px 10px 5px 10px;
	background-color: #06c;
	border-style: solid; border-width: 0 0 1px 0; border-color: #fff;
}
#header {
	width: 880px; height: 120px;
}
#logo {
	width: 148px; height: 120px;
	margin: 0;
	padding: 0;
	float: left;
	background-image: url(../images/bedminster_flyers_home.gif); background-repeat:no-repeat; margin: 0;
}
#banner {
	width: 720px; height: 120px;
	float: right;
	padding: 0;
	margin-right: 1px;
	text-align: right;
}
#navcontainer {
	height: auto;
	margin: 1px 0 0 0;
	background-color: #06c;
	padding: 4px 0;
	border-style: solid; border-width: 1px 0 1px 0; border-color: #06c;
}
#content {
	margin: 0;
	padding: 0;
	background-color: #fff;
}
#sidebar {
	float: left;
	width: 144px;
	padding: 0;
}
#head {
	background-color: #eef;
}
#mainspan_wrapper {
	float: left;
	width: 840px;
	padding: 6px 20px 0 20px; 
	border-style: none;
}
#mainspan {
	float: left; 
	width: 840px;
	padding: 0 0 15px 0;
	border-style: solid; border-width: 0 0 1px 0; border-color: #9cf;
}
.main4columns {
	float: left;
	width: 840px;
	padding: 15px 20px 15px 20px;
	border-style: none;
}
/* the next five create equal-height 2-column layout */
.multicolumn_holder {
	float: left;
	width: 840px;
	padding: 15px 20px 15px 20px;
	border-style: none;
}
/* this divs should appear first in multicolumn layouts */
.right_container {
	clear: left;
	float: left;
	width: 840px;
	overflow: hidden; position: relative;
}

/*-------------*\
|* contact box *|
\*-------------*/
#contact ul {
	font-size: 9px;
	color: #fff;
	list-style-type: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
} 
#contact ul li {
	margin-top: 0;
	display:inline;
} 
#contact ul li a {
	color: #ff0;
}
#contact ul li a:hover {
	text-decoration: underline;
}
#contact ul li a:visited {
	color: #ff0;
}
/*----------------*\
|* navigation bar *|
\*----------------*/
#navcontainer ul {
clear: both;
list-style-type: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
} 
#navcontainer ul li {
	display:inline;
} 
#navcontainer ul li a {
	color: #000;
	background-color: #fc3;
	text-decoration: none;
	padding: 4px 20px;
}
#navcontainer ul li a:hover {
	color: #fff;
	background-color: #f90;
}
#navcontainer ul li #active {
	color: #fff;
	background-color: #80b2e6;
}

/*--------------*\
|* text classes *|
\*--------------*/
.whisper {
	font-size: 9px;
	color: #bbb;
	margin: 6px 3px 0 3px;
}
#mainspan p {
	text-align: center;
}
#mainspan h2 {
	text-align: center;
	margin: 12px 0 0 0px;
}
/*--------------*\
|* span classes *|
\*--------------*/
.bold {
	font-weight: bold;
}
.line {
	text-decoration: underline;
}
.noline a {
	text-decoration: none;
}