@charset "utf-8";
/* CSS Document */
/*contentin väri baa48a */

body {
	text-align:center;
 	background-color: #cccccc;
	border: 1px #959596;
  	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:12px;
  }

#wrapper {
text-align:left;
width:780px; /* or a percentage, or whatever */
margin:0 auto;
background-color:#baa48a;
}

#header{
	background-image:url(logo.gif);
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
	position:relative;
	
}

a img {
  border: 0em;
}

#mainMenu{
		background-color: #FFF;	/* Background color of main menu */
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Fonts of main menu items */
		font-size:0.9em;	/* Font size of main menu items */
		border-bottom:1px solid #000000;	/* Bottom border of main menu */
		height:30px;	/* Height of main menu */
		
		position:relative;	/* Don't change this position attribute */
		
	}
	#mainMenu a{
		padding-left:5px;	/* Spaces at the left of main menu items */
		padding-right:5px;	/* Spaces at the right of main menu items */
		font-weight:bold;
		/* Don't change these two options */
		position:absolute;
		bottom:-1px;	/* Change this value to -2px if you're not using a strict doctype */
	}
	#submenu{		
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font  of sub menu items */
		background-color:#E2EBED;	/* Background color of sub menu items */
		
		width:100%;	/* Don't change this option */
		
	}	
	#submenu div{
		white-space:nowrap;	/* Don't change this option */
		
	}

/*
	Style attributes of active menu item 
	*/
	#mainMenu .activeMenuItem{
		/* Border options */
		border-left:1px solid #000000;
		border-top:1px solid #000000;
		border-right:1px solid #000000;		
		background-color: #E2EBED;	/* Background color */
		
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	}
	
	#mainMenu .activeMenuItem img{
		position:absolute;
		bottom:0px;
		right:0px;
	}
		
	/*
	Style attributes of inactive menu items
	*/
	#mainMenu .inactiveMenuItem{		
		color: #000;	/* Text color */
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	}
	
	#submenu a{	
		text-decoration:none;	/* No underline on sub menu items - use text-decoration:underline; if you want the links to be underlined */
		padding-left:5px;	/* Space at the left of each sub menu item */
		padding-right:5px;	/* Space at the right of each sub menu item */
		color: #000;	/* Text color */
		font-size:0.9em; 
	}
	
	#submenu a:hover{
		color: #FF0000;	/* Red color when the user moves the mouse over sub menu items */
	}


#content{
overflow:hidden;
padding:0 0 0 0; 
}

#main{
width: 550px;
padding-left:10px;
float:left;
}

#box {
  float: right;
  border: 1px solid #CC9;
  padding: 0 0;
  width: 200px;
  background-color: transparent;
  background-position: top left;
  background-repeat: repeat-y;
  margin:0 0 100px 0px;
  font-size:11px;
}
#box h1 {
  padding: 10px 0;
  margin: 0;
}
#box p {
  padding: 10px 0;
  margin: 0;
}

a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #484848;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #707070;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #202020;
	}

#footer{
	width: 780px;
	background-color:#baa48a;
	padding: 0;
	margin: 0 auto;
	clear: both;
	
	}

#footer p, #footer p a{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#86695E;
text-transform:uppercase;
padding-left:600px;
}


#footer p a:visited{text-decoration:none}
#footer p a:hover{text-decoration:underline}
	

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}