/* Where all the lights are bright */

/*

------------------------------------------------------
Copyright Maxine Sherrin, www.westciv.com
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

/* Banner across top of page that says the name of the whole site */

#main-title {
	margin-bottom: 0;
	margin-left: 110px;
	margin-right: 110px;
	font-size: .7em;
	letter-spacing: 5px;
	text-align: right;
	margin-top: 0;
	padding-bottom: 8px;
	font-weight: bold;
	padding-top: 8px;
	padding-right: 20px;
	background-color: #265057;
	color: #ffffff;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

/* To create the main image near the top of the page. */

#header-image {
	background-color: #336a74;
	background-image: url(images/header_image.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 177px;
	border-top: 2px solid #ff4700;
	border-bottom: 2px solid #ff4700;
	margin-left: 110px;
	margin-right: 110px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FF4700;
	border-left-color: #FF4700;
}

/* For the pullquote or other text directly under the navigation bar. */

#headline {
	font-size: .65em;
	padding-top: 10px;
	text-align: justify;
	background-color: #e1ecee;
	padding-left: 100px;
	padding-right: 100px;
	margin-left: 110px;
	margin-right: 110px;
	margin-bottom: 0;
	line-height: 1.5em;
	margin-top: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FF4700;
	border-left-color: #FF4700;
}

/* For the byline on the pullquote. */

p.byline {
text-align: right;
margin-bottom: 0;
}

h1 {
	margin-left: 110px;
	margin-right: 110px;
	font-size: 0.8em;
	padding-bottom: 3px;
	padding-top: 20px;
	padding-left: 50px;
	padding-right: 0;
	color: #000000;
	letter-spacing: 5px;
	font-weight: normal;
	background-color: #e1ecee;
	margin-top: 0;
	margin-bottom: 0;
	border-right: 1px solid #ff4700;
	border-bottom: 1px solid #ff4700;
	border-left: 1px solid #ff4700;
	text-transform: uppercase;
}

/* Contains all the main body of text on the page, including the h2 elements. */

#main-text {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 110px;
	margin-right: 110px;
	font-size: .7em;
	line-height: 1.8em;
	background-color: #e1ecee;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FF4700;
	border-left-color: #FF4700;
}

#main-text p {
text-align: justify;
margin-left: 50px;
margin-right: 50px;
}

h2 {
padding-bottom: 3px;
padding-right: 0;
color: #000000;
border-bottom: 1px #000000 solid;
letter-spacing: 5px;
font-weight: normal;
margin-left: 50px;
margin-right: 50px;
font-size: 1em;
margin-top: 0;
padding-top: 10px;
}

p, ul, ol, {
margin-top: 17px;
margin-bottom: 0;
}

ol, ul {
margin-left: 75px;
margin-right: 75px;
}

a:link, a:visited {
text-decoration: none;
font-weight: bold;
color: #ff4700;
}

a:hover {
text-decoration: underline;
}

/* Styles for the footer at the bottom of the page */

#footer {
	text-align: center;
	margin-bottom: 0;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 0.8em;
	margin-top: 20px;
	padding-right: 50px;
	background-color: #265057;
	color: #ffffff;
	font-weight: normal;
	border-top: 2px solid #FF4700;
	border-bottom: 2px solid #FF4700;
	line-height: normal;
}
#footer a:link, #footer a:visited {
color: #ffffff;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
color: #ff4700;
}.imgfloatright {
	float: right;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 5px;
}
.imgfloatleft {
	float: left;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 5px;
}
.logo {
	vertical-align: top;
}
#jocontact {
	float: right;
}