/* Do you know the way? */

/*

------------------------------------------------------
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;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
color: black;
background-color: #f0f0e1;
}

#wrap {
width: 900px;
margin:20px auto; 
padding: 0;
height: 100%;
text-align: left;
border: 2px #a0a0a4 solid;
background-color: #ffffff;
}
/* Banner across top of page that says the name of the whole site */

#main-title {
margin-left: 0;
margin-right: 0;
height: 150px;
}

#pruh {
text-align: center;
background: #ffffff url(img/bg_pruh.png) repeat-x;
color: #ffffff;
margin-bottom: 0;
border-bottom: 2px #c0dcc0 solid;
height: 30px;
}

#pruh p {
padding-top: 4px;	
}

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

#main-text {
margin-top: -371px;
margin-bottom: 20px;
margin-left: 190px;
margin-right: 15px;
min-height: 400px;
}

#iframe {
position: relative;
left: 35px;
}

h1 {
margin-top: 0;
margin-bottom: 15px;
margin-left: 0;
margin-right: 0;
font-size: 1em;
background: #ffffff url(img/h1_bg.png) no-repeat;
color: #ffffff;
padding-bottom: 10px;
padding-top: 0;
padding-left: 15px;
padding-top: 3px;
font-weight: bold;
}

h2 {
margin-top: 0;
margin-bottom: 15px;
margin-left: 0;
margin-right: 0;
padding: 0;
font-size: 1em;
color: #fa3e3e;
font-weight: bold;
}

h3 {
margin-top: 0;
margin-bottom: 15px;
margin-left: 0;
margin-right: 0;
padding: 0;
font-size: 0.8em;
color: #304159;
font-weight: bold;
}

p, ul, ol, table {
margin-top: 0;
margin-bottom: 17px;
margin-left: 0;
margin-right: 0;
font-size: 0.8em;
line-height: 1.9em;
}

th {
background: #fa3e3e url(img/bg_footer.png) repeat-x;
color: #ffffff;
}

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

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

a:hover {
color: #cc6600;
font-weight: bold;
text-decoration: underline;
}

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

#left-menu {
position: relative;
top: 0px;
left: 0px;
margin: 20px;
width: 150px;
}

#left-menu p {
border-bottom: 1px #fa3e3e dotted;
text-align: left;
line-height: 20px;
font-size: .8em;
padding-bottom: 7px;
padding-top: 7px;
margin-bottom: 0;
}

#left-menu a:link, #left-menu a:visited {
color: #000000;
}

#left-menu a:hover, #left-menu a.current {
color: #fa3e3e;
text-decoration: none;
}

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

#right-column {
top: 20px;
right: 0;
margin: 20px;
width: 170px;
}

#right-column p {
line-height: 1.5em;
font-size: .7em;
}

#right-column strong {
color: #cc6600;
font-style: italic;
}

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

#footer {
text-align: center;
background: #ffffff url(img/bg_footer.png) repeat-x;
color: #ffffff;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
font-size: .7em;
border-top: 2px #c0dcc0 solid;
}

#footer a:link, #footer a:visited {
color: #f0f0e1;
}

#footer a:hover {
color: #f0f0e1;
text-decoration: underline;
}
.vlevo { float: left; margin: 0.3em 0.5em 0.5em 0em; border: none }
.vpravo { float: right; margin: 0px 5px 5px 5px; border: none}
img.left,img.center,img.right, img.all{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}