/*
Template name: Bitter Sweet
Template URI: http://templates.arcsin.se/bitter-sweet-website-template/
Release date: 2006-10-02
Description: Lime flavoured template with two columns.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
	color: #51301a;
}
a {color: #b07e5b;}
a:hover {color: #321603;}
body {
	background: #945e3a;
	color: #51301a;
	font: normal 80% "Lucida Sans Unicode",sans-serif;
}
input {
	color: #51301a;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,cite,code,ul {
	font-size: 1.0em;
	padding-bottom: 0.9em;
	color: #51301a;
}
.green {color: #268d32;}
.brown {color: #492005;}
.lbrown {color:#51301a;}
.palebrown {color: #b07e5b;}
.dbrown {color:#321603;}
h1 {font-size: 1.4em;
	color: #ff0000;
	padding: 6px 0 6px 0;}
h2 {font-size: 1.4em;
	color: #492005;
	padding: 6px 0 6px 0;}
h3 {font-size: 1.2em;
	color: #268d32;
	padding: 4px 0 4px 0;}
h4 {font-size: 1.2em;
	color: #492005;
	padding: 4px 0 4px 0;}
h5 {font-size: 1.0em;
	color: #268d32;
	padding: 3px 0 3px 0;}
h6 {font-size: 1.0em;
	color: #492005;
	padding: 3px 0 3px 0;}
blockquote {
	background: #FFF;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #51301a;
	display: block;
	font-size: 0.9em;
	margin-bottom: 1.2em;
	padding: 6px 12px;
}
blockquote p {padding: 3px 0;}

/* misc */
.clearer {clear: both;}

/* structure */
.container {
	padding-top:18px;
	margin:0 auto;
	width:100%;
	min-width:882px;
	width: 882px;
	height:auto;
}

/* top */
.top {
	background: #567300;
	font: normal 2.4em Verdana,sans-serif;
	height: 60px;
	margin: 0 auto;
	width: 630px;
}
.top a {
	color: #FFF;
	display: block;
	line-height: 60px;
	text-decoration: none;
	width: 100%;
}
.top span {padding-left: 24px;}
.top a:hover {
	background: #688B00;
	color: #FFF;
}

/* header */
.header {
	position:relative;
	background: url(img/header.jpg) no-repeat;
	height: 305px;
	margin: 0 auto;
	width:100%;
	min-width:882px;
	width: 882px;
    overflow: hidden;
}
.header .message{
	width:235px;
	position: absolute;
	z-index: 3;
	left: 66px;
	top: 224px;
	color: #268d32;
	font-size: 15px;
	font-style: italic;
	
}

/* item */
.item { 
	float:right; 
	height:100%;
	min-height:318px;


	

}
/*.item .date {
	background: url(img/bgdate.gif) no-repeat;
	color: #FDD;
	float: right;
	height: 40px;
	text-align: center;
	width: 36px;
}*/
/*.item .date div {padding-top: 4px;}
.item .date span {font: normal 1.6em serif;} */
.item .content {
	padding-left:4px;
	background:#FFFFFF;
	float: left; 
	width: 666px;
	color:#777777;
	height:100%;
}

.page{
	text-align:left;
	background:#FFFFFF;
	height:100%;
	min-height:318px;
	overflow:hidden;
	clear: both;
	cursor:text;
	padding:10px 20px 0px 15px;
}

.page td{
	font-size: 13px;	
}

.page button{
	font-size:8px;
}

.page ol {margin-left: 1.2em;
    text-indent: -2px;
}
.page ul {margin-left: 1.2em;
    text-indent: -2px;
}
.page li {list-style-image: url(img/li.gif); 
	margin: 1px 0 1px 20px;
}

.item h1 {
	color: #288826;
	font-size:15px;
	line-height:50px;
}

.item td h1 {
	line-height:50px;
	color: #288826;
	font-size:15px;

}
}
.item .body {padding: 12px 18px;}

/* main */
.main {
float: left; 
height:auto;
width:auto;
 margin-left: 36px;
 /*background-color:#b07e5b; */
 background: url(img/body-bg.jpg);
 background-repeat:repeat-y;
}



ul.nav-header {
        list-style: none;
	line-height: 20px;
        display: block;
        position: absolute;
        top: 100px;
        right: 0px;
}

ul.nav-header li {
        list-style: none;
        display: block;
        text-align: right;
        margin-bottom: 25px;
}

ul.nav-header li a {
        color: #FFF;
        font-size: 1.1em;
        text-align: right;
        padding: 10px;
        font-weight: bold;
}

ul.nav-header li a:hover {
}

/*body.full .main .item .content {
        width: 882px;
        background-color: #f7fbf3;
}*/

body.left_sidebar .main .item .content {
       
		height:100%;
		min-height:318px;
		
	
		
}
/*
.main .item .content p, .main .item .content ul, .main .item .content ol {
        padding-left:  18px;
        padding-right: 18x;
        margin-right: 18px;
}
*/
.main .item {
	float:left;
}
/* navigation */

.navigation {
	float: left;
	width: 210px;
	height:100%;
	min-height:318px;
	background-color:#b07e5b;
	color:#FFFFFF;
	position:relative;
}


.navigation .menu {
	background-color:#b07e5b;
	height:100%;
	margin-top: 20px;
	margin-left: 20px;	
	margin-right:3px;
	
	
}

.navigation h1{
	color:#FFFFFF;
	line-height: 40px;
}
.navigation h2{
	color:#FFFFFF;
	line-height: 35px;
}
.navigation h3{
	color:#FFFFFF;
	line-height: 30px;
}
.navigation h4{
	color:#FFFFFF;
	line-height: 25px;
}

.navigation ul {
    /*  margin: 0; padding: 0; */
	margin-top:5px;
	list-style:none;
}
.navigation li {
	cursor:pointer;
	color:#FFFFFF;
	list-style:none; 
}
.navigation li a {
	color:#FFFFFF;
	list-style:none; 
	display: block;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
	
}
.navigation li a.nav-selected {font-weight: bold}

.navigation li a:hover {
	color: #FFFFFF;
	background-color: #945e3a;
	
}

.navigation .menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:3px;                               /* this is our box border width */
}



.navigation .menu ul li:hover ul {
/* top:178px; */

}

.navigation .menu ul li:hover ul,
.menu ul li a:hover ul { 
	list-style:none;                          /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	/*top:0px; */             /* place us just up underneath the top-level images */
	left:120px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:120px;
	color:#FFFFFF;                        /* this sets the unselected-text color */
	background:#b07e5b;         /* this sets our menu's effective "border" color */
	font-size:11px;
	text-align:left;
	padding-left: 10px;
	margin-left: 10px;
	
}





body.left_sidebar .main {
   margin-left: 0px;
}
/*
body.left_sidebar .navigation {
   margin-left: 37px;
   border-right: 1px solid #a9b198;
}*/

/* footer */
.footer {
	background-color:#945e3a;
	color: #dcab88;
	font-size: 0.8em;
	line-height: 40px;
	margin: 0 auto;
	width: 882px;
}
.footer a {color: #dcab88;}
.footer a:hover {color: #fff;}
.footer .left, .footer .right {padding: 0 12px;}
.footer .right, .footer .right a {text-decoration: none; color: #dcab88;}
.footer .right a:hover {color: #FFF;}

/* floats */
.left {float: left;}
.right {float: right;}

.drop {
	display:block;
	padding:0px 0.33em;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:right;   /* this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}

.drop span {        /* this simultaneously left and right aligns the text and */
	float:left;       /* the >> in the drop-down menus which link to sub-menus */
}