/*#############################################################
Name: The Hobbit
Date: 2006-10-11
Description: Submission for OWD template contest "Favourite Book".
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}

a {
color: #004848;
font: 12px "Times New Roman",tahoma, padding-left: 2px;padding-right: 2px;margin-left: 3px;height: 12px;
text-decoration: none;
}

a:hover {
background-image:url('../images/sparkles.gif')
color: #004848;
font: 12px "Times New Roman",tahoma,padding-left: 2px;padding-right: 2px;margin-left: 3px;height: 12px;
text-decoration: underline;
}
a:hover img {background-image:url('../images/purplestars.gif'); filter:alpha(finishopacity=80, style=2); border:0px solid} 


body  
{ 
background: #d2e7e7 url('../images/bg2.jpg');
font-family: arial, helvetica; 
font-style: normal; 
font-size: 12pt; 
font-variant: normal; 
text-align: justify; 
text-decoration: none; 
margin: 20px 20px;
scrollbar-3dlight-color: #066B96;
scrollbar-darkshadow-color: #000000;
scrollbar-arrow-color: #F4EDEF;
scrollbar-base-color: #008C8E;
scrollbar-face-color: #06727A; 
scrollbar-highlight-color: #C7D6D4;
scrollbar-shadow-color: #F9EFF2;
scrollbar-track-color: #d2e7e7 
}

.s  {
	position:absolute;
    left:140px;
    right:-140px;
	topt:-10px;
	z-index: 6;
	}


.sa  {
	position:absolute;
    left:-80px;
	topt:-120px;
	z-index: 6;
	}

.box1 {
	position:absolute;
	background: #d2e7e7 url('../images/bg2.jpg');
	height: 24px;
	width: 76px;
	padding: 10px 71px 0 ;
}


.box2 {
	width: 297px; height: 177px; MARGIN-TOP: 0px; padding-top: 0px;
}

.normal
{
   font-family :Helvetica,Arial,Tahoma,Helvetica,Verdana;
   font-style:normal;
   font-size : 12pt;
   color : #454545;
   font-variant:normal;
   text-align:justify;
   text-decoration:none;  
   margin: 10px 40px 40px 40px;
   line-height: 130%
 }

.normalll
{
   font-family :Helvetica,Arial,Tahoma,Helvetica,Verdana;
   font-style:normal;
   font-size : 12pt;
   color : #454545;
   font-variant:normal;
   text-align:justify;
   text-decoration:none;  
   margin: 10px 20px 20px 20px;
   line-height: 130%
 }

.normale
{
   font-family :Helvetica,Arial,Tahoma,Helvetica,Verdana;
   font-style:normal;
   font-size : 10pt;
   color : #454545;
   font-variant:normal;
   text-align:justify;
   text-decoration:none;  
   margin: 10px 40px 40px 40px;
   line-height: 130%
 }

.normali
{
   font-family : Tw Cen MT,Helvetica, Tahoma; Arial;
   font-size : 11pt;
   font-style: none;   
   font-weight: none;
   color : #004848;
   font-variant:normal;
   text-decoration:none;  
   text-align:left;
   margin: 0px 0px 0px 0px;
}
   
.normalii
{
   font-family : Tw Cen MT,Helvetica, Tahoma; Arial;
   font-size : 10pt;
   font-style: none;   
   font-weight: none;
   color : #004848;
   font-variant:normal;
   text-decoration:none;  
   text-align:left;
   margin: 0px 0px 0px 0px;
   }

.normaliii
{
   font-family : Tw Cen MT,Helvetica, Tahoma; Arial;
   font-size : 10pt;
   font-style: none;   
   font-weight: none;
   color : #666666;
   font-variant:normal;
   text-decoration:none;  
   text-align:left;
   margin: 0px 0px 0px 0px;
   }

.normaliiii
{
   font-family : Tw Cen MT,Helvetica, Tahoma; Arial;
   font-size : 10pt;
   font-style: none;   
   font-weight: none;
   color : #000000;
   font-variant:normal;
   text-decoration:none;  
   text-align:left;
   margin: 0px 0px 0px 0px;
   }

.normalo
{
   font-family : Tw Cen MT,Helvetica, Tahoma; Arial;
   font-size : 10pt;
   font-style: none;   
   font-weight: none;
   color : #666666;
   font-variant:normal;
   text-decoration:none;  
   text-align:right;
   margin: 18px 0px 0px 40px;
}

.normalol
{
   font-family : Tw Cen MT,Helvetica, Tahoma; Arial;
   font-size : 10pt;
   font-style: none;   
   font-weight: none;
   color : #666666;
   font-variant:normal;
   text-decoration:none;  
   text-align:right;
   margin:6px 0px 0px 46px;
}

.normalu
{
   font-family : Tw Cen MT,Helvetica, Tahoma; Arial;
   font-size : 10pt;
   font-style: none;   
   font-weight: none;
   color : #000000;
   font-variant:normal;
   text-decoration:none;  
   text-align:left;
   margin: 18px 0px 0px 20px;
}

.titt
{
   font-family : Tw Cen MT,Helvetica, Tahoma; Arial;
   font-size : 12pt;
   font-style: none;   
   font-weight: none;
   color : #008080;
   font-variant:normal;
   text-decoration:none;  
   text-align:center;
   margin: 18px 0px 0px 0px;
}


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

.left {float: left;}

.right {float: right;}

img.left {margin: 0 12px 8px 0}

img.right {margin: 0 20px 40px 30px}

img.center {margin: 0 0px 0px 0;}



/* structure */
.container {
	background: ul(img/bgcontainer.jpg) repeat-x center top;
	margin: 0 auto;
	width: 762px;
}


.header {
	background: #d2e7e7 url(../images/header2.jpg) no-repeat;
	font-family :Arial,Helvetica,Verdana,"Serif",Arial,Verdana;
	color: "#004848";
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1pt
	height: 240px;
	width: 762px;
	margin: 0 100px;
	padding: 200px 80px 2px;
}

.header1 {
	background: #d2e7e7 url(../images/baso.jpg) no-repeat;
	font-family :Helvetica,Verdana,"Serif",Arial,Verdana;
	color: "#004848";
	letter-spacing: 1pt
	height: 200px;
	width: 759px;
	margin: 30px 100px;
	padding: 20px 10px 10px 390px;
}

.map {
	background: #d2e7e7 url(../images/content_map.jpg) no-repeat;
	font-family :Helvetica,Verdana,"Serif",Arial,Verdana;
	color: "#004848";
	letter-spacing: 1pt
	height: 450px;
	width: 759px;
	margin: 0px 100px;
	padding: 10px 0px 0px 30px;
}

.header a {
	font-family :"Times New Roman",Helvetica,"Serif",Arial,Verdana; padding-left: 4px;padding-right: 4px;
	color: "#004848";
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}

.header a:hover,.navigation #selected {
	font-family :"Times New Roman",Helvetica,"Serif",Arial,Verdana; padding-left: 4px;padding-right: 4px;
	color: "#ffffff";
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	filter:glow(color=#004848);
	background-image:url('../images/sparkles.gif');
}




/* content */
.content {
	background: #d2e7e7 url(../images/content.jpg) repeat-y;
	clear: both;
	font-size: 1.1em;
	width: 762px;
	height: 100px;
	margin: 0 100px;
	padding: 10px 10px 10px; 
}

.content1 {
	background: #d2e7e7 url(../images/content3.jpg) no-repeat;
	clear: both;
	font-size: 1.2em;
	width: 762px;
	height: 380px;
	margin: 0 100px;
	padding: 24px 0px 0px 12px; 
}

.content2 {
	background: #d2e7e7 url(../images/content4.jpg) no-repeat;
	clear: both;
	font-size: 1.1em;
	width: 762px;
	height: 240px;
	margin: 0 100px;
	padding: 0px 0px 0px 0px; 
}

.content3 {
	background: #d2e7e7 url(../images/content5.jpg) repeat-y;
	clear: both;
	font-size: 1.2em;
	width: 762px;
	height: 240px;
	margin: 0px 100px;
	padding: 30px 30px 0px 10px; 
}

.content4 {
	background: #d2e7e7 url(../images/content6.jpg) repeat-y;
	clear: both;
	font-size: 1.2em;
	width: 762px;
	height: 420px;
	margin: 0px 100px;
	padding: 0px 0px 10px 80px; 
}


/* footer */
.footer {
	background: #d2e7e7 url(../images/footer.jpg) no-repeat;
	color: red;
	font-size: 14px;
	text-align: center;
	margin: 0 100px;
	height: 200px;
	width: 762px;
}

.footy {
	background: #d2e7e7 url(../images/footy.jpg) no-repeat;
	color: red;
	font-size: 14px;
	text-align: center;
	margin: 0 100px;
	height: 154px;
	width: 762px;
}

.footempty {
	background: #d2e7e7 url(../images/footer_3.jpg) repeat;
	font-family :Arial,"Serif",Helvetica, Verdana;
	color: "#004848";
	font-size: 1.1em;
	text-align: center;
	margin: 20 110px;
	height: 240px;
	width: 750px;
}

padding: 50px 0px 0px 0px;

height: 240px;
	width: 762px;
	margin: 0 100px;
	padding: 190px 80px 20px;

.foot {
	background: #d2e7e7 url(../images/fine.jpg) no-repeat;
	font-family :Tahoma,"Serif",Helvetica, Verdana;
	color: "#004848";
	font-size: 12px;
	margin: 0px 100px;
	height: 280px;
	width: 762px;
	padding: 40px 270px 80px;
}
	
	
margin: 0 100px;
	padding: 400px 80px 20px;
	
	
text-align: justify;
.content .spacer {
	height: 42px;
}



.metadata {
	color: black;
	font-size: 0.9em;
	float: left;
	padding: 0 100px;
}




.item .body {
	clear: both;
}