/******************************************/
/*										  */
/*										  */
/******************************************/ 

* {margin:0;
   padding:0;
}

/************************************************/
/* MENU, BOX, LINK AND THE HEADFONTS AS DEFAULT */
/* AMD SOME FONT SETTINGS ...					*/
/************************************************/

a {color:#FF9900;}
a:hover {color: #FFFFFF;background:#FF9900;}

h1 a {color: #FFFFFF;text-decoration: none; background:none;}
h1 a:hover {text-decoration:underline;background:none;}



body { 
	font: 74%  Arial, Helvetica, sans-serif; 
	color:#b1b1b1;  
	line-height: 1.5em; 
	background: #edd7aa;
	margin: 0 0 20px 0;
}

#content { 
	margin: 0 auto; 
	width:800px;
	background: url(../images/bg.jpg) repeat-x top;
	padding:0;
}



/**********/
/* HEADER */
/**********/

#header { 
	margin:0 auto;
	width: 100%; 
	background: url(../images/headerbg.jpg) repeat-x left;
	height:132px;
}
#header .slogen {
	margin:0 auto;
	padding:20px 0 0 0; 
	width:800px;
}

#header .slogen h1 {
	font: 330% times, serif;
	color: #FFFFFF;
}

#header .slogen h2 {
	font: 160% times, serif;
	color: #ff0000;
}

#header .keres {
	width:260px;
	position:relative;
	float:right;
}


/********/
/* MAIN */
/********/

#main { padding: 5px 5px 42px 5px ;
		width: 790px; 
		height:auto;
		background: #FFFFFF url(../images/mainbg.jpg) repeat-x top;
/*		clear:both;*/
		float:left;
		} 
		
#main .left {float:left;width:170px;}				
#main .right {float:right;width:610px;
	background: url(../images/book.jpg) 330px  10px no-repeat ;
}		

#main .right2 {float:right;width:600px;padding:0 5px 0 5px;color:#666666;}
#main .right2 h3 {font-size: 170%; color:#b1a479;padding:10px;}
#main .right2 p {margin:10px 0 10px 0;}

#main .right2 a {color:#FF9900;}
#main .right2 a:hover {color: #FFFFFF;background:#FF9900;}


#main .present h1 {font-size: 280%; color:#b1a479;padding:6px;}
#main .present h2 {font-size: 180%; color:#757575;padding:6px;}
#main .present {width:650px; margin:82px 0 0 20px; float:left;}

#main .intro {width:360px;
		/*	height:200px; */
		    height:auto;
		/*	background: url(../images/note.jpg) no-repeat left top;*/
			color: #b1b1b1;
			text-align:justify;
			margin-top:82px;
			float:left;
			font-size:14px;
}

/**********/
/* FOOTER */
/**********/

#footer { 
	margin: 0 auto;
	padding:10px 0 5px 0;
	width:800px;
	clear:both;
	height:62px;
	background: #FFFFFF url(../images/footerbg.jpg) bottom no-repeat;
	text-align:center; 
	font-size:98%;
	border-top: 1px #FF9900 solid;
	color:#666666;
}

#footer a {color:#000000;
		   text-decoration:none;
}
#footer a:hover {color:#FFF; background: #f2b63d;}
#footer .yellow {color: #FF9900;}

/*************/
/* Main Menu */
/*************/

#menu {
		position:absolute;
		width:158px;
        margin:5px 0 10px 5px;
		padding:5px 0 0 0;
		background:#ff0000;
		
}

#menu h1 {padding:5px; color:#FF0000;font-size:16px;}

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

#menu a {
        font: normal 10px verdana, tahoma, arial, sans-serif;
        display: block;
        margin: 0;
        padding: 3px 4px;
        color: #333333;
        background: #FBFBFB;
		text-decoration: none;
		border-bottom: 1px #cccccc  dotted;
		width:150px;
		height:17px;
}

#menu a:hover {
        color: #e9ddc5;
        background: #a29b8b;
}

#menu li {
        position: relative;
/*        width: 110px;*/
		text-align:left;
		margin:0 0px 0 0;
		float:left;
}

#menu ul ul {
        position: absolute;
/*		width:108px;*/
		top:0px;
        left: 158px;
        display: none;
}


#menu ul li:hover ul{
        display: block;
/*		background: #009933;*/
		width:108px;
		float:left;
}

#menu ul ul li a {
			color:#333333;
			background: #F4F4F0;
			text-align:left;
			width:170px;
			
		
}

#menu ul ul li a:hover {
			color:#e9ddc5;
			background:#a29b8b;
}


/*****************************/
/* INPUT SETTINGS FOR SEARCH */
/*****************************/

input.textbox { 
	margin: 0 3px; padding: 0 2px;
	width: 130px;
	background: #eee;
	color: #000000; 
	height: 20px;
	border: 1px solid #FFFFFF;	
	vertical-align: top;
}

input.textbox:hover {
		background: #FFFFFF;
}

input.button { 
	font: bold 12px Arial, Sans-serif; 
	background: #000000;
	color: #fff;	
	width: 82px;
	height: 22px;
	border: 1px #444 solid;
	padding: 2px 3px;
	vertical-align: top;
}






/***********************/
/* SMALL IMAGE PADDING */
/***********************/

img {border:none;}

.pics-right {float:right;}
.pics-left {float:left;}