body {
	background: #0e3a6c url(images/bg_gradient.png) repeat-x;
	margin: 0;
	padding: 0;
	font: 62.5% Arial, Helvetica, sans-serif;
	}
	
	a {
	color: #ffcc66;
	text-decoration: none;
	}
	
	a:hover {
	color: #cc9933;
	}
	
	#bg {
	background: url(images/bg_image.png) no-repeat top center;
	min-height: 800px;
	}
	
	#wrapper, #topwrap {
	width: 780px;
	margin: 0 auto;
	}
	
	#top {
	background-image: url(images/nav_bg.png), url(images/crossbar_gold.png);
	background-repeat: repeat-x, repeat-x;
	background-position: top, bottom;
	min-height: 53px;
	padding-bottom: 2px;
	}
	
	#top h1 {
	margin: 0;
	padding: 5px 0;
	position: absolute;
	}
	
	#nav {
	float: right;
	margin: 0;
	padding: 18px 0;
	list-style: none;
	}
	
	#nav li {
	float: left;
	margin-left: 35px;
	}
	
	#nav li a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 1.4em;
	}
	
	#nav li a:hover {
	color: #26648b;
	}
	
	#main {
	clear: both;
	margin: 30px 0;
	}
	
	#sidebar {
	float: left;
	width: 220px;
	margin-right: 20px;
	}
	
	#sidebar h2 {
	font-size: 1.8em;
	margin: .5em 0;
	}
	
	#sidebar p {
	font-size: 1.2em;
	line-height: 1.4em;
	}

	#frontpage {
	clear: both;
	margin-bottom: 3em;
	background: #fff;
	color: #000;
	padding: 10px 25px 25px;
	-webkit-border-radius: 10px;  
	-moz-border-radius: 10px;  
	border-radius: 10px; 
	}
	
	#frontpage a {
	color: #3399cc;
	}
	
	#frontpage a:hover {
	color: #006699;
	}
	
	#nyheter {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
	#nyheter li {
	border-bottom: 1px solid #333;
	padding: 3px 0;
	}

/*	
	#frontpage:before {
	clear: both;
	display: block;
	padding: 0;
	margin: 0 -25px;
	margin-top: -20px;
	height: 9px;
	content: url(images/front_white_top.png);
	}
	
	#frontpage:after {
	height: 9px;
	width: 540px;
	padding: 0;
	margin: 0 -25px;
	content: url(images/front_white_bottom.png);
	clear: both;
	display: block;
	margin-bottom: -19px;
	}
*/

	.halfbox {
	float: left;
	width: 330px;
	background: url(images/black_bg.png);
	color: #fff;
	padding: 10px 25px;
	-webkit-border-radius: 10px;  
	-moz-border-radius: 10px;  
	border-radius: 10px; 
	margin-bottom: 20px;
	}
	
/*
	.halfbox:before {
	clear: both;
	display: block;
	padding: 0;
	margin: 0 -25px;
	margin-top: -20px;
	height: 9px;
	content: url(images/front_black_top.png);
	}
	
	.halfbox:after {
	height: 9px;
	padding: 0;
	margin: 0 -25px;
	content: url(images/front_black_bottom.png);
	clear: both;
	display: block;
	margin-bottom: -19px;
	}
*/

	.halfbox p, .halfbox ul, .halfbox ol {
	font-size: 1.2em;
	line-height: 1.6em;
	}
	
	#halfleft1, #halfleft2 {
	margin-right: 20px;
	}
	
	.divide {
	clear: both;
	}
	
	#content {
	float: left;
	width: 490px;
	background: url(images/black_bg.png);
	color: #fff;
	padding: 10px 25px;
	-webkit-border-radius: 10px;  
	-moz-border-radius: 10px;  
	border-radius: 10px; 
	margin-bottom: 30px;
	}

/*	
	#content:before {
	clear: both;
	display: block;
	padding: 0;
	margin: 0 -25px;
	margin-top: -19px;
	height: 9px;
	content: url(images/black_top.png);
	}
	
	#content:after {
	height: 9px;
	width: 540px;
	padding: 0;
	margin: 0 -25px;
	content: url(images/black_bottom.png);
	clear: both;
	display: block;
	margin-bottom: -19px;
	}
*/

	#contentwrapper {
	padding: 10px 25px;
	}
	
	#content h2, #frontpage h2, .halfbox h2 {
	font-size: 2.8em;
	margin: .5em 0;
	}
	
	#content h2 a, .halfbox h2 a {
	color: #fff;
	text-decoration: none;
	}
	
	#frontpage h2 a {
	color: #000;
	text-decoration: none;
	}
	
	#content p, #content td, #content ul, #content ol, #frontpage p, #frontpage ul, #frontpage ol {
	font-size: 1.4em;
	line-height: 1.5em;
	}

	#subnav {
	float: left;
	width: 180px;
	background: url(images/subnav_bg.png);
	color: #fff;
	padding: 10px 20px;
	margin-bottom: 20px;
	text-shadow: 0.1em 0.1em 0.05em #333;
	-webkit-border-radius: 10px;  
	-moz-border-radius: 10px;  
	border-radius: 10px; 
	}

	#subnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
	#subnav ul li {
	font-size: 1.5em;
	padding: 10px 0;
	border-top: 1px solid #5384a4;
	}
	
	#subnav ul li:first-child {
	border-top: none;
	}
	
	#subnav ul li a {
	text-decoration: none;
	color: #fff;
	}
	
	

	.sidebaritem {
	float: left;
	width: 180px;
	background: url(images/white_bg.png);
	color: #fff;
	padding: 0 20px;
	margin-bottom: 20px;
	text-shadow: 0.1em 0.1em 0.05em #333;
	-webkit-border-radius: 10px;  
	-moz-border-radius: 10px;  
	border-radius: 10px; 
	}
	
/*
	.sidebaritem:before {
	clear: both;
	display: block;
	padding: 0;
	margin: 0 -20px;
	margin-top: -9px;
	height: 9px;
	content: url(images/white_top.png);
	}
	
	.sidebaritem:after {
	height: 9px;
	padding: 0;
	margin: 0 -20px;
	content: url(images/white_bottom.png);
	clear: both;
	display: block;
	margin-bottom: -9px;
	}
*/

	
	#footer {
	clear: both;
	margin-top: 10px;
	padding-top: 10px;
	margin-bottom: 50px;
	border-top: 1px solid #52759d;
	color: #fff;
	text-shadow: 0.1em 0.1em 0.05em #333;
	}

	hr {
	clear: both;
	border: 1px solid transparent;
	width: 10px;
	}




/* Begin Images */
	p img {
	padding: 0;
	max-width: 100%;
	border: none;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

	img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

	img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

	img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

	.alignright {
	float: right;
	}

	.alignleft {
	float: left;
	}
/* End Images */


	#seeding {
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	}

	#mxgeneral {
	z-index: 98;
	position: absolute;
	top: 85px;
	left: 0;
	}