/* CSS design by Thomas Egtvedt */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background: #FFF url(../image/bg/bg_body.gif) repeat-y top center;
	margin: 0px;
	padding: 0px;
}

/* Basic divs positioning */
div#container {
    width: 750px;
	margin: 0 auto;
	padding: 0;
}
div#top {
    color: #f99;
	background: #f33 url(../image/bg/evaria_header.jpg) center;
	border-top: 0px;
	border-right: 5px solid #c33;
	border-bottom: 1px solid #666;
	border-left: 5px solid #666;
	padding: 0px;
	margin: 12px auto 0px auto;
	height: 140px;
	width: 740px;
	}
div#time {
	padding: 0; 
	margin: auto 0px auto 550px; 
	}	
div#header {
	color: #efe;
    background: #333 url(../image/bg/bg_header.jpg);
	border-top: 1px solid #fff;
	border-right: 5px solid #999;
	border-bottom: 1px solid #666;
	border-left: 5px solid #666;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 740px;
	}
div#printmail {
	float: right;
	margin: 5px 20px 0px auto;
	padding: 0px;
	width: 60px;
	}
div#breadcrumbs {
    border-top: 1px solid #fff;
	border-right: 5px solid #c33;
	border-bottom: 1px solid #666;
	border-left: 5px solid #666;
	font-size: 10px;
	padding: 0px;
	margin: 0px auto 0px auto;
	width: 740px;
	}
div#content {
    float: left;
	border-top: 1px solid #fff;
	border-right: 5px solid #eed;
	border-bottom: 1px solid #666;
	border-left: 5px solid #666;
	padding: 0px;
	margin: 0px auto 0px auto;
	width: 485px;
	}
div#pagetitle {
	margin: 10px 20px 10px 20px;
	padding: 0px;
	}
div#maintext {
	color: #333;
	background-color: inherit;
	margin: 10px 20px 10px 20px;
	padding: 0px;
	line-height: 160%;
	}
div#navigation {
	float: right;
	color: inherit;
	border-top: 1px solid #fff;
	border-right: 5px solid #c33;
	border-bottom: 1px solid #666;
	border-left: 5px solid #666;
	background: #eff url(../image/bg/bg_navigation_red.jpg) repeat-x;
	padding: 0px;
	margin: 0px auto 0px auto;
	width: 235px;
	height: auto;
	}
div#navlist {
	padding: 0px;
	margin: 10px;
	}
div#oldsite, div#footer {
    float: left;
	border-top: 1px solid #fff;
	border-right: 5px solid #eed;
	border-bottom: 1px solid #666;
	border-left: 5px solid #666;
	padding: 0px;
	margin: 0px auto 0px auto;
	width: 485px;
	}
div#closer {
	float: none;
	clear: both;
	border-top: 1px solid #fff;
	border-right: 5px solid #999;
	border-bottom: 1px solid #666;
	border-left: 5px solid #666;
	color: #eee;
	background: #333 url(../image/bg/bg_header.jpg);
	padding: 0px;
	margin: 0px auto 12px auto;
	width: 740px;
	}
div#loading {
	float: right;
	/*display: block;*/
	margin: 5px 20px 5px auto;
	text-align: right;
	width: 220px;
	}
div#sorting {
	color: #eee;
	background: #333 url(../image/bg/bg_header.jpg);
	margin: 0px auto 15px auto;
	padding: 1px;
	text-align: center;
	width: 450px;
	}
	
/* Links and Text */
div#time span {
	color: #CC6633; 
	background-color: inherit;
	font-size:130px; 
	font-weight:bolder; 
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	letter-spacing: -5px;
	}	

div#header p {
    font: 12px Geneva, Arial, Helvetica, sans-serif;
	padding: 8px 20px 8px 20px;
	margin: 0px;
	}
div#header a.top_menu, div#header a.top_menu:visited {
	color: #efe;
	background-color: inherit;
	font-weight: bold;
	text-decoration: none;
	}
div#header a.top_menu:hover, div#header a.top_menu:active {
	text-decoration: underline;
	}
div#header a.stop_menu, div#header a.stop_menu:visited, a.stop_menu:hover, div#header a.stop_menu:active {
	color: #6f6;
	background-color: inherit;
	font-weight: bold;
	text-decoration: none;
	}
	
div#breadcrumbs p {
    padding: 6px 20px 6px 20px;
	margin: 0px;
	}
div#breadcrumbs a, div#breadcrumbs a:visited  {
	color: #d33;
	background-color: inherit;
	text-decoration: none;
	}
div#breadcrumbs a:hover, div#breadcrumbs a:active {
	text-decoration: underline;
	}

div#navlist h3 {
	text-align: center;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 200%;
    background: url(../image/bg/bg_navigation_head.gif);
    padding: 0px;
	margin: 20px 0px 0px 0px;
	height: 25px;
	}
div#navlist form {
	margin: 0px;
	}

/* start fancy yet simple menu */
div#navlist ul {
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 100%; /* Width of Menu Items */
	/*border-bottom: 1px solid #333*/
	border-bottom: 1px solid #c33
    }
div#navlist ul li { 
    position: relative 
	}
div#navlist li ul {
	position: absolute;
	left: 200px; /* Set 1px less than menu width */
	top: 0px;
	display: none
	}
/* Fix IE. Hide from IE Mac \*/
* html div#navlist ul li { float: left; height: 1% }
* html div#navlist ul li a { height: 1% }
/* End */
/* Hover Effects */
div#navlist ul li a {
	display: block;
	text-decoration: none;
	color: #633;
	background-color:#ddc;
	padding: 3px 3px 3px 6px;
	border-top: 1px solid #fee;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 5px solid #c33;
	}
div#navlist ul li a:hover { 
    color: #c33; 
	background-color: #fff
} 
div#navlist ul li a.expand {
	display: block;
	text-decoration: none;
	color: #966;
	background-color: #eed;
	padding-left: 18px;
	border-top: 1px solid #fee;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 5px solid #ddc;
	}
div#navlist ul li a.expand:hover { 
    color: #fff; 
	background-color: #966;
}

div#navlist li ul li a { padding: 5px; } /* Sub Menu Styles */
div#navlist li:hover ul, li.over ul { display: block; } /* The magic */

div#maintext a, div#maintext a:visited  {
	color: #e33;
	background-color: inherit;
	text-decoration: none;
	}
div#maintext a:hover, div#maintext a:active {
	text-decoration: underline;
	}
div#maintext a.norm, div#maintext a.norm:visited  {
	color: #333;
	background-color: inherit;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
	text-decoration: none;
	}
div#maintext a.norm:hover, div#maintext a.norm:active {
	text-decoration: underline;
	}
div#maintext a.sponsor, div#maintext a.sponsor:visited  {
	color: #eee;
	background-color: inherit;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
	vertical-align: bottom; 
	text-transform: uppercase;
	text-decoration: none;
	}
div#maintext a.sponsor:hover, div#maintext a.sponsor:active {
	text-decoration: none;
	color: #9f9;
	background-color: inherit;
	}
div#maintext div.dsponsor {
	color: #eee;
	background-color: inherit;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
	}
div#maintext div.dnorm {
	color: #333;
	background-color: inherit;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
	}
div#maintext div.small {
    font-size: 10px;
	}
div#maintext ul {
    list-style-type: decimal;
	}
div#maintext ul.fileandlink {
    list-style-type: square;
	color: #393;
	background-color: inherit;
	margin: 0px auto 10px auto;
	}
div#maintext p {
    padding: 0px;
	margin: 10px 0px 10px 0px;
	}
div#maintext p.email {
	padding: 5px 0px 5px 5px;
	margin: 0px;
	}
div#maintext p.email2 {
	font: 12px "Courier New", Courier, mono, sans-serif;
	padding: 5px 0px 5px 5px;
	margin: 0px;
	}
div#maintext .emailhead {
    color: #eee;
	background-color: #666;
	}
div#maintext input.emailinput {
    font-size: 10px;
	vertical-align: middle;
	border: 1px solid #999;
	padding: 3px;
	}
div#maintext select.emailinput {
    font-size: 10px;
	vertical-align: middle;
	border: 1px solid #999;
	padding: 2px;
	}
div#maintext textarea.emailarea {
    font: 12px "Courier New", Courier, mono, sans-serif;
	border: 1px solid #999;
	padding: 2px;
	width: 446px;
	}
div#maintext input.emailbutton { 
    color: #fff; 
	background-color: #c33; 
	font-size: 10px;
	vertical-align: middle;
	width: 120px;
	border: 1px solid #333;
	padding: 2px;
    }
div#maintext input.newscomment {
    font-size: 10px;
	width: 90%;
	vertical-align: middle;
	border: 1px solid #999;
	padding: 3px;
	}
div#maintext input.newscomment_button {
    font-size: 10px;
	width: 45%;
	vertical-align: middle;
	border: 1px solid #999;
	padding: 2px;
	}
div#maintext textarea.newscomment {
    font: 12px "Courier New", Courier, mono, sans-serif;
	border: 1px solid #999;
	padding: 2px;
	width: 100%;
	}
div#maintext div.search, div#maintext p.search {
	padding: 0px 0px 0px 5px;
	}

div#sorting input, div#sorting select {
	font-size: 10px;
	}

div#oldsite p, div#footer p, div#closer p  {
    padding: 6px 20px 6px 20px;
	margin: 0px;
	}
div#oldsite a {
	color: #f33;
	background-color: inherit;
	text-decoration: none;
	}

div#footer li { 
    list-style: decimal;
	}
div#footer ul { 
    margin-top: 0px;
	margin-bottom: 0px;
	}
div#footer a, div#footer a:visited  {
	color: #f33;
	background-color: inherit;
	text-decoration: none;
	}
div#footer a:hover, div#footer a:active {
	text-decoration: underline;
	}
div#footer ul li a, div#footer ul li a:visited  {
	display: block;
	color: #333;
	background-color: inherit;
	text-decoration: none;
	padding: 5px;
	margin: 0px 0px 5px 0px;
	}
div#footer ul li a:hover, div#footer ul li a:active {
	display: block;
	color: #000;
	background-color: #ddc;
	text-decoration: none;
	}
div#footer ul li a strong  {
	color: #c33;
	background-color: inherit;
	}
	
div#closer a, div#closer a:visited  {
	color: #eee;
	background-color: inherit;
	text-decoration: none;
	padding-right: 20px;
	}
div#closer a:hover, div#closer a:active {
	text-decoration: underline;
	}

/* Hide some stuff */
div#printinfo, div#legal { 
    display:none;
	}

#warning {
	color: #000;
	background-color: #eee;
	border-bottom: 1px solid #000;
	text-align: center;
	}
#warning p {
	color: #000;
	background-color: inherit;
	font: 11px Tahoma, sans-serif;
	margin: 0;
	padding: 5px; 
	}
#warning a, #warning strong {
	color: #900;
	background-color: inherit;
	}
#warning a:hover {
	text-decoration: underline;
	}