
body, td, th, p, form, div, blockquote, ul, ol, dl, small, span, caption, input {
  font-family: Trebuchet MS,Verdana,Arial,Geneva,sans-serif; 
  color: #333; 
  font-size: 11px; 
  }
    
body {margin: 10px; background: #EEE;}

form { margin:0; padding:0;}
select        { background-color: #FFFFFF; border: solid 1px #aeb1b3; }
input         { background-color: #FFFFFF; border: solid 1px #aeb1b3; }
p     { margin-top: 0em; text-indent: 0em; }
h1    { font-size: 22px; }
h2    { font-size: 15px; }
h3    { font-size: 12px; }
h4    { font-size: 11px; }
.small { font-size: 10px; }
.big   { font-size: 13px; }
.date  { color: #666; }

a, a:visited, a:active { color : #48721C; text-decoration: none;}  /*  General link  */
a:hover   { color : #639200; text-decoration: underline;}
  
#main_wrapper
	{
	width: 760px;
	border: 1px #CCC solid;
	padding: 0;
	background: #FFF;
	}

#header
	{
	width: 760px;
	background: #fff;
	height: 80px;
	}
#Logo {position: absolute; top: 30px; left: 18px;}
#Toolbar {position: absolute; top: 25px; left: 480px; border-bottom: #aaa 1px solid;}
#Toolbar ul { margin: 0; padding: 0; list-style: none; height: 23px;}
#Toolbar ul li {float: left; padding: 0 25px 0 0; margin: 5px 0; }
#Toolbar a         { text-decoration: none;}  /*  General link  */
#Toolbar a:hover   { text-decoration: underline;}

#search {position: absolute; top: 60px; left: 480px; width: 250px;}
#search a         { text-decoration: none;}  /*  General link  */
#search a:hover   { text-decoration: underline;}

#menu {background: #639A00 url(/img/utlit/greenMenu.gif) 0% 0% repeat-x; margin-bottom: 15px; border-bottom: 3px solid #aaa;}
#menu ul { margin: 0; padding: 0; list-style: none; height: 26px;}
#menu ul li {float: left; padding: 5px 25px; margin: 0; border-right: 1px #aaa solid; }
#menu a         { color : #FFF; text-decoration: none;}  /*  General link  */
#menu a:visited { color : #FFF; }
#menu a:active  { color : #FFF; }
#menu a:hover   { color : #FFF; text-decoration: underline;}

#footer {clear: both; width: 760px; margin-top: 20px; border-top: 3px solid #aaa; background: #ededed; }
#footer h3 { font-size: 1em; letter-spacing: 1px; text-transform: uppercase; margin: 0; padding: 4px 8px; float: left; }
#footer ul {margin: 0; padding: 0; height: 30px;}
#footer ul li {float: left; padding: 5px; margin: 0; list-style: none;}

.SitemapFirstLevel {font-weight: bold; font-size: 1.3m;}

#FpArticleMain { padding: 0 0 15px 10px;}
#FpArticleSmall {margin-left: -15px;}
#fpArticle {padding: 0 10px; border-left: #B1B1B1 1px solid; border-right: #B1B1B1 1px solid;}

#fpArticleLinks {margin: 0 10px;}
#fpArticleLinks h2 {font-size: 2em; border-bottom: 1px #eee solid; margin-bottom: 5px;}
#fpArticleLinks dl {margin: 0; padding: 0; }
#fpArticleLinks dl dt {margin: 0; padding: 1px 0; color: #666;}
#fpArticleLinks dl dd {margin: 0 0 10px 0; padding: 1px 0 1px 5px; border-left: 15px solid #ccc;}

#fpVskVefur {margin: 20px 10px 10px 10px; background: #eee; padding: 10px;}
#fpVskVefur h2 {font-size: 2em; border-bottom: 1px #aaa solid; margin: 0 0 5px 0;}

#fpPressufundur {margin: 20px 10px 10px 10px; background: #eee; padding: 10px;}
#fpPressufundur h2 {font-size: 2em; border-bottom: 1px #aaa solid; margin: 0 0 5px 0;}

.catOverview { margin-bottom: 15px;}
.catOverview h2 {color: #999; font-size: 2em; border-bottom: 1px #ccc solid;}

.Article {clear: both; margin-bottom: 15px; }
.Article h2 {margin: 1px 0;}
.Article h2 a {margin: 1px 0; font-size: 1em; }

.moreArticle h2 {color: #999; font-size: 2em; border-bottom: 1px #ccc solid;}
.moreArticle dl dt {margin: 0; padding: 0; color: #999;}
.moreArticle dl dd {margin: 0 0 10px 0; padding: 2px 0 1px 5px; border-left: 15px solid #ccc;}

.SubNavBox { margin-bottom: 15px;}
.SubNavBox ul {margin: 0; padding: 0;}
.SubNavBox ul li { margin: 2px 0; padding: 1px 5px; list-style: none; border: 1px #ccc solid; }
.SubNavOn {font-weight: bold; background: #eee;}

.Related { margin-bottom: 15px;}
.Related h2 { color: #999; font-size: 1em; border-bottom: 1px #ccc solid; margin-bottom: 2px; margin-top: 0; padding-top: 0;}
.Related ul {margin: 0; padding: 0;}
.Related ul li { margin: 2px 0; padding: 1px 0; list-style: none;  }

#InntrivBill {margin-bottom: 10px;}

#mainCol
	{
	float: left;
	width: 400px;
	margin-left: 150px;
	}
* html #mainCol
	{
	display: inline;
	}
	
#mainColLarge
	{
	float: left;
	width: 580px;
	margin-left: 165px;
	margin-top: -15px;
	_margin-top: 0px;
	*margin-top: 0px;
	}
* html #mainColLarge
	{
	display: inline;
	}

#rightCol
	{
	float: left;
	width: 210px;
	margin: 0;
	margin-top: -15px;
	_margin-top: 0px;
	*margin-top: 0px;
	}
#leftCol
	{
	float: left;
	width: 140px;
	margin-left: -735px;
	}




.fpArt {margin-bottom: 20px;}

#wrapper
	{
	width: 760px;
	}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
#wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
/* end easy clearing */

