
/*

	zenlike1.0 by nodethirtythree design
	http://www.nodethirtythree.com

*/

* {
padding: 0em;
margin: 0em;
}

body {
/* background: #000000 url('images/bg1.jpg'); */
background-color: whitesmoke;
padding: 35px 0px 35px 0px;
}

body, input {
font-size: 10pt;
font-family: Georgia, "Times New Roman", Times, serif;
color: #333333;
}

p {
line-height: 1.5em;
margin-bottom: 1.0em;
text-align: justify;
}

li {
line-height: 1.5 em;
text-indent: 10px;
/* padding-left: 10px; */
}

a {
/* color: #B96D00; */
text-decoration: none; 
}

a:hover {
/* text-decoration: none; */
}

h3 span {
font-weight: normal;
}

h3,h4 {
display: inline;
font-weight: bold;
background-repeat: no-repeat;
background-position: right;
}

h3 {
font-size: 1.7em;
padding-right: 34px;
/* background-image: url('images/db1.gif'); */
}

h4 {
font-size: 1.2em;
padding-right: 28px;
/* background-image: url('images/db2.gif'); */
}

.contentarea {
padding-top: 1.3em;
}

img {
border: solid 1px #6F5230;
margin-left: 1.8em;
margin-bottom: 1.8em;
padding: 5px;
filter: grayscale(20%);
}

img.left {
position: relative;
float: left;
margin: 0em 1.8em 1.4em 0em;
}

img.right {
position: relative;
float: right;
margin: 0em 0em 1.8em 1.8em;
}

.divider1 {
position: relative;
background: #fff url('images/border2.gif') repeat-x;
height: 14px;
margin: 2.0em 0em 1.5em 0em;
clear: both;
}

.divider2 {
position: relative;
height: 1px;
border-bottom: solid 1px #eaeaea;
margin: 2.0em 0em 2.0em 0em;
}

.box {
position: relative;
width: 200px;
/* background: #FDFCF6 url('images/boxbg.gif') repeat-x; */
background: ghostwhite;
left: -0.5em;
top: -0.5em;
padding: 1.5em;
border-bottom: solid 1px #E1D2BD;
margin: 1.0em;
}

#upbg {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 289px; /* 275px; */
background-color: lightslategray;
/* background: #fff url('images/bg2.jpg') repeat-x; */
z-index: 1;
}

#outer {
z-index: 2;
position: relative;
width: 90%;
background-color: #fff;
margin: auto;
padding: 5px;
border: 1px solid #000;
}

#header {
position: relative;
width: 100%;
height: 200px; /* 9.0em; */
/* background: #2B2B2B url('images/Nordkapp.jpg') left repeat-x; */
/* background: lightslategray url('images/Nordkapp-mirrored.jpg') left repeat-x; GOOD */
background: lightslategray url('images/Syote-dual.jpg') left repeat-x;
/* background: lightslategray url('images/Syote.jpg') left repeat-x; */
background-color: lightslategray;
margin-bottom: 2px;
}

#headercontent {
position: absolute;
bottom: 3.2em;
right: 3.2em;
padding: 0em 2.0em 1.3em 2.0em;
}

#headercontent h1 {
font-weight: normal;
color: #fff;
font-size: 2.5em;
}

#headercontent h1 sup {
color: #fff; /* #777; */
}

#headercontent h2 {
font-size: 1.0em;
font-weight: normal;
color: #fff; /* #aaa; */
}

#headerpic {
position: relative;
height: 109px; /* 217px; */
width: 100%;
background: #fff url('images/hdrpic.jpg') no-repeat /* top left */;
margin-bottom: 2px;
}

#menu {
position: relative;
background: #7F8400 /* url('images/menubg.gif') */ repeat-x top left;
background-color: lightslategray;
height: 3.5em;
padding: 0em 1.0em 0em 1.0em;
margin-bottom: 2px;
}

#menu ul {
position: absolute;
top: 1.1em;
}

#menu ul li {
position: relative;
display: inline;
}

#menu ul li a {
padding: 0.5em 1.0em 0.9em 1.0em;
color: #fff;
text-decoration: none;
}

#menu ul li a:hover {
text-decoration: underline;
}

#menu ul li a.active {
/* background: #7F8400 url('images/menuactive.gif') repeat-x top left; */
background-color: dimgray;
}

#menubottom {
background: #fff url('images/border1.gif') repeat-x;
height: 14px;
margin-bottom: 1.5em;
}

#content {
padding: 0em 2.0em 0em 2.0em;
}

#primarycontainer {
float: left;
margin-right: -18.0em;
width: 100%;
}

#primarycontent {
margin: 1.5em 22.0em 0em 0em;
}

#secondarycontent {
margin-top: 1.5em;
float: right;
width: 18.0em;
}

#footer {
position: relative;
height: 2.0em;
clear: both;
padding-top: 5.0em;
background: #fff url('images/border2.gif') repeat-x 0em 2.5em;
font-size: 0.8em;
}

#footer .left {
position: absolute;
left: 2.0em;
bottom: 1.2em;
}

#footer .right {
position: absolute;
right: 2.0em;
bottom: 1.2em;
}
