/* The Peninsula Neighborhood CSS Document */

/* MAIN SETTINGS */
body {
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #8f8d81 url(/images/background.gif) left top repeat-x;
}
#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 850px;
}
a:link {
	color: #fff;
}
a:visited {
	color: #eae4dd;
}
h3 a:link, h3 a:visited {
	color: #fff;
	text-decoration: none;
}

/* Header Settings */

#header {
	margin: 0;
	padding: 0;
	width: 850px;
	height: 91px;
	font-size: 13px;
	line-height: 15px;
	background: #fff url(/images/background_header.gif) left top no-repeat;
}

/* Business Logo Settings */

#businessLogo {
	margin: 0;
	padding: 0;
	float: left;
	width: 215px;
	height: 91px;
}
#businessLogo img, #content img.png {
   behavior: url("/includes/pngbehavior.htc");
}
/* Hide the logos for the print and handheld style sheets */
#content .printheader, #content .handheldheader {
	display: none;
}

/* Splash Settings */

#splash {
	margin: 0;
	padding: 0;
	width: 810px;
	height: 418px;
	background: none;
	text-align: center;
	clear: both;
}

/* Main Column Settings */

#mainCol, twoCol, threeCol {
	margin: 0;
	padding: 0 0 0 20px;
	width: 830px;
	background: #9e9a95 url(/images/content_background.gif) repeat-x top left;
	font-size: 13px;
	line-height: 15px;
}

#mainCol {
	background: #9e9a95 url(/images/content_background.gif) repeat-x top left;
	font-size: 13px;
}

#twoCol {
	background: #9e9a95 url(/igec/images/background_content_2col.gif) repeat-y;
}

#threeCol {
	background: #9e9a95 url(/igec/images/background_content_3col.gif) repeat-y;
}

/* Navbar */

#navbar {
	margin: 0;
	padding: 0;
	width: 850px;
	height: 26px;
	background: #119c3f url(/images/navbar_background.gif) left top repeat-x;
}
.udm li.recycle {
	background: #0c2f69 url(/images/recycle_navbar_background.gif) left top repeat-x;
}
.udm li.recycle a.udmR,.udm li.recycle a.udmY,.udm li.recycle a.udmR:visited,.udm li.recycle a.udmY:visited,.udm li.recycle a:hover,.udm li.recycle a:focus,.udm li.recycle a.nohref:hover,.udm li.recycle a.nohref:focus {
	background-color:#283d61;
}

#udm li#home, #udm li#aboutus, #udm li#projects, #udm li#employment, #udm li#contact, #udm li#gps {
	background: #004d00;
}
#udm li#recycle {
	background: #324d7a;
}

/* MAIN CONTENT */

/* Side Columns */

#leftcol, #rightcol {
	margin: 10px;
	padding: 5px;
	width: 219px;
	background: #dacda3;
	color: #333;
	border: 1px solid #030;
	float: right;
}
#leftcol {
	float: left;
}
#rightcol {
	float: right;
}
#leftcol h3, #rightcol h3 {
	margin: 0;
	padding: 2px 0 0 0;
	color: #fff;
	font-size: 125%;
	line-height: 100%;
}
#leftcol p, #rightcol p {
	margin: 4px 0 2px;
	padding: 0;
	color: #333;
	font-size: 13px;
}
#leftcol ul, #leftcol ol, #rightcol ul, #rightcol ol {
	margin: 0;
	padding: 4px 0 4px 10px;
	font-size: 12px;
}
#leftcol li, #rightcol li {
	margin: 0 0 0 8px;
	padding: 0 0 0 4px;
	list-style: url(/images/list_bullet.gif) none;
}
#leftcol strong, #leftcol b, #rightcol strong, #rightcol b {
	color: #fff;
}

/* Content */

#mainCol #content {
	width: 810px;
}
#twoCol #content {
	width: 580px;
}
#threeCol #content {
	width: 347px;
}
#content {
	margin: 0;
	padding: 15px 0 15px 0;
	background: none;
	float: left;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	margin: 0;
	padding: 10px 0 0 0;
	color: #fff;
}
#content h1 {
	padding: 0;
	font-family: "Goudy Old Style", "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	font-size: 28px;
	line-height: 31px;
	color: #fff;
}
#content h2 {
	font-family: "Goudy Old Style", "Times New Roman", Times, serif;
	font-size: 170%;
	line-height: 100%;
	font-style: italic;
	font-weight: normal;
}
#content h3 {
	font-size: 125%;
	line-height: 100%;
}
#content h4 {
	margin: 4px 0 2px;
	padding: 0;
	color: #36360b;
	font-size: 115%;
	line-height: 100%;
}
#content h5 {
	margin: 2px 0;
	padding: 0;
	font-size: 108%;
	line-height: 100%;
}
#content h6 {
	margin: 2px 0 0 0;
	padding: 0;
	font-size: 100%;
	line-height: 100%;
}
#content p, li {
	padding: 0;
	color: #fff;
	font: Georgia, "Times New Roman", Times, serif;
}
#content p {
	margin: 4px 0 14px;
}
#content p.divider {
	padding: 0 0 15px 0;
	border: none;
	background: url(/images/divider.gif) bottom no-repeat;
}
#content blockquote {
	margin: 5px 20px;
	padding: 0;
}
#content ul {
	margin: 0;
	padding: 5px 0 5px 16px;
}
#content li {
	margin: 0 0 0 8px;
	padding: 0 0 0 4px;
	list-style: url(/images/list_bullet.gif) none;
}
strong, b {
	color: #fff;
}
.headerAlt {
	font-weight: normal;
	color: #333;
}

/* Contact Form Table/Plain Tables  */

table {
	margin-left: auto;
	margin-right: auto;
	border: none;
	border-collapse: collapse;
}
th, td {
	background: #6b675c;
	vertical-align: top;
	margin: 0;
	padding: 2px;
	border-bottom: 1px solid #352f14;
}
th {
	text-align: right;
	color: #fff;
	background: #4a4832;
}
th.submit {
	text-align: center;
}
tr.alt *, td.alt {
	background: #888375;
}
/* Form Elements */

input {
	margin: 0;
	padding: 1px;
	border: #352f14 solid 1px;
	color: #333;
	font-size: 90%;
	vertical-align: bottom;
}
select {
	margin: 0;
	padding: 1px;
	border: #352f14 solid 1px;
	color: #333;
	font-size: 90%;
	vertical-align: bottom;
}
input.radioButton {
	border: none;
}
input.sminp {
	margin: 3px auto;
	padding: 0 8px;
	color: #fff;
	font-weight: bold;
	border: 1px solid #5d0000;
	background: #740000 url(/images/sminp_background.gif) repeat-x;
}

/* Footer */

#footer {
	margin: 0;
	padding: 15px 20px 20px;
	width: 810px;
	background: url(/images/footer_background.gif) left top no-repeat;
	text-align: left;
	font-size: small;
	color: #fff;
	clear: both;
}
#footer p {
	padding: 2px 0;
	margin: 0;
	font-size: 10px;
	line-height: 13px;
}
#footer h4 {
	padding: 3px 0 0 0;
	margin: 0;
	color: #fff;
	font-size: 12px;
	line-height: 15px;
}
#footer strong, #footer b {
	color: #fff;
}
#footer ul {
	margin: 0;
	padding: 4px;
	color: #fff;
	font-size: 10px;
}
#footer li {
	display: inline;
	color: #fff;
}
#footer a {
	padding: 0;
	text-decoration: underline;
	color: #fff;
	font-weight: bold;
}
#footer a:hover, #footer a:focus {
	text-decoration: none;
	color: #ffcd27;
}
#footer p a {
	text-decoration: underline;
	color: #fff;
}
#footer p a:hover, #footer p a:focus {
	text-decoration: underline;
	color: #ffcd27;
}

/* Misc Classes */

.smallFont {
	font-size: 85%;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.photo {
	border: 1px #fff solid;
}
.indent {
	padding-left: 30px;
	margin-left: 30px;
}
.clear {
	clear: both;
}
.whiteText {
	color: #fff;
}