/* Do you know the way? */

/*

------------------------------------------------------
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;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
color: black;
background-color: #ffffff;
}

/* DH TM Logo which appears at the top right of every page */

#logo {
float: right;
padding-top: 13px;
}

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

#main-title {
margin-left: 0;
margin-right: 0;
padding-top: 17px;
padding-bottom: 17px;
padding-left: 25px;
padding-right: 100px;
background-color: #0000ff;
color: #ffffff;
font-weight: bold;
font-size: 2em;
letter-spacing: 5px;
text-align: left;
border-bottom: 2px #666633 solid;
}
/* Slogan text which appears across top of page */

#slogan {
margin-bottom: 20px;
background-color: #0000ff;
padding-top: 17px;
color: #ffffff;
font-weight: bold;
font-size: .5em;
letter-spacing: 3px;
text-align: left;
}

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

#main-text {
margin-top: 30px;
margin-bottom: 20px;
margin-left: 190px;
margin-right: 220px;
}

h1 {
margin-top: 0;
margin-bottom: 15px;
margin-left: 0;
margin-right: 0;
font-size: 1.3em;
color: #0000ff;
padding-bottom: 10px;
padding-top: 0;
padding-left: 0;
padding-right: 0;
font-weight: bold;
}

h2 {
margin-top: 0;
margin-bottom: 15px;
margin-left: 0;
margin-right: 0;
padding: 0;
font-size: 1em;
color: #0000ff;
font-weight: bold;
}

h3 {
margin-top: 0;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
padding: 0;
font-size: .8em;
color: #0000ff;
font-weight: bold;
}

h4 {
margin-top: 0;
margin-bottom: 15px;
margin-left: 0;
margin-right: 0;
padding: 0;
font-size: 1em;
color: #800517;
font-weight: bold;
}

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

img {
padding: 10px;
}

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

/* Photos */
#right-photo {
float: right;
}

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

a:hover {
color: #3333ff;
font-weight: bold;
text-decoration: underline;
}

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

#left-menu {
position: absolute;
top: 130px;
left: 0;
margin: 20px;
width: 150px;
}

#left-menu p {
border-bottom: 1px #cc6600 dotted;
text-align: right;
line-height: 20px;
font-size: .8em;
padding-bottom: 7px;
padding-top: 7px;
margin-bottom: 0;
}

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

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

/* Styles for the pullquote on the right side. */

#right-column {
position: absolute;
top: 130px;
right: 0;
margin: 20px;
width: 170px;
}

#right-column p {
line-height: 1.5em;
font-size: .7em;
}

#right-column strong {
color: #cc6600;
font-style: italic;
}

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

#footer {
text-align: center;
background-color: #cfecec;
color: #000000;
margin-bottom: 0;
padding-top: 0px;
padding-bottom: 0px;
font-size: 1em;
border-top: 2px #0000ff solid;
border-bottom: 2px #0000ff solid;
}

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

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