/*CSS document*/
 


h1
{
font-size: 24px;
color: #c93c44;
margin: 0 0 0.75em 0;
}
h2
{
font-size: 20px;
color: #c93c44;
margin: 0 0 0.75em 0;
}
h3
{
font-size: 16px;
color: #c93c44;
margin: 0 0 0.75em 0;
}
h4
{
font-size: 14px;
color: #c93c44;
margin: 0 0 0.75em 0;
}
h5
{
font-size: 16px;
color: #aa9b5f;
margin: 0 0 0.75em 0;
}
h6
{
font-size: 14px;
color: #aa9b5f;
margin: 0 0 0.75em 0;
}
.particular /* ó'òÞò?ó?ó' ò?ò'ó? ò?ó?ò?ò+ó'ó: ó?ò'ó?ó¼òœòÞò?*/
{
color: #c93c44;
}



 *
{
font-family: Arial, Verdana, sans-serif;
color: #aa9b5f;
padding: 0;
margin: 0;
font-size: 13px;
line-height: 16px;
}


.contentheading, .componentheading
{
	display:none;
}
.contentpaneopen
{
	width:100%;
}




ul
{
margin: 0 0 1em 6em;
}
li
{
line-height: 160%;
}
a
{
color: #663300;
text-decoration: none;
}
a:hover
{
color: #663300;
text-decoration: none;
font-weight: bold;
}
a:visited
{
color: #663300;
text-decoration:none;
}
body 
{
margin: 0 auto; 
background-color:white;
background-image: url('/templates/hermits/img/head_bg.jpg');
background-repeat: repeat-x;

}
img
{border: none}
.l
{
float: left;
}
.r
{
float: right;
}
p
{
margin: 0 0 1em 0
}
#container
{
min-width: 1200px;
max-width: 1680px;
width: expression((document.documentElement.offsetWidth || document.body.offsetWidth) < 1200 ? '1200px' : 'auto' && (document.documentElement.offsetWidth || document.body.offsetWidth) > 1680 ? '1680px' : 'auto');
}
#logo
{
position: absolute;
width: 432px;
height: 281px;
top: 0;
left: 0;
}
#heading
{
width: 297px;
height: 106px;
margin: 0 0 0 6em;
padding: 0;
font-size: 12px;
position: absolute;
top: 180px;
left: 400px;
}
#quote_img
{
	position:absolute;
	width:195px;
	height:252px;
	right:120px;
	top:50px;
	padding: 20px 100px 10px 10px;
	overflow: auto;
	color:#aa9b5f;
	background-image: url('/templates/hermits/img/parni.gif');
	background-repeat: no-repeat;	
}
#quote
{
	width:110px;
	color:#aa9b5f;
	text-align:center;
	font-size: 11px;
}

#top
{
height: 281px;
background-image: url('/templates/hermits/img/logo.jpg');
background-repeat: no-repeat;
}
#leftnav
{
float: left;
width: 300px;
margin: 0;
padding: 2em 0 1em 0;
white-space: nowrap;
}
#content
{
float: left;
/*margin-left: 320px;*/
padding: 2em 40px 2em 2em;
width:800px;
}
#footer
{
clear: both;
margin: 0;
padding: 0;
background-image: url('/templates/hermits/img/foot_bg.jpg');
background-repeat: repeat-x;
height: 125px;
background-position: bottom left;
}

/* vertical menu*/
.leftnav
{
clear:both;
padding: 15px 0 0 0px;
font-weight: bold;
font-size: 14px;
color: #937602;
margin-left:0px;
}
.leftnav a
{
height: 20px;
font-weight: bold;
font-size: 14px;
color: #937602;
text-decoration: none;
display: block;
padding:15px 0px 25px 0px;
}
.leftnav a.mainlevelnavmenu
{
    height:30px;
}


.leftnav img
{
	
	float:left;
	margin-left:60px;
}

.leftnav a:visited
{
color: #937602;
}

.active1, .leftnav #active_menu
{
color: #c93c44;
}
/* 2nd level*/

.menu2 a
{
color: #999;
font-size: 12px;
margin: 0 0 0.25em 0;
padding: 3px 0 0 110px;
font-weight: bold;
display:block;
}
.menu2 a:visited
{
color: #999;
font-size: 12px;
}
.active, .menu2 #active_menu
{
font-size: 12px;
background-color: #fff9af;
color: #937602;
}
/* 2nd level*/
/* 3nd level*/

.menu3 a
{
color: #999;
font-size: 11px;
font-size: 12px;
margin: 0 0 0.25em 0;
padding: 5px 0 0 145px;
}
.menu3 a:visited
{
color: #999;
font-size: 11px;
}
.active3, .menu3 #active_menu
{
font-size: 11px;
background-color: #f1f1f1;
color: #999;
}
/* 3nd level*/
/* 4th level*/

.menu4 a
{
font-size: 10px;
font-size: 12px;
margin: 0 0 0.25em 0;
padding: 5px 0 0 160px;
}
.menu4 a:visited
{
font-size: 10px;
}
.active4, .menu4 #active_menu
{
font-size: 10px;
}
/* 4th level*/
/* vertical menu*/

#info
{
background-color: white;
margin: 4em 0 5em 0;
}
.new
{
background-color: white;
margin: 0.5em 0 0 0;
padding: 20px;
}
.contentpaneopen img
{
margin: 0 2em 1em 0;
float: left;
}
.new h2, .blog .contentheading a, .blog .componentheading a, .blog .contentheading, .blog .componentheading
{
display:block;
margin: 0 0 1em 0;
font-size: 12px;
font-weight:bold;
color: #AA9B5F;

}
#footer p
{
padding: 80px 0 0 0;
margin: 0 0 0 400px;
color: #856c07;
}
#parni
{
float: right;
margin: 35px 42px 0 0;
}
#info-img
{
margin: -50px 0 -50px 0;
}
#mouse
{
margin: 2em 25px 0 0;
}
.pic
{
background-color: white;
margin: 1.5em 1.5em 0 0;
padding: 5px;
float: left;
}
.text
{
background-color: white;
margin: 1.5em 30px 0 0;
padding: 5px 0 5px 0;
}
.text img
{
margin: 0 2em 1em 0;
float: left;
}

.-8px
{
	font-size:8px;
}
.-10px
{
	font-size:10px;
}
.-12px
{
	font-size:12px;
}
.-14px
{
	font-size:14px;
}
.-16px
{
	font-size:16px;
}
.-18px
{
	font-size:18px;
}
.-20px
{
	font-size:20px;
}
.-22px
{
	font-size:22px;
}
.-24px
{
	font-size:24px;
}
.-26px
{
	font-size:26px;
}
.-28px
{
	font-size:28px;
}
.-30px
{
	font-size:30px;
}
#erm
{
position: absolute;
top: 350px;
left: 350px;
width: 800px;
height: 626px;
background-image: url('/templates/hermits/img/erm.jpg');
margin-top: -80px;
}
#listen
{
position: absolute;
top: 90px;
left: 90px;
width: 130px;
text-align: center;
}
#news
{
top: 70px;
left: 485px;
position: absolute;
width: 130px;
text-align: center;
}
#up
{
position: absolute;
top: 150px;
left: 655px;
width: 130px;
text-align: center;
}
#mail
{
position: absolute;
top: 250px;
left: 20px;
width: 130px;
text-align: center;
}
#guest
{
position: absolute;
top: 365px;
left: 215px;
width: 130px;
text-align: center;
}
#us
{
position: absolute;
width: 130px;
top: 330px;
left: 455px;
text-align: center;
}