/* This is a daisy age. */

/*

------------------------------------------------------
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 black panel down the left side of the page, because height property can't be relied on. */

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
background-image: url("images/pori-panel.gif");
background-repeat: repeat-y;
background-position: top left;
background-color: #ffffff;}

/* The daisy image is attached to this. */

#container {
padding: 0;
margin: 0;
}

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

#main-title {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 25px;
padding-right: 100px;
font-size: 1.4em;
letter-spacing: 5px;
text-align: right;
padding-top: 3px;
padding-bottom: 7px;
font-style: italic;
color: #00129a;
border-bottom: 3px #2d416d dotted;
}

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

#main-text {
margin-top: 0;
margin-bottom: 0;
margin-left: 170px;
margin-right: 220px;
padding-right: 10px;
border-right: 3px #2d416d dotted;
color: #515151;
}

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



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

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

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

strong {
color: #000000;
font-size: .9em;}

a:link {
text-decoration: underline;
font-weight: bold;
color: #2d416d;
}

a:visited {
text-decoration: none;
}

a:hover {
text-decoration: none;
font-weight: bold;
color: #d14013;
}

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

#left-menu {
position: absolute;
top: 0;
left: 0;
width: 160px;
height: 100%;
padding-top: 50px;
font-weight: bold;
}

table.callout {
border: 1px #000000 solid;
background-color: #f5f5f5;
margin: +.6em;
padding: .2em;}

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

#left-menu a:link, #left-menu a:visited {
color: #ffffff;
padding-right: 5px;
border-right: 3px #ffffff dotted;
text-decoration: none;}

#left-menu a:hover, #left-menu a.current {
color: #b89f66;
border-right: 3px #ffffff dotted;
}

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

#right-column {
position: absolute;
top: 100px;
right: 0px;
width: 220px;
font-size: .9em;
line-height: 1.6em;
background-color: #f6f6f6;
border-top: 3px #2d416d dotted;
border-bottom: 3px #2d416d dotted;
}

#right-column h2 {
font-size: 1em;
font-weight: bold;
padding-left: 0;
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
color: #831e22;
}


#right-column strong {
color: #00129a;
font-style: normal;
}

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

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

#footer {
text-align: right;
margin-bottom: 0;
padding-top: 8px;
padding-bottom: 8px;
font-size: .8em;
margin-top: 0;
padding-right: 50px;
border-top: 3px #2d416d dotted;
}

#footer a:link, #footer a:visited {
color: #2d416d;
text-decoration: none;}

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

.white {
color: #ffffff;}

.highlight {padding-left: 2em;
padding-right: 2em;
margin-left: 2em;
margin-right: 2em;
color:#831e22;
font-weight: bolder;
background-color: #f6f6f6;}

.imgBorder {
border: 2px #cccccc solid;
}	
.imgRight {
float:right;
margin-left:10px;}

.imgLeft {
float:left;
margin-right:10px;}