body
{
	width: 100%;
	background-color: #dddddd;
	text-align: center;
	font-family: verdana,tahoma;
	font-size: 10pt;
	color: black;
	overflow-x: hidden 
}

h1,h2,h3 { font-family: arial; color: #3953a4; text-transform: uppercase; margin: 0px; padding: 0px }
h1 { font-size: 18pt }
h2 { font-size: 13pt }
h3 { font-size: 10pt }
hr { background-color: #3565ad; border: 1px solid #3565ad }
p { margin: 5px 0px 10px 0px; padding: 0px }

input,textarea { border: 1px solid black; width: 250px; padding: 3px; font-family: calibri,tahoma; font-size: 11pt; }
textarea { height: 200px; }


.clear { clear: both }
.left { float: left } .right { float: right }
.newsInfo { margin: 0px; font-size: 8pt; color: gray }
.lastEdit { color: #6e6c6b; margin-top: 20px; font-size: 8pt; position: absolute; margin: -20px 0px 0px 10px}
.switch { color: #6e6c6b; text-transform; font-size: 8pt; text-transform: uppercase }
.switch:hover { color: black; cursor: pointer }

/* ALBUMET */

.albumCover { padding: 5px; background: #e0e8f4; margin: 7px; float: left; width: 199px; height: 120px; cursor: pointer; text-align: center }
.albumCover img { margin-right: 5px;}
#morepics { height: 20px; cursor: pointer; text-transform: uppercase; font-size: 8pt; font-weight: bold }

#header
{
	height: 150px;
	width: 900px;
	margin: 10px auto 0px auto;
	background: url(../gfx/logo.png);
	z-index: 2;

}
#logo
{
	width: 170px;
	height: 170px;
	background: url(../gfx/freelogo.png);
	position: absolute;
	margin-top: 5px;
}

#menu
{
	width: 900px;
	height: 30px;
	margin: 0px auto;
	border-width: 4px 0px 2px 0px;
	border-style: solid;
	border-color: #3565ad;
	text-align: center;

}

#menubox
{

	display: none;
	
	position: absolute;
	padding-top: 30px;
	background-color: white;
	text-align: left;
	
	border-width: 0px 2px 2px 2px;
	border-style: solid;
	border-color: #3565ad;

	padding: 0px 10px 10px 10px;	
	margin-top: 30px;


}
#menubox a { font-family: arial; font-size: 9pt; letter-spacing: 0px; text-decoration: none; color: black; font-weight: bold; display: list-item; margin-left: 10px }
#menubox a:hover { color: #3565ad}

#topper
{
	background: url(../gfx/topper.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 900px;
	margin: 0 auto;
}
#container
{
	width: 900px;
	margin: 0px auto;
	text-align: left;
	background-color: white;
	border-bottom: 2px solid #3565ad;

}

#splash
{
	width: 900px;
	height: 200px;
	margin: 0px auto 4px auto;
	background-color: white;
	border-bottom: 2px solid #3565ad;
}

#content
{


	width: 670px;
	padding: 5px;
	float: left;
}

#panel
{
	
	margin-left: 18px;
	width: 202px;
	float: left;
}

#panel img { border: 1px solid white; margin-bottom: 4px; cursor: pointer; float: left }
#gallery { margin: 0px 0px 4px 0px; padding: 4px 4px 0px 4px; width: 190px; border: 1px solid #3565ad; }
#gallery legend { text-transform: uppercase; font-weight: bold; font-size: 12pt; color: #3565ad }
#gallery img { margin: 5px; width: 50px; }
#gallery a { font-style: italic; text-decoration: none }
#gallery a:hover { text-decoration: underline }

#footer
{
	width: 890px;
	height: 125px;
	margin: 0px auto 2px auto;
	padding: 5px;

	background-color: #3565ad;
	text-transform: uppercase;
	font-size: 8pt;
	text-align: left;

}
#contactText { color: white; float: right; width: 200px }
#contactText a { color: white; }
#contactText a:hover { color: black } 
.sponsor { position: absolute; }

#copyright
{
	width: 900px;
	height: 20px;
	margin: 0px auto 5px auto;
}
#copyright img { border: 0 }
#copyright a { color: gray; text-decoration: none }