/* FHHC stylesheet based on below.
Modified by deni finch-frederick for
The Friends of Historic Herkimer County
January 2006.
------------------------------------------------------
based on "coney_island"
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.
------------------------------------------------------
HOORAY FOR OPEN SOURCE!
*/

/* Panel across the top of the page with image of courthouse and jail. 
Image created by Zien.
Controls background color and font attributes throughout page. */

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
color: black;
background-color: #ffffbb;
background-image: url(images/sketch.gif);
background-repeat: repeat-x;
}

/*Creates brick-colored border around page*/
#container1 {
color: #000;
background-color: #b1503d;
}

/* Banner across top of page that says Friends of Historic Herkimer County */

#main-title {
text-align: center;
font-size: 1.5em;
font-weight: bold;
letter-spacing: 5px;
margin-top: 100px;     /*allows for banner image*/
padding-top: 3px;
padding-bottom: 3px;
border-top: 2px #000000 solid;
border-bottom: 2px #000000 solid;
color: #fdf8f4;
background-color: #b1503d;
}

/* Styles for the central text area of the page. Black borders on sides and bottom but not top. */

#main-text {
color: #000000;
background-color: #ffffbb;
margin-left: 17%;
margin-right: 19%;
font-size: .8em;
line-height: 1.9em;
padding-right: 10px;
border-left: 2px #000000 solid;
border-right: 2px #000000 solid;
border-bottom: 2px #000000 solid;
}

/*left justified paragraph, bulleted list and numbered list*/

p, ul, ol {
text-align: left;
padding-left: 12px;
padding-top: 5px;
padding-bottom: 5px;
}

/*right justified paragrahp, used for credit line for articles*/

p.right {
text-align: right;
font-style: italic;
}

p.center {
text-align: center;
padding-left: 12px;
padding-top: 5px;
padding-bottom: 5px;
}

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

table {
text-align: center;
padding-left: 12px;
padding-top: 5px;
padding-bottom: 5px;
}

h1 {
margin-top: 0;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
text-align: center;
font-size: 20px;
padding-top: 10px;
padding-left: 12px;
padding-right: 0;
font-weight: bold;
}

h2 {
font-size: 15px;
font-weight: bold;
padding-left: 12px;
}

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

a:hover {
text-decoration: none;
font-weight: bold;
color: #487f9e;
border-bottom: 1px #487f9e solid;
}

/* Sets position of navbar, attributes of links and link states. */

#left-menu {
position: absolute;
top: 180px;
left: 0;
width: 17%;
font-size: .8em;
height: 100%;
font-weight: bold;
}

#left-menu a:link {
display: block;
color: #fff;
text-align: right;
padding-right: 7px;
padding-bottom: 8px;
padding-top: 8px;
border-bottom: 2px #000 solid;
}

#left-menu a:visited {
display: block;
color: #000;
text-align: right;
padding-right: 7px;
padding-bottom: 8px;
padding-top: 8px;
border-bottom: 2px #000 solid;
}

#left-menu a:hover {
color: #fff;
border-bottom: 2px #000 solid;
}

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

#right-column {
position: absolute;
top: 200px;
right: 0;
width: 19%;
font-size: .8em;
line-height: 1.5em;
color: #fff;
background-color: transparent;
text-align: left;
}

#right-column strong {
font-weight: bold;
font-style: normal;
}

#right-column p {
font-style: italic;
padding-left: 20px;
padding-right: 5px;
padding-top: 0px;
}

#right-column a:link, a:visited {
color: #000;
background-color: transparent;
border-bottom: 0;
}

#right-column a:hover {
color: #ffffbb;
background-color: transparent;
border-bottom: 0;
}


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

#footer {
text-align: center;
padding-top: 9px;
padding-bottom: 9px;
font-size: .9em;
line-height: 21px;
}

#footer a:link, a:visited {
color: #000;
background-color: transparent;
border-bottom: 0;
}

#footer a:hover {
color: #ffffbb;
background-color: transparent;
border-bottom: 0;
}