/* All the fun of the fair. */

/*

------------------------------------------------------
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 a background image to create the panel across the top of the page. */

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

/* The panel on the left hand side is attached to this. */

#container1 {
padding: 0;
margin: 0;
background-repeat: repeat-y;
background-image: url(images/container1_bg.gif);}

/* The image in the bottom right is attached to this. */

#container2 {
padding: 0;
margin: 0;
background-repeat: no-repeat;
background-position: bottom right;
background-image: none;}

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

#main-title {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
font-size: .9em;
letter-spacing: 5px;
text-align: right;
margin-top: 100px;
padding-bottom: 3px;
background-color: #b11e17;
border-top: 2px #000099 solid;
color: #fdf8f4;
font-weight: bold;
padding-top: 3px;
padding-right: 50px;
border-bottom: 2px #000099 solid;
}

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

#main-text {
margin-top: 0;
margin-bottom: 0;
margin-left: 170px;
margin-right: 220px;
font-size: .7em;
line-height: 1.9em;
padding-right: 10px;
border-left: 2px #000099 solid;
border-right: 2px #000099 solid;
color: #1a3745;
}

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

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

h1 {
margin-top: 0;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
font-size: 20px;
padding-top: 10px;
padding-left: 12px;
padding-right: 0;
font-weight: normal;
color: #000099;}

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

h3 {
font-size: 13px;
font-weight: bold;
padding-left: 12px;
padding-top: 3px;
padding-bottom: 3px;
color: #b11e17;
}

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

a:hover {
text-decoration: none;
font-weight: bold;
color: #000000;
border-bottom: 2px #b11e17 dotted;
}

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

#left-menu {
position: absolute;
top: 110px;
left: 0;
width: 170px;
font-size: .8em;
height: 100%;
padding-top: 50px;
padding-bottom: 200px;
font-weight: bold;
}

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

#left-menu a:hover, #left-menu a.current {
color: #b11e17;
border-bottom: 2px #000099 solid;
}

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

#right-column {
position: absolute;
top: 100px;
right: 0;
width: 220px;
font-size: .8em;
line-height: 1.5em;
color: #1a3745;
}

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

#right-column p {
font-style: italic;
padding-left: 10px;
padding-right: 5px;
padding-top: 50px;
text-align: center;
}

#right-column img {
margin-top:15px;}

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

#footer {
text-align: center;
margin-bottom: 0;
padding-top: 9px;
padding-bottom: 9px;
font-size: .7em;
line-height: 21px;
margin-top: 0;
padding-right: 50px;
border-left: 2px #000099 solid;
margin-left: 170px;
}

#footer a:link, #footer a:visited {
color: #b11e17;
border: none;
}

#footer a:hover {
color: #000000;
}

.bookTitle{
color: #b11e17;
font-size: 125%;
font-weight: bolder;
font-style: italic;}

.center {
text-align: center;}

.centered {
text-align: center;
margin-top:30px;
margin-bottom:0px;
}
.centered p{
text-align: center;
}

.left {
float:left;}
.right {
float:right;}

.seeMe
{
font-weight: bolder;
color: #b11e17;
font-size: 175%;}

.spaceMe{
margin:15px;}

.spaceTop{
margin-top:100px;}

.imgCenter
{
padding:1px;
background:#ffffff;
color:#303030;
border:5px solid #999999;
text-align:center;
}

.imgLeft
{
float:left;
margin-right:10px;
margin-left:20px;
padding:1px;
background:#ffffff;
color:#303030;
border:5px solid #999999;
text-align:center;
}

form {margin:0; margin-top:20px;
display:inline;
}