/* CSS Document */

/* Body */
html {
	margin: 0;
padding: 0;
}

body {
	margin: 0;
padding: 0;
}
.legal-text {
	font: normal x-small Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	background: center center;
}

#home	{
background-color: #333333;
}

/* Main */

#main	{
background-image: url(images/background_tileblack.jpg);
background-repeat: repeat-y;
width: 850px;
margin: 0 auto;
overflow: hidden;

}

/* Header */

#header	{
position: relative;
background-image: url(images/headerblack.jpg);
background-repeat: no-repeat;
height: 418px;
width: 850px;
clear: both;


}

#flash-banner {
position: relative;
top: 140px;
left: 95px;
border: solid 1px #F9D507;
width: 665px;
height: 230px;
}

#book-table {position: relative;
top: 0px;
left: 97px;
width: 665px;
height: 70px;
}

/* Container */

#container	{
margin-right: 88px;


}

/* Content */


#contentarea	{
background-image: url(images/content-background.gif);
background-position: bottom;
background-repeat: no-repeat;
float: right;
width: 488px;
border-top: solid 0px #F9D507;
border-right: solid 1px #F9D507;
border-left: solid 1px #F9D507;
border-bottom: solid 1px #F9D507;
background-color: #202020;
z-index: 20;
}

#contentarea ul	{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #FFFFFF;
text-decoration: none;
padding-left: 20px;
}

*html #contentarea ul	{
padding-left: 0px;
}


.text li	{padding: 2px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #FFFFFF;
text-decoration: none;
list-style: url(images/bullet.gif) disc;

}

.tablewide	{
text-align: left;
padding: 10px;
border: solid 1px #fff;
width: 450px;
clear: both;
background-color: #000000;
}



.tablewide img {
padding: 5px;
}

tr	{
font-family: Arial, Helvetica, sans-serif;

font-size: 0.9em;
color: #F9D507;
}

td	{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #FFFFFF;
}

.tablenarrow	{
float: left;
text-align: left;
background-color: #000000;
padding: 10px;
border: solid 1px #FFFFFF;
width: 300px;
margin-bottom: 10px;

}



#content	{ width: 450px;
margin: 0px 20px 20px 20px;
z-index: 22;
}

.text	{
float: left;
width: 297px;
margin-top: -5px;
}

.images	{
float: right;
width: 122px;
}

.images	img {
float: right;
clear: both;
margin-bottom: 10px;
border: solid 1px #F9D507;
}

#gallery {float: left;
width: 450px;
}

#gallery img {
width: 80px;
height: 80px;
margin: 2px;
border: solid 1px #F9D507;
}




#bottom-tab	{
width: 95px;
height: 10px;
background-color: #000000;
border-top: solid 1px #F9D507;
border-right: solid 1px #F9D507;
float: left;
position: relative;
top: 1px;
right: 1px;
z-index: 4;
padding: 5px 5px 3px 0px;
clear: both;
}
*html #bottom-tab	{top: 21px;
padding-top: 2px;}



#bottom-tab a {
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold;
font-size: 0.6em;
line-height: 1.4em;
padding-left: 19px;
background: url(images/arrow-up.gif) no-repeat 0 0px;
}

#bottom-tab :hover {
text-decoration: none;
color: #F9D507;

}

#form {
margin: 0;

}

#mapaddress {float: left;}
#mapaddress p {float: left;}
#mapaddress img {float: right; margin: 5px 25px;}


#yellowborder {
border: solid 1px #F9D507;
padding: 0px;
}


/* Navigation */

#navcontainer	{
width: 490px;
color: #F9D507;
float: right;
border-bottom: solid 1px #F9D507;
z-index: 1;
}

*html #navcontainer {width: 492px;}

#navigation 	{
list-style: none;
margin: 0;
padding: 0;
float: left;
z-index: 2;

}

#navigation li {
display: inline;
color: #F9D507;
/*border-top: solid 1px #F9D507;*/
/*border-right: solid 1px #F9D507;*/
margin: 0;
padding-top: 4px;
padding-bottom: 3px;
float: left;
z-index: 3;
position: relative;
top: 1px;
}

#navigation	a {

text-decoration: none;
color: #FFFFFF;
margin-bottom: 3px;
margin-left: 6px;
margin-right: 6px;
margin-top: 4px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 0.6em;

}

#navigation	li :hover{
text-decoration: none;
color: #F9D507;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.6em;
}



/* Navigation selectors*/


#current-page {
border-left: solid 1px #F9D507;
border-top: solid 1px #F9D507;
border-right: solid 1px #F9D507;
background-color: #202020;
}

#current-page a {
position: relative;
bottom: 1px;
}


/*subnavigation*/

#subnavigation {
float: left;
z-index: 6;
position: relative;
padding-left: 0;
margin: 5px 0 5px -20px;
list-style: none;
width: 450px;

}
*html #subnavigation {margin: 5px 0 5px 0px;}

#subnavigation li {
display: inline;
list-style: none;
margin-left: 0px;
padding-left: 0;
}


#subnavigation a {
padding: 0 10px 0 0;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 0.7em;
line-height: 1.4em;
margin: 0;
}

#subnavigation :hover {
text-decoration: none;
color: #F9D507;

}



/* Sidebar */

/*
#sidebar	{
text-align: left;
float: left;
width: 145px;
position: relative;
margin-left: 95px;
padding: 0;
}
*/
 
#sidebar	{
text-align: left;
float: left;
width: 145px;
position: relative;
padding-left: 95px;
}

#sidebar img	{
border: none;
}


/* Footer */

#footer-logo {
position: relative;
top: -175px;
clear: both;
width: 250px;
height: 285px;
background-color: transparent;
padding: 0;
margin: 0 0 -260px 0;
overflow: hidden;
z-index: 0;
}

#footer	{
position: relative;
top: 0px;
clear: both;
width: 850px;
height: 115px;
background-color: transparent;
padding: 0;
margin: 0 0 -30px 0;
overflow: hidden;
z-index: 0;
}

*html #footer	{margin: 0 0 -180px 0;}

/*  *html #footer	{
position: relative;
top: -170px;
clear: both;
width: 850px;
height: 285px;
background-color: transparent;
padding: 0;
margin: 0 0 -170px 0;
overflow: hidden;
z-index: 0;
} */

.footer-logo {float: left; margin: 0 0 20px 100px;}

/* Fonts */

#sidebar h1	{
color: #F9D507;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
text-indent: 22px;
background: url(images/arrow-right.gif) no-repeat 0 1px;
}

#sidebar p	{
color: #F9D507;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
line-height: 1.4em;
margin-top: -10px;

}

#content p  {

color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
line-height: normal;
margin-top:0 ;
margin-bottom:5px;

}

#content h1  {
color:	#F9D507;
font-family: Arial, Helvetica, sans-serif;
padding-top: 14px;
font-size: 1.4em;
text-indent: 50px;
background: url(images/helga_small.gif) no-repeat;
background-position: left bottom;
text-align: left;
padding-top: 25px;
margin-top:0 ;
margin-bottom:10px;
}

#content h2 {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
margin: 5px 0;

}

#content h3  {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
line-height: 1.2em;
margin: 0 0 10px 0;
}

#content h4  {
color: #F9D507;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
margin-top:0 ;
margin-bottom:0;
}



h5 {
color: #F9D507;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
margin-top:0 ;
margin-bottom:0;
}

#form {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
}

#form p {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
}


#content h6	{
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
text-indent: 22px;
background: url(images/arrow-right-grey.gif) no-repeat 0 1px;
margin: 0px;
}


#quote, #quote2 {
width: 447px;
clear: both;
padding-top: 10px;
color: #F9D507;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
line-height: 1.4em;
font-weight: bold;
}


#quotename, #quotename2 {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
padding-bottom: 20px;
}

.yellow {color:	#F9D507;}

p.smallitalic { float: left;
margin: 0;
font-style: italic;
}

/* Links */

a {
text-decoration: none;
color: #F9D507;

}

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

a.blue {color: #F9D507;}
