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:10px; font-family: Univers, Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
 }

/* general typography */
p {font-size:11px; 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:13px; color:#101010; font-weight:bold; margin-bottom:8px; margin-top:0px;}
h2 {font-size:12px; color:#101010; font-weight:bold;}
h3 {font-size:11px; color:#101010; font-weight:bold;}
h4 {font-size:11px; color:#101010; font-weight:bold;
 width:auto; background-color:#423651; padding:2px;}

hr {height:1px; border:none; color:#423651; border-color:#423651; background-color:#423651; padding:0px; margin: 5px 0px;}

a {color:#796d92; 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:#796d92; text-decoration:none;}
a:hover {color:#423651; text-decoration:underline;}

img {border:none;}

sub, sup {font-size:8px;}

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:105px;}
 div#first-line {width: 100%; height: 12px; background-color:#423651}
 div#second-line {width: 100%; height: 6px; margin: 1px 0px 20px 0px; background-color:#796d92;}
table#content-table {width:100%;}
 td#side {width:300px;}
 td#main {border-left: 1px solid gray; background: transparent url(/files/images/0000/0001/transparent.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:11px;}


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

/* 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: #796d92;
}

div.newslist {}
h2.newslink {font-size:13px;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;}
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: 13px;
}

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

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

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

.menulist li.sidelistitem-on li a {
 color: #ffffff;
 background-color: #796d92;
 font-size: 11px;
}

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

.menulist a:hover, .menulist a:focus {
 color: #ffffff;
 background-color: #423651;
 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: #796d92;
 padding: 0px 0px 0px 37px;
 border: none;
 margin: 0;
}
.menulist ul li.sidelistitem-on a {
 background-color: #796d92;
}

/* 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:#423651;}

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:13px;}
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:#423651;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:13px;}

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:10px;}
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;}
ul.sitemap li li {margin:0px;}
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:13px;}
ul.sitemap li li a {font-size:12px;}
/*
 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 */
