/* 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.

------------------------------------------------------



*/



/* Has the background image for the diagonal stripes on the right. */



html {

background-image: url(images/right_side.gif);

background-repeat: repeat-y;

background-position: top right;

}



/* Has the background image for the diagonal stripes on the left. */



body {

margin: 0;

font-family: verdana, arial, helvetica, sans-serif;

background-image: url(images/left_side.gif);

background-repeat: repeat-y;

color: #000000;

}



/* 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: 0.7em;

	letter-spacing: 5px;

	text-align: right;

	margin-top: 0;

	padding-bottom: 8px;

	font-weight: bold;

	padding-top: 8px;

	padding-right: 50px;

	background-color: #730304;

	color: #ffffff;

	border-top: 1px #000000 solid;

	border-bottom: 1px #000000 solid;

}



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



#header-image {

	background-color: #993333;

	background-image: url(images/sparkin_logo_sm.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	height: 100px;

	margin-left: 110px;

	margin-right: 110px;

	border-top-width: 2px;

	border-bottom-width: 2px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #f76f00;

	border-bottom-color: #f76f00;

}



/* For the main navigation bar for the site. */



#navbar {
	margin-bottom: 0;
	margin-left: 110px;
	margin-right: 110px;
	font-size: 0.65em;
	text-align: center;
	margin-top: 0px;
	padding-bottom: 2px;
	font-weight: bold;
	padding-top: 0px;
	background-color: #730304;
	color: #FFFFFF;
	word-spacing: 6px;
	border-bottom: 2px #ff4700 solid;
	height: 20px;
	padding-left: 100px;

}



#navbar a:link, #navbar a:visited {

	color: #FFFEE8;

	word-spacing: none;

}



#navbar a.current {

	color: #f7cf17;

}



#navbar a:hover {

	color: #f7cf17;

	text-decoration: underline;

}



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



#headline {
	font-size: 0.8em;
	padding-top: 15px;
	text-align: center;
	background-color: #FFFEE8;
	padding-left: 100px;
	padding-right: 100px;
	margin-left: 110px;
	margin-right: 110px;
	margin-bottom: 0;
	line-height: 1.5em;
	color: #730304;
	font-weight: bold;

}



/* For the byline on the pullquote. */



p.byline {

text-align: right;

margin-bottom: 0;

}



h1 {

	margin-left: 110px;

	margin-right: 110px;

	font-size: 1em;

	padding-bottom: 3px;

	padding-top: 17px;

	padding-left: 50px;

	padding-right: 0;

	color: #000000;

	border-bottom: 1px #ff4700 solid;

	letter-spacing: 5px;

	font-weight: normal;

	background-color: #CCCCCC;

	margin-top: 0;

	margin-bottom: 0;

}



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



#main-text {

	margin-top: 0px;

	margin-bottom: 0;

	margin-left: 110px;

	margin-right: 110px;

	font-size: 0.7em;

	line-height: 1.8em;

	background-color: #fffee8;

}



#main-text p {

text-align: justify;

margin-left: 50px;

margin-right: 50px;

}



h2 {

	padding-bottom: 3px;

	padding-right: 0;

	color: #000000;

	letter-spacing: 5px;

	font-weight: normal;

	margin-left: 50px;

	margin-right: 50px;

	font-size: 1em;

	margin-top: 0;

	padding-top: 10px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #730304;

}



p, ul, ol, table {

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.75em;

	margin-top: 20px;

	padding-right: 50px;

	background-color: #993333;

	color: #ffffff;

	font-weight: bold;

	border-top: 1px #000000 solid;

	border-bottom: 1px #000000 solid;

}



#footer a:link, #footer a:visited {

color: #ffffff;

text-decoration: none;

}



#footer a:hover {

text-decoration: underline;

color: #ffffff;

}

#main-text img {

	float: right;

	border: 1px solid #000000;

	margin-top: 25px;

	margin-right: 50px;

	margin-bottom: 5px;

	margin-left: 8px;

}

h3 {

	padding-bottom: 3px;

	padding-right: 0;

	color: #333333;

	letter-spacing: 5px;

	font-weight: bold;

	margin-left: 50px;

	margin-right: 50px;

	font-size: 1em;

	margin-top: 0;

	padding-top: 10px;

}