/* 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-size: 100%;
	color: #390900;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 600px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font: Geneva, Arial, Helvetica, sans-serif;
}

h1, h2, h3 {
padding-top: 5px;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

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

li {
line-height: 12px;
}

a {
color: #361800;
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 #1a1a1a solid;
cursor: default;
}

#title {
margin: 0;
color: #e83815;
font-size: 3em;
padding-top: 25px;
padding-right: 10px;
text-align: right;
}

#slogan {
color: #262626;
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 #1c1c1c solid;
top: -350px;
left: 2px;
width: 240px;
cursor: default;
}

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

#nav-meta a:hover {
color: #0b0b0b;
border-top: 1px solid #B0B0B0;
border-bottom: 1px #4c1212 solid;
}

#nav-meta li {
display: inline;
}

#nav-main {
position: relative;
width: 600px;
padding: 10px;
background: url(images/menu_bg.png) no-repeat;
background-color: #FFFFFF;
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: #FFFFFF;
}

#nav-main a:hover {
	border-top: 2px #040403 solid;
	color: #FFFFFF;
}

#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: #a64524;
}

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

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

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

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

/* Content */

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

#content {
margin-left: 60px;
margin-right: 20px;
width: 440px;
background: url(images/leaf.png) no-repeat top right;
}

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

/* Footer */

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

#info-site a {
	color: #2b1a07;
	font-size: 10px;
}

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

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