@import url("../SpryAssets/SpryMenuBarVertical.css");
body
	 {
	color: black;
	font-size: 100%;
	font-family: "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
	background: url(../grafikk/background1.gif); background-repeat: 	repeat-y;}

* 	{margin: 0; padding: 0; border: 0;}

p 	{font-size: 84%;
	margin-bottom: .4em;
	line-height: 160%;
	}
	
.pextraspace { margin-bottom: .6em;}
	
h1 { font-family: Georgia, serif; font-weight: normal; font-size: 190%; color: #5A4740; margin-bottom: .2em; white-space: nowrap;}

h2 { font-family: Georgia, serif; font-weight: normal; font-style: italic; font-size: 140%; color: #5A4740; margin-bottom: .3em; padding-bottom: .2em; white-space: nowrap; border-bottom: 1px solid; display: block;}

.h1_index { color: #003A98;}

.h3_chora { color: #003A98;}

.h2space { margin-top: .8em;}

h3 { font-family: Georgia, serif; font-style: italic; font-weight: normal; font-size: 110%; color: black; padding: .3em 0 .2em 0;}
	

	
#wrapper {top: 0; left: 0; height: auto; width: 770px; position: relative;}

#logo1 { top: 20px; left: 20px; position: absolute; visibility: visible;}

#logo2 {top: 22px; left: 220px; position: absolute;}

#update {top: 115px; left: 28px; width: 130px; position: absolute;}

#menu {top: 195px; left: 18px; position: absolute; z-index: 1020;}
/*The z-index makes sure that Spry menu displays properly in IE 6 and 7*/

#temp_message {top: 195px; left: 18px; width: 150px; position: absolute; font-size: 90%;color: #003A98;}



#news {top: 130px; left: 28px; width: 130px; position: absolute; display: block; font-weight: bold; font-size: 80%;}

#column1 { top: 190px; left: 0; width: 360px; height: auto; margin-left: 220px; position: absolute; visibility: visible; padding-bottom: 30px;}

#column2 {top: 235px; left: 0; width: 150px; margin-left: 620px; position: absolute; visibility: visible; text-align: right; font-size: 80%; color: #003A98; }

#column2 img { margin-bottom: 25px; border: 0;}

#tessungae { top: 260px; left: 0; width: auto; margin-left: 0; position: relative; visibility: visible; float: right;}

#linkcolumn1 {top: 190px; left: 0; width: 255px; height: auto; margin-left: 220px; position: absolute; visibility: visible;}

#linkcolumn2 {top: 190px; left: 305px; width: 255px; height: auto; margin-left: 210px; position: absolute; visibility: visible;}

#gallery { top: 190px; left: 0; width: 550px; height: auto; margin-left: 220px; position: absolute; visibility: visible;}

#art { height: 100%; text-align: center; margin: 0; padding: 0; border: 0;}

#container {
	color: white;
	background-color: #0ff;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
	}

#footer { margin-left: 210px; width: 600px; visibility: visible; position: relative;  clear: both;}

.indent12px {margin-left: 12px;}

.bold {font-weight: bold;}

.italic {font-style: italic;}

.spacebelow {margin-bottom: 1.5em;}

.spaceabove {margin-top: 3em;}

a:link {text-decoration: none; color: blue;}

a:hover {background-color: #C70035; color: white; padding: 1px;}

a.imglink:hover { background-color: #ffffff; padding: 0;}

.update {font-size: 60%;}

.bgcolor1 { background-color: #9DDCF9; padding-left: 5px; padding-right: 5px;}

.bgcolor2 { background-color: #94BEE5; padding-left: 5px; padding-right: 5px;}

.border { border-bottom: 1px solid #4C4C4C; padding-bottom: 0.7em;}

.gallery  {margin: 15px 14px 20px 0; float: left;}

.galleryright  {margin: 15px 0 20px 0; float: left;}