/* Dusk over the shifting sands */

/*

------------------------------------------------------
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;
color: black;
background-color: #e2e2c5;
border-top: 25px #cc9966 solid;
}

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

#main-title {
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
padding-bottom: 0px;
padding-left: 25px;
padding-right: 0;
background-color: #9e9e8a;
border-top: 1px black solid;
border-bottom: 1px black solid;
color: #e2e2c5;
font-weight: bold;
font-size: .7em;
background-image: url(images/header.jpg);
background-repeat: no-repeat;
height: 150px;}

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

h1 {
margin-top: 0;
margin-bottom: 15px;
margin-left: 190px;
margin-right: 60px;
font-size: 1em;
color: #77774f;
border-bottom: 1px #999 dashed;
padding-bottom: 10px;
padding-top: 0;
padding-left: 0;
padding-right: 0;
font-weight: bold;
}

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

#main-text {
margin-top: 0;
margin-bottom: 50px;
margin-left: 190px;
margin-right: 50px;
}

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

h2 {
margin-top: 0;
margin-bottom: 15px;
margin-left: 0;
margin-right: 0;
padding: 0;
font-size: .9em;
color: #77774f;
font-weight: bold;
}
h3{
	border-bottom: 3px;
	font-size: 0.8em;
	color: #000;
	margin-bottom: 1px;
	border-bottom-color: #996;
	border-bottom-style: solid;
	margin-right: 50%;
}


ol, ul {
margin-left: 25px;
	background-color: #C96;
	background-color: #996;
}

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

a:hover {
color: #ad5e15;
text-decoration: none;
font-weight: bold;
}

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

#left-menu {
position: absolute;
top:200px;
left: 25px;
width: 140px;
border-right: 1px #999 dashed;
text-align: right;
}

#left-menu p {
padding-right: 10px;
margin-bottom: 5px;
font-size: .6em;
line-height: 25px;
}

#left-menu a:link, #left-menu a:visited {
color: #cc9966;}


#left-menu a:hover, #left-menu a.current {
color: #33332c;
}

img.r{
padding-right 20px;
}
/* Styles for the footer at the bottom of the page */

#footer p {
text-align: center;
background-color: #9e9e8a;
color: #ffffff;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px black solid;
border-bottom: 1px black solid;
font-size: .8em;
word-spacing: 10px;
font-weight: bold;}
#footer_inner {text-align: center;
background-color: #cc9966;
color: #ffffff;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
font-size: .8em;
}

#footer a:link, #footer a:visited {
color: #e2e2c5;
}

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

.left{
clear: both;
float: left;
padding: 5px;
border: 1px;
margin:5px;
border-style: solid;
}

.right{
	clear: both;
	float: right;
	padding: 5px;
	border: 1px;
	margin:5px;
	border-style: solid;
}