html {height: 100%;overflow-y:scroll;}
body {margin:28px; padding:0px 0px 18px 0px; background: transparent url('/project_images/hamar/hamar-body-bg.gif') top left repeat-x;
 font-size:12px; font-family: Univers, Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
}

/* general typography */
p {font-size:12px; color:#101010; margin:0px;}
p, h1, h2, h3, h4, a{font-family: Univers, Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
 font-weight: normal; padding: 0px; margin: 0px;}
h1 {font-size:14px; color:#101010; font-weight:bold; margin-bottom:8px; margin-top:0px;}
h2 {font-size:13px; color:#101010; font-weight:bold;}
h3 {font-size:12px; color:#101010; font-weight:bold;}
h4 {font-size:12px; color:#101010; font-weight:bold;
 width:auto; background-color:#00aa66; padding:2px;}
hr {height:1px; border:none; color:#00aa66; border-color:#00aa66; background-color:#00aa66; padding:0px; margin: 5px 0px;}
a {color:#00aa66; text-decoration:none; font-weight: inherit;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;}
a:visited {color:#00aa66; text-decoration:none;}
a:hover {color:#00aa66; text-decoration:underline;}
img {border:none;}
sub, sup {font-size:9px;}
div.clear {clear: both; height: 0px;}
.no-display {display: none;}

/* general layout */
div.container {width:910px; height: auto;
 margin-left:auto; margin-right:auto;}
div.youtoolbar {height:15px;margin-bottom:-15px;margin-right:20px;position:relative;text-align:right;top:-15px;}

table {border-spacing:0px; border-collapse:separate; margin:0px; empty-cells:show;}
td {vertical-align:top; padding:0px;}

table#layout-table {width:100%;}
 td#top-left-corner {background: transparent url(/project_images/hamar/top-left-corner.gif) top left no-repeat; width:25px;height:27px;}
 td#top-line {background: transparent url(/project_images/hamar/top-line.gif) top left repeat-x; height:27px;}
 td#top-right-corner {background: transparent url(/project_images/hamar/top-right-corner.gif) top left no-repeat; width:25px;height:27px;}

 td#left-line {background: transparent url(/project_images/hamar/left-line-bg.gif) top left repeat-y; width:25px}
 td#container {background: white url() bottom right no-repeat;}
 td#right-line {background: transparent url(/project_images/hamar/right-line-bg.gif) top left repeat-y; width:25px}

 td#bottom-left-corner {background: transparent url(/project_images/hamar/bottom-left-corner.gif) top left no-repeat; width:25px;height:24px;}
 td#bottom-line {background: transparent url(/project_images/hamar/bottom-line.gif) top left repeat-x; height:24px;}
 td#bottom-right-corner {background: transparent url(/project_images/hamar/bottom-right-corner.gif) top left no-repeat; width:25px;height:24px;}

div.top {width: 100%;}
 div#top-image {height:1px;}
 div#first-line {width: 100%; height: 12px; background-color:#00aa66}
 div#second-line {width: 100%; height: 6px; margin: 1px 0px 20px 0px; background-color:#007777;}
table#content-table {width:100%;}
 td#side {width:300px;}
 td#main {border-left: 1px solid gray; background: transparent url(/project_images/hamar/background-circle.gif) bottom right no-repeat;}

 div.sidemenu {width: 280px; margin-top: 0px;}
 td#side div.vcard {background-color: #e6e6e6; width: 280px; margin-top: 20px;}
 td#side div.vcard div {padding: 28px 20px 28px 37px;}
 td#side div.vcard div h1 {color: #666666;font-weight:normal;}
 td#side div.vcard div p {color: #666666}
 
 div.maintext-container {margin: 40px 59px 60px 80px; min-height: 400px;}
 div.maintext-container ul {font-size:12px;}
 div.maintext-container {line-height:150%;}

/* IE6 Hacks */
* html p {font-size:12px;}

/* MENU */
/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
 margin:0px;
 padding:0px;
 width:280px;
 list-style:none;
 background:transparent;
 border:none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
 position:relative;
 top:0px;left:0px;
}

/* All menu items (<li> tags) are relatively positioned (to correctly offset submenus). */
.menulist li {
 position:relative;
 line-height:40px;
 margin-bottom:1px;
 background:#e6e6e6;
}
.menulist li.sidelistitem-on li {
 margin-top:1px;
 line-height:22px;
 background:#007777;
}

h2.newslink {font-size:14px;font-weight:normal;}
p.newslead {margin: 2px 0px 20px 10px;}
div#rss-feed-link {margin-top:3px;float:right;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
div#rss-feed-link:hover {float:right;opacity:0.8;filter:alpha(opacity=80);}
#nice_url {display:none;}

/* Links inside the menu */
.menulist li a {
 display:block;
 padding: 0px 0px 0px 37px;
 color:#666666;
 text-decoration:none;
 border:none;
 margin:0px;
 font-size:14px;
}

.menulist a:visited {
 color:#666666;
}

.menulist li li.sidelistitem-on a {font-weight: bold;}

.menulist li.sidelistitem-on a {
 color:#ffffff;background-color:#00aa66;
}

.menulist li.sidelistitem-on li a {
 color:#ffffff;
 background-color:#007777;
 font-size:12px;
}

.menulist li.sidelistitem-on li a:hover {
 color:#ffffff;
 background-color:#00aa66;
}

.menulist a:hover, .menulist a:focus {
 color:#ffffff;
 background-color:#00aa66;
 padding: 0px 0px 0px 37px;
 border:none;
 margin:0px;
}

/* Lit items 2nd-3rd level */
.menulist ul a:hover, .menulist ul a.highlighted:hover, .menulist ul a:focus {
 color:#ffffff;
 background-color:#007777;
 padding: 0px 0px 0px 37px;
 border:none;
 margin:0;
}
.menulist ul li.sidelistitem-on a {
 background-color:#007777;
}

/* Calendar */
div#calendarlist {border-top:1px solid #ececec;}

div.navigate_year p {position:absolute;right:15px;top:-32px;color:#ffffff;cursor:pointer;line-height:25px;opacity:0.9;}
div#years {border-bottom:#e0e0e0 solid 1px;height:38px;line-height:38px;}
div#years p a {font-weight:bold;margin:0px 7px 0px 15px;line-height:38px;}
div#years p a.year_active {color:#00aa66;}

div.event_container {padding:10px 0px;border-bottom:1px solid #ececec;-webkit-transition: all 0.17s ease-in-out;-moz-transition: all 0.17s ease-in-out;}
div.event_container:hover {background-color:#f9f9f9;}

div.calendar-list-date {float:left;width:65px;}
div.calendar-list-date p.date {font-size:14px;}
div.calendar-list-date span.dtend {display:none;}
div.calendar-list-content {float:right;width:350px;}
div.calendar-list-content p.location {}
div.calendar-list-content p.description {display:none;}
div.vcalendar div.event_container {cursor:pointer;}
div.vcalendar div.event_container:hover a {color:#00aa66;text-decoration:underline;}
div.vcalendar span.adr span {white-space:nowrap;}

div.calendar-list-content p {}
div.calendar-list-content p.calendar-link {font-size:14px;}

div.calendar_event div.vcard {margin:8px 0px;}

div.calendar_event h1 a {color:#666666;text-decoration:none;cursor:default;}
div.calendar_event p.calendar_event {margin-bottom:8px;}

/* Site map */
div.sitemap {padding:0px;}
ul.sitemap {list-style-type:none;list-style-position:inside;padding: 0px;margin: 0px;}
ul.sitemap li {margin:0px 0px 20px 0px;padding:0px;line-height:20px;font-weight:bold;}
ul.sitemap li li {margin:0px;font-weight:normal;}
ul.sitemap ul {list-style-type:none;padding-left:10px;margin:inherit;}
ul.sitemap ul ul {padding-left:15px;margin:0px;}
ul.sitemap li a {font-size:14px;}
ul.sitemap li li a {font-size:13px;}
/*
 Menu HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 We may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist li {
 float: left;
 width: 100%;
}

* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}
/* End Hacks */