/* 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: .7em;
letter-spacing: 5px;
text-align: right;
margin-top: 0;
padding-bottom: 8px;
font-weight: bold;
padding-top: 8px;
padding-right: 50px;
background-color: #FF6633;
color: #FF6633;

}

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

#header-image {
background-color: #FFFFFF;
background-image: url(images/header_image.gif);
background-repeat: no-repeat;
background-position: center ;
height: 132px;

margin-left: 110px;
margin-right: 110px;
}

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

#navbar {
margin-bottom: 0;
margin-left: 110px;
margin-right: 110px;
font-size: .8em;
text-align: center;
margin-top: 0;
padding-bottom: 8px;
font-weight: bold;
padding-top: 8px;
background-color: #FF6633;
color: #ffffff;
word-spacing: 8px;

}

#navbar a:link, #navbar a:visited {
color: #ffffff;
word-spacing: none;
}

#navbar a.current {
color: #000000;
}

#navbar a:hover {
color: #ffffff;
text-decoration: underline;
}



/* 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: .8em;
line-height: 1.8em;
background-color: #CCCCCC;
}

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



#Pic1 {

top: 150px;
margin-left: 0px;
}

#Pic2 {

top: 150px;
margin-left: 150px;
}

#Pic3 {

top: 150px;
margin-right: 0px;
}


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;
}

h3 {
padding-bottom: 2px;
padding-right: 0;
color: #000000;
<center></center>
letter-spacing: 5px;
font-weight: normal;

margin-left: 50px;
margin-right: 50px;
font-size: 1em;
margin-top: 0;
padding-top: 5px;
}

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;
}

IMG.displayed {
    margin-left: 250px;
    }


/* 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: .65em;
margin-top: 20px;
padding-right: 50px;
background-color: #ff6633;
color: #ffffff;
font-weight: bold;

}

#footer a:link, #footer a:visited {
color: #ffffff;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
color: #ffffff;
}