/* Where the bee sucks */

/*

------------------------------------------------------
Copyright Jeroen van der Meer, http://www.jero.net/;
Main image copyright Brammeke, http://www.brammeke.net/
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.
------------------------------------------------------

*/

/* Basic elements */

body {
background-color: #EBF0F6;
font: Georgia, "Times New Roman", Times, serif;
font-size: 100%;
color: #272727;
margin: 0 auto;
padding: 0;
text-align: center;
width: 600px;
}

h1, h2, h3 {
padding-top: 5px;
font-family: "Lucida Calligraphy", Georgia, "Times New Roman", Times, serif;
}

ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.list {
	list-style-type: square;
	list-style-position: inside;
}

li {
line-height: 12px;
}

a {
color: #AB4D00;
padding: 1px;
text-decoration: none;
}

/* Layout */

#border {
position: relative;
width: 600px;
padding-left: 30px;
padding-right: 30px;
background: url(images/background.png);
}

#banner {
position: relative;
width: 600px;
height: 350px;
background: url(images/top.jpg) no-repeat;
border-left: 1px solid #7F7F7F;
border-right: 1px solid #7F7F7F;
border-bottom: 1px solid #7F7F7F;
cursor: default;
}

#title {
	margin: 0;
	color: #000000;
	font-size: 2.8em;
	padding-top: 25px;
	padding-right: 10px;
	text-align: right;
	font-weight: bold;
}

#slogan {
color: #000000;
font-size: 1.5em;
padding-right: 10px;
margin-top: 5px;
text-align: right;
}

#nav-meta {
position: relative;
float: left;
background: url(images/meta_bg.png);
border: 1px solid #B0B0B0;
top: -350px;
left: 2px;
width: 240px;
cursor: default;
}

#nav-meta a {
color: #898989;
}

#nav-meta a:hover {
color: #3D3D3D;
border-top: 1px solid #B0B0B0;
border-bottom: 1px solid #B0B0B0;
}

#nav-meta li {
display: inline;
}

#nav-main {
position: relative;
width: 600px;
padding: 10px;
background: url(images/menu_bg.png) no-repeat;
background-color: #EEF3F9;
border: 1px solid #7F7F7F;
cursor: default;
}

html>body #nav-main {
width: 595px;
position: absolute;
margin: 10px;
margin-left: 0;
padding: 3px;
}

#nav-main li {
display: inline;
padding: 10px;
}

#nav-main a {
color: #39531B;
}

#nav-main a:hover {
border-top: 2px solid #8EC009;
}

#nav-section {
position: absolute;
float: left;
margin-top: 10px;
width: 130px;
border: 1px solid #7F7F7F;
background: url(images/section_bg.png) no-repeat;
background-color: #EEF3F9;
}

html>body #nav-section {
margin-top: 50px;
}

#nav-section a {
color: #39531B;
}

#nav-section li {
margin-top: 20px;
margin-bottom: 20px;}

#nav-section li:hover {
background-color: #FFF;
border-left: 2px solid #8AA2C0;
border-right: 2px solid #8AA2C0;
}

#nav-section a:hover {
text-decoration: underline;
}

html>body #nav-section a:hover {
color: #000;
text-decoration: none;
}

/* Content */

#container {
padding: 5px;
top: 0px;
text-align: left;
}

#content {
margin-left: 25px;
margin-right: -20px;
width: 500px;
background: url(images/leaf.png) no-repeat top right;
}
#content img{
border: 2px solid #000000;
}

#content p, #content li {
text-align: justify;
font-size: 85%;
line-height: 1.6em;
}

#content a:hover {
text-decoration: underline;
}

#content h1, h2, h3 {
background: url(images/head_img.png) no-repeat left;
}

/* Footer */

#info-site {
width: 600px;
color: #C9A742;
background-color: #F7F9FA;
background: url(images/leafs.png) no-repeat center;
cursor: default;
}

#info-site a {
color: #AF701E;
}

#info-site a:hover {
background-color: #CED2D5;
}

#info-site p {
margin: 0;
width: 100%;
padding-left: 5px;
padding-right: 5px;
}
/**************************************************************
   Form Elements
 **************************************************************/

form {
  padding: 0;
  margin: 0;
}

/* If you're finding the input elements get pushed down, increase the width */
label {
  float: left;
  width: 25%;
  vertical-align: top;
}

input,
textarea,
select {
  padding: 1px;
  font: 400 1em Verdana, Arial, Helvetica, sans-serif;
  color: #999;
  background: #EEE;
  border: 1px solid #CCC;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px 5px;

  font: 400 0.9em verdana, serif;
  cursor: pointer;

  color: #fff;
  background: #FC3307;
  border-width: 1px;
  border-style: solid;
  border-color: #FF7800 #691300 #691300 #FF7800;
}

input.radio {
  background: none;
  border: 0px;
}