/*

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

*/

html {width: 100%;
height: auto;}

body {
margin: 0px;
font-family: verdana, arial, helvetica, sans-serif;
background-color: #dae6cf;
height: auto;}

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

#container1 {
height: 289px;
width: 100%;
margin: 0px;
/*white-space: nowrap;*/
padding: 0px;}

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

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

#main-title {
background-position: right bottom;
background-repeat: no-repeat;
background-image:url(images/header_image_half.jpg);
background-color: #fff;
height: 149px;
margin: 0px;
padding-left: 100px;
padding-top: 150px;
border-bottom: 2px solid #fff;
font-size: 1.5em;
font-weight: bold;
text-align: left;
letter-spacing: .5em;
color: #415a67;
line-height: 1.5em;
font-family: Times, "Times New Roman", serif;
font-variant: small-caps;
white-space: nowrap;
}

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

h1 {
margin-top: -15px;
margin-bottom: 0;
margin-left: 233px;
font-size: 1.2em;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
padding-right: 0;
font-weight: bold;
background-color: #395b69;
border-left: 2px #ffffff solid;
border-right: 2px #ffffff solid;
color: #ffffff;
text-align: center;
border-top: 2px #ffffff solid;
margin-right: 45px;
font-style: italic;
font-family: Times, "Times New Roman", serif;
letter-spacing: .25em; }

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

#main-text {
margin-top: 0;
margin-bottom: 0;
margin-left: 233px;
background-color: #f0fae6;
border-left: 2px #ffffff solid;
border-right: 2px #ffffff solid;
margin-right: 45px;
white-space: normal;
padding: 10px;
min-height: 400px; }

#main-text p {font-size: .8em;
/*font-weight: bold;*/
line-height: 2em;  }

#specialties {width: auto;
height: auto;
padding: 5px;
margin-top: 0px;
margin-bottom: 5px;
/*margin-left: -5px;*/
background-color: #dde5d0;
border: 2px solid #fff;
text-align: center;
display: block;
color: #395b69; }

#specialties h2 {font-size: 1.2em;
margin: 0px;
display: inline; }

blockquote {
font-family: Times, "Times New Roman", serif;
font-size: 1.1em;
text-align: center;
line-height: 150%;
margin: 0px;
font-variant: small-caps;
display: block;
white-space: normal;
margin: 0px; }

#photo {
background-image: url(images/MarilynMiller.png);
background-repeat: no-repeat;
background-position: center center;
width: 200px;
height: 250px;
float: left;
margin: 1em;
margin-left: 0px;
position: relative; }

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;
text-align: justify;
}

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

h2 {
margin-bottom: 0;
margin-left: 10px;
margin-right: 0;
font-size: 1em;
font-weight: bold;
color: #415a67;
margin-top: 0;
padding-top: 20px;
padding-bottom: 5px;
font-family: Times, "Times New Roman", serif;
font-style: italic; }

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 #6c8a0d solid;
}

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

#left-menu {
position: fixed;
top: 250px;
left: 0;
width: 175px;
text-align: right;
background-color: #dde5d0;
border-top: 2px #fff solid;
border-right: 2px #fff solid;
border-bottom: 2px #fff solid;
margin-bottom:0px; }

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

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

#left-menu a:hover, #left-menu a.current {
color: #395b69;
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: 20px;
padding-top: 5px;
padding-bottom: 5px;
line-height: 20px;
font-size: .8em;
padding-left: auto;
background-color: #ffffff;
margin-top: 0;
border-top: 3px #6c8a0d double;
border-bottom: 3px #6c8a0d double;
color: #6c8a0d;
}

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

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

/* Left Button Column*/

#badges{
width: 175px;
background-color: #dde5d0;
border: 2px solid #395b69;
margin: 10px;
margin-top: 0px;
margin-bottom: 0px;
float: right;
clear: none;
position: relative;
z-index: 1000; }

#audiobook {
margin: 0px;
padding: 0px;
width: 100%;
height: 196px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(images/audiobook.png);
text-align: center;
display: none; }

#audiobook a {
font-family: Times, "Times New Roman", serif;
font-variant: small-caps;
color: #000; 
width: 100%;
margin: 0px;
padding: 0px;
padding-top:10px;
font-size: 1.2em;
font-weight: bold;
text-align: center;
display: block;
text-decoration: none;
border: none; }

#audiobook a:hover {color: #395b69;
text-decoration: none;
border: none; }

#newsletter {
margin: 0px;
padding: 0px;
width: 100%;
height: 196px;
background-repeat: no-repeat;
background-position: center bottom;
background-image: url(images/newspaper.png);
background-color: #fff;
text-align: center;
/*border-top: 2px solid #395b69;*/  }

#newsletter a:link{
font-family: Times, "Times New Roman", serif;
font-variant: small-caps;
display: block;
color: #000; 
width: 100%;
margin: 0px;
padding: 0px;
padding-top: 10px;
font-size: 1.2em;
font-weight: bold;
text-align: center;
vertical-align: middle;
text-decoration: none;
border: none; }

#newsletter a:hover {color: #395b69;
text-decoration: none;
border: none; }

table#booklist {background-color: #dde5d0;
border: 2px solid #fff;
text-align: center;
font-size: 1em;
margin-bottom: 10px;
font-weight: bold;
float: inherit; }

h6 {font-size: 1.2em;
margin: 10px 0 10px 0;}

#form p{font-size: 1em;}

form #form {font-size: 1em;
}

#form_wrapper {border: 2px solid #fff;
background-color: #dde5d0;
width: auto;}

#input {font-size: 1em;
width: 50%;}

div#cc {background: transparent url(images/credit_cards.gif) left 0 no-repeat;
height: 25px;
width: 90px;
margin-left: 47%;
padding: 0px;
margin-top: 10px;
display: block;
position: relative;}