/* 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;
}

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;
	background-image: url(images/kazirangaopt.jpg);

}

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

#slogan {
color: #8EC009;
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: 30px;
top: 30px;
text-align: left;
}

#content {
margin-left: 120px;
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 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;
}