/* Less is more */

/*

------------------------------------------------------
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;
background-color: #B3FFB3;
background-image: url(images/page-bg2.gif);color: #004C00;}

/* Banner near top of page that says the name of the whole site - also has crane background image. */

#main-title {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-right: 75px;
font-size: 1.5em;
letter-spacing: 5px;
text-align: right;
background-image: url(images/nikkinew.jpg);
background-repeat: no-repeat;
background-position: top left;
height: 70px;
color: #FF4D00;
padding-top: 80px;font-style: italic;font-weight: bold;}

/* Not contained in the main-text element. Has background image to create effect of continuation of crane image. */

h1 {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
font-size: 1.1em;
padding-bottom: 7px;
padding-top: 7px;
padding-left: 35px;
padding-right: 0;
font-weight: bold;
background-image: url(images/pg-title.jpg);
background-repeat: repeat-y;
background-position: top left;
border-top: 1px #006900 solid;
border-bottom: 5px #006900 solid;
color: #ff4000;}
#dipstick p, #dipstick h2 {text-align: center;}

#dipstick p {font-size: .8em;font-weight: bold;}

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

#main-text-footer {padding-bottom: 10px;}

#main-text-footer p {text-align: center;font-weight: bold;}

#content {position: relative;width: 100%;}

#main-text {
margin-top: 0;
margin-bottom: 0;
margin-left: 150px;
margin-right: 200px;
padding-right: 10px;
background-color: #f3f3f3;
padding-top: 20px;
padding-left: 10px;
border-left: 1px #006900 solid;
border-right: 5px #006900 solid;}

#main {padding: 5px;
font-size: .75em;
line-height: 1.9em;}

#main th, td {vertical-align: top;}

#main th {width: 25%;}

#main td {padding-left: 5px;}

#table-pics {
width: 70%;margin-left: auto;margin-right: auto;}

#table-pics td {vertical-align: middle;font-size: .75em;line-height: 1.5em;}

#table-pics img {border: 1px #006900 solid;}

.pics {font-size: .75em;width: 80%;margin-left: auto;margin-right: auto;padding-top: 10px;
padding-bottom: 10px;line-height: 1.5em;}

.pics td {padding: 5px;text-align: center;}

.pics td img {border: 1px #006700 solid;}

#profile {margin-left: auto;margin-right: auto;width: 90%;font-family: Verdana, Helvetica, Arial, sans-serif;font-size: .75em;background-color: #006900;color: #ffffff;line-height: 1.5em;margin-top: 10px;margin-bottom: 10px;}

#profile td, th {border: 1px #f3f3f3 solid;padding: 5px;text-align: center;}

#profile select, select option {font-size: 1.1em;}

img.right-float {float: right;
margin: 5px;border: 1px #006900 solid;}

img.left-float {float: left;
margin: 5px;border: 1px #006900 solid;}

#arrow {float: right;border: none;padding-left: 5px;}

p, ul {
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
text-align: justify;
font-size: .75em;
line-height: 1.9em;
}

ul {
padding-left: 25px;
}

h2 {
font-size: .9em;
font-weight: bold;
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
}

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

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

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

#left-menu {
position: absolute;
top: 0px;
left: 0;
width: 150px;
font-size: .8em;
padding-top: 35px;
font-weight: bold;border-top: 1px #006900 solid;}


#left-menu a:link, #left-menu a:visited {
display: block;
color: #f3f3f3;
text-align: right;
padding-right: 7px;
padding-bottom: 8px;
padding-top: 8px;
border-top: 1px #006900 solid;
border-bottom: 1px #006900 solid;background-color: #006900;}

#left-menu a:hover {
color: #ff4000;
border-bottom: 1px #ff4000 solid;
border-top: 1px #006900 solid;background-color: #B3FFB3;}


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

#right-column {
position: absolute;
top: 0px;
right: 0;
width: 200px;background-color: #b3ffb3;padding-bottom: 10px;}

#right-column img {position: relative;top: 0px;}

#right-column p {
font-size: .9em;
padding-left: 10px;
padding-right: 10px;
line-height: 1.5em;color: #004C00;text-align: left;}

#right-column cite {
padding-left: 10px;
padding-right: 10px;font-size: .8em;}

#footer {
text-align: right;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
font-size: .8em;
margin-top: 0;
padding-right: 3%;border-top: 3px #006900 solid;}