/* It's not easy being green. */

/*

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

*/

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
background-color: #f7f1bf;}

/* To place the main image at the top of the page. */

#container1 {
background-image: url(images/header_image.gif);
background-repeat: no-repeat;
height: 289px;
background-position: 185px 0px;
width: 100%;
margin: 0;
background-color: #f7f1bf;
}

/* To place the image in the panel running down the right side of the page. */

#container2 {
background-image: url(images/right_panel_bg.gif);
background-repeat: repeat-y;
background-position: top right;
margin: 0;
}

/* Text that sits on top of the header image and says the name of the whole site */

#main-title {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 160px;
font-weight: bold;
font-size: .8em;
text-align: right;
letter-spacing: 5px;
color: #000066;
padding-top: 250px;
padding-bottom: 10px;
line-height: 1.5em;}

/* Heading level 1 is not contained in main-text. */

h1 {
margin-top: 0;
margin-bottom: 0;
margin-left: 185px;
font-size: 1em;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
padding-right: 0;
font-weight: bold;
background-color: #020062;
border-left: 2px #000066 solid;
border-right: 2px #000066 solid;
color: #ffffff;
text-indent: 10px;
border-top: 2px #000066 solid;
margin-right: 148px;
}

/* Styles for the main text on the page. */

#main-text {
margin-top: 0;
margin-bottom: 0;
margin-left: 185px;
background-color: #f7f1bf;
border-left: 2px #000066 solid;
border-right: 2px #000066 solid;
margin-right: 148px;
}

p, ul, ol, table {
font-size: .7em;
line-height: 1.9em;
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
padding-left: 10px;
padding-right: 10px;
}

ol, ul {
margin-left: 25px;
}

h2 {
margin-bottom: 0;
margin-left: 10px;
margin-right: 0;
font-size: .8em;
font-weight: bold;
color: #020062;
margin-top: 0;
padding-top: 5px;
padding-bottom: 5px;
}

a:link, a:visited {
text-decoration: none;
font-weight: bold;
color: #6c8a0d;
border-bottom: 1px #6c8a0d dotted;
}

a:hover {
text-decoration: none;
border-bottom: 1px #ffffff solid;
}

/* Styles for the navbar on the left side. */

#left-menu {
position: absolute;
top: 50px;
left: 0;
width: 190px;
text-align: right;
}

#left-menu p {
padding-right: 20px;
margin-bottom: 5px;
padding-left: 0;
font-size: .8em;
}

#left-menu a:link, #left-menu a:visited {
color: #020062;
border-bottom: none;
}

#left-menu a:hover, #left-menu a.current {
color: #000000;
text-decoration: none;
}

span.arrow {
font-size: 1.2em;
}

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

#footer {
text-align: center;
margin-bottom: 0;
padding-top: 5px;
padding-bottom: 5px;
line-height: 21px;
font-size: .8em;
padding-left: 40px;
background-color: #020062;
margin-top: 0;
border-top: 3px #020062 double;

border-bottom: 3px #020062 double;
color: #ffffff;
}

#footer a:link, #footer a:visited {
color: #ffffff;
border-bottom: none;
}

#footer a:hover {
text-decoration: underline;
color: #6c8a0d;
}
.neteffects {
	float: right;
}