body {
  padding: 0;
  margin: 10px 0px 0px 0px;
  font-family: Arial, sans-serif;
  font-size: 11px; _font-size: 68.75%;
  color: #333;
  text-align: center;  
}

body#two-col-sub, body#one-col-sub  { background: #fff url(../img/bg-body-sub.gif) repeat-x 0% 0%; }

/* **************************************************************** */
/* Basic Settings                                                   */
/* **************************************************************** */
b
a,
a:link {
  color: #296ca3; 
}

a { color:#296CA3; text-decoration: none;}

a:hover,
a:active { 
  color: #296ca3; 
  text-decoration: underline;
  -moz-outline-style: none;
}

h1, h2, h3, h4 {
  color: #333;
  font-weight: bold;
  margin: 10px 0 10px 0;
  clear: left;
  text-transform:uppercase
}

h1 { font-size: 1.4em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em;   color:#02518A; margin-bottom:5px;}
h4 { font-size: 1.1em; color:#CC3300; background:transparent url(../img/bg-arrow-orange.gif) no-repeat scroll 5px 45%; padding-left:20px;}

h4.arrow, h3.arrow, h2.arrow { color:#02518a; background:transparent url(../img/bg-arrow-orange.gif) no-repeat scroll 5px 45%; padding-left:20px;}

h3.red {color:#AF3100; font-family:Comic Sans MS; font-size:14px; margin:10px 0 10px 0; text-transform:none; }

.site-logo { margin:0; padding:0; }
.site-logo a { position:absolute; top:12px; left:29px; height:62px; width:210px; background: url(../img/sitelogo-blue-bg.gif) no-repeat top left;}
.site-logo span { display:none;}

h1.pagetitle {
  margin: 0;
  color:#02518A;
}

/**** Hide H1 pagetitle on frontpage ****/
#three-col-home h1.pagetitle { display: none; }

p { margin: 5px 0 5px 0; }
p.content { margin: 10px 0 15px 0; }

hr {
  height: 1px;
  border: 0;
  color: #e6e6e6;
  background: #e6e6e6;
}

/* **************************************************************** */
/* General buttons                                                  */
/* **************************************************************** */

.btn-wrapper { float:left; width:400px; }
.more-btn { float:right; margin-top:15px; }

.btn-more { position:absolute; right:15px; bottom:6px; }

.btn-more a  
{
	display: block;
	float: left;
	height: 20px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */	
	padding-right: 18px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
	text-decoration: none;
	cursor:pointer;
	
	font-size:12px;
	font-family:Comic Sans MS;	
	background: url(../img/btn-right-blue.png) no-repeat top right;
}
.btn-more a:hover { color:#fc9a74; }

.btn-more a.button { text-transform:none; }

.btn-more a span  
{
	/* Background left image */ 
	background: transparent url(../img/btn-left.png) no-repeat; 
	display: block;
	line-height: 20px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 0px 4px 5px 8px;
}

/* login buttons blue */
.read-login a  
{
	display: block;
	float: right;
	height: 28px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */	
	padding-right: 21px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
	text-decoration: none;
	cursor:pointer;
	color:#fff;
	background: transparent url(../img/btn-login-right.gif) no-repeat scroll top right; 
}
.read-login a:hover { color:#fff; text-decoration:underline; }

.read-login a.button { text-transform:none; }

.read-login a span  
{
	/* Background left image */ 
	background: transparent url(../img/btn-login-left.gif) no-repeat; 
	display: block;
	line-height: 28px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 0px 5px 5px 10px;
}


a.button:hover span{ text-decoration:underline; }


a.button.big  
{
	margin-top:5px; 
	height:28px; 
	background: transparent url(../img/btn-login-right.gif) no-repeat scroll top right; 
	text-transform:none;
	cursor:pointer;
	display:block;
	float:left;
	height:18px;
	padding-right:18px;	
}
a.button.big span  
{	
	padding:3px 8px 0px 10px;  
	background: transparent url(../img/btn-login-left.gif) no-repeat; 
	color:#fff; 
	font-family:Comic Sans MS;
	height:28px;
	padding:3px 8px 0 10px;
	line-height:28px;
}


/* **************************************************************** */
/* Layout of template columns                                       */
/* **************************************************************** */

#two-col-home #wrapper,
#three-col-sub #wrapper,
#one-col-sub #wrapper,
#two-col-sub #wrapper {
  width: 1006px;
  text-align: left;  
  margin: 0 auto 0 auto;    
  background: #fff url(../img/bg-wrapper-sub.gif) repeat-y scroll 0 0;
  position:relative;
}

#header {
  padding: 0;
  margin: 0;
  height: 132px;  
}

#header { background: url(../img/bg-header-blue.gif) no-repeat top left; }

#header .logo { position: absolute; top: 12px; left: 29px; }

/* **************************************************************** */
/* Quick navigation in header for each template                     */
/* **************************************************************** */

#qnav { 
  position: absolute; 
  top: 21px; 
  right: 25px;
  text-transform:none;
  font-family:Comic Sans MS;  
  width:300px; 
}

#qnav ul { margin:0; padding:0; list-style:none; float:right;}
#qnav ul li { margin:0; padding:0; text-align:right; }

#qnav a.button.big { float:right; }


#qnav a.button-small { float:right; font-weight:bold; text-transform:none; margin-top:5px; padding:0px 3px 0 18px; font-family:Comic Sans MS; background: url(../img/login-arrow.gif) no-repeat 0% 50%;} 

#qnav span.name { float:right;  font-weight:bold; font-size:14px; color:#585858; }
#qnav a.change { float:right; }
#qnav a.logoff { float:right; }

/* **************************************************************** */
/* Frontpage banners														                    */
/* **************************************************************** */

#fp-banner { 
  position: absolute; 
  top: 132px; 
  left: 0px;
  background: url(../img/bg-fp-banners-big.gif) no-repeat top left;
  width:769px;
  height:147px;
}

#fp-banner .left { float:left; width:321px;}
#fp-banner .right { float:left; width:448px;}

/* IE6 only */
/*\*/
* html #fp-banner .right { float:left; width:430px;}
/**/	

#fp-banner .right .item { float:left; padding:40px 30px 0px 60px;}
#fp-banner .right .item h4 { font-size:1.9em; background:none; margin:0; padding:0; font-family:Myriad Pro; font-weight:normal;}
#fp-banner .right .item p { margin:5px 0px 8px 0px;  }
#fp-banner .right .item a { float:right; margin-right:40px;}

#fp-banner li { list-style: none; }

/* **************************************************************** */
/* Frontpage banners														                    */
/* **************************************************************** */

.link-box-left { 
  position: absolute; 
  top: 279px; 
  left: 224px;
  /*background: url(../img/bg-linkbox-left.gif) no-repeat top left;*/
  background:transparent;
  width:266px;
  height:213px;  
}
.blue .link-box-left { background: url(../img/bg-linkbox-left-blue.gif) no-repeat top left;}
.purple .link-box-left { background: url(../img/bg-linkbox-left-purple.gif) no-repeat top left;}
.pink .link-box-left { background: url(../img/bg-linkbox-left-pink.gif) no-repeat top left;}

.link-box-left .padding { padding:5px 5px 5px 12px; float:left;}

.link-box-left ul { float: left; margin: 0;  padding: 0 0 0 0; }
.link-box-left li { float: left; list-style: none; width:200px; padding:3px 0px 3px 20px; background: url(../img/bg-square-gray.gif) no-repeat 7px 50%;}

.link-box-left li a { color:#626262; } 

.link-box-left a.button { position:absolute; bottom: 18px; right:15px; }

.link-box-right { 
  position: absolute; 
  top: 279px; 
  left: 487px;  
  width:282px;
  height:213px;
}

.blue .link-box-right { background: url(../img/bg-linkbox-right-blue.gif) no-repeat top left;}
.purple .link-box-right { background: url(../img/bg-linkbox-right-purple.gif) no-repeat top left;}
.pink .link-box-right { background: url(../img/bg-linkbox-right-pink.gif) no-repeat top left;}

.link-box-right .padding { padding:5px 5px 5px 12px; float:left;}

.link-box-right ul { float: left; margin: 0;  padding: 0 0 0 0; }
.link-box-right li { float: left; list-style: none; width:200px; padding:3px 0px 3px 20px; background: url(../img/bg-square-gray.gif) no-repeat 7px 50%;}

.link-box-right li a { color:#626262; } 


.link-box-right a.button { position:absolute; bottom: 18px; right:25px; }


/* **************************************************************** */
/* Fontsizer                                                        */
/* **************************************************************** */

#fontsizer {
  position: absolute;
  top: 101px;
  right: 170px;
}

#fontsizer ul { list-style: none; padding: 0; margin: 0; }
#fontsizer ul li { float: left; background:none; list-style:none;}
#fontsizer ul li a { 
  float: left; 
  font-size: 1.1em;
  color: #FFF;
  font-weight: bold;
  margin-top: 3px; 
}

#fontsizer ul li a.large-font { font-size: 1.5em; margin: 0 0 0 7px; }

#fontsizer ul li a.options {
  width: 16px;
  height: 16px;
  text-indent: -10000px;
  margin-left: 10px;
  margin-top: 1px;
  background: url(../img/icn-my-options.gif) no-repeat 0% 0%;
}

/* **************************************************************** */
/* Flags                                                            */
/* **************************************************************** */

#flags { position: absolute; top: 43px; right: 262px; display:none; }

#flags ul {float:left; margin:0; padding:0; }
#flags li {  
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-right:2px;
	padding:0px;
}
#flags li a { float:left; height:30px; text-indent:-2000px; width:25px; }
#flags li.en { background :#FFFFFF url(../img/flag-en.gif) no-repeat scroll 100% 100%; }
#flags li.jp { background :#FFFFFF url(../img/flag-jp.gif) no-repeat scroll 100% 100%; }

/* **************************************************************** */
/* Frontpage-links                                                  */
/* **************************************************************** */

#fplinks { position:absolute; top:302px; right:0px; width:237px; height:190px;  }

#fplinks .padding { padding:10px 0px 0px 5px; }

#fplinks ul {float:left; margin:0; padding:0;}
#fplinks li {	float:left;	list-style-image:none;	list-style-position:outside;	list-style-type:none;	margin-right:2px;	padding:0px 0px 5px 0px;}
 
.blue #fplinks { background: url(../img/bg-fplinks-blue.gif) no-repeat bottom left; }
.purple #fplinks { background: url(../img/bg-fplinks-purple.gif) no-repeat bottom left; }
.pink #fplinks { background: url(../img/bg-fplinks-pink.gif) no-repeat bottom left; }

#fplinks span { display:none; }

#fplinks a { width:209px; float:left;}

.blue #fplinks li.banner1 a {  height:67px; background: url(../img/bg-banner-1-blue.gif) no-repeat; }
.blue #fplinks li.banner2 a {  height:75px; background: url(../img/bg-banner-2-blue.gif) no-repeat; }

.purple #fplinks li.banner1 a {  height:69px; background: url(../img/bg-banner-1-purple.gif) no-repeat; }
.purple #fplinks li.banner2 a {  height:76px; background: url(../img/bg-banner-2-purple.gif) no-repeat; }

.pink #fplinks li.banner1 a {  height:63px; background: url(../img/bg-banner-1-pink.gif) no-repeat; }
.pink #fplinks li.banner2 a {  height:77px; background: url(../img/bg-banner-2-pink.gif) no-repeat; }



/* **************************************************************** */
/* Phone                                                            */
/* **************************************************************** */

#phone { position:absolute; top:15px; left:260px; height:19px; width:97px;}

/*
.blue #phone { background : url(../img/bg-phone-number-blue.gif) no-repeat scroll 100% 100%; }
.purple #phone { background : url(../img/bg-phone-number-purple.gif) no-repeat scroll 100% 100%; }
.pink #phone { background : url(../img/bg-phone-number-pink.gif) no-repeat scroll 100% 100%; }
*/
#phone span { display:none; }

/* **************************************************************** */
/* Quick search in header for each template                         */
/* **************************************************************** */

#qsearch { 
  position: absolute; 
  top: 101px; 
  right: 12px;
}

#qsearch .input-field {
  float: left; 
  width: 100px;
  font-size: 11px;
  margin-right: 6px; 
  padding: 3px 0px 2px 0px;
  border: none;
  background: none;
}

#qsearch input.button {  
  float: left;
  width: 30px;
  font-size: 11px;
  color: #fff;
  font-weight: bold;
  padding: 4px 0 3px 0;
  
  border: none;
  cursor: pointer;
  _cursor: hand;
  text-indent:-2000px;  
}

.blue #qsearch input.button {  background: url(../img/btn-search-blue.gif) no-repeat 0% 50%; }
.purple #qsearch input.button {  background: url(../img/btn-search-purple.gif) no-repeat 0% 50%; }
.pink #qsearch input.button {  background: url(../img/btn-search-pink.gif) no-repeat 0% 50%; }

/* **************************************************************** */
/* Main Navigation                                                  */
/* **************************************************************** */

.main-navigation {
  position: absolute;
  top: 87px;
  left: 10px;  
}

.main-navigation ul { float: left; margin: 0;  padding: 0; }
.main-navigation li { float: left; list-style: none; margin: 0px; padding: 0px 5px 0px 5px; background: url(../img/bg-main-nav-sep.gif) no-repeat 100% 70%;}

.main-navigation li { background: url(../img/bg-main-nav-sep-blue.gif) no-repeat 100% 70%; }

.main-navigation .last { background:none; }

.main-navigation a,
.main-navigation a:visited { 
  float: left;
  font-size: 1.1em; 
  color: #fff; 
  font-weight: bold;
  padding: 16px 7px 15px 7px;
  text-transform:uppercase;
}

.main-navigation a:hover,
.main-navigation .current_page a,
.main-navigation .current_page a:visited {
  color: #00c6ff;
  text-decoration: none;  
}

/* **************************************************************** */
/* Frontpage events                                                 */
/* **************************************************************** */
#fpevents 
{
	background:#FFF url(../img/bg-block3.gif) no-repeat scroll left top;
	width:235px;
  position: absolute;
  top: 132px;
  right: 2px;
  height:170px;
}

#fpevents ul { float:left; padding:0px; padding:0; }
#fpevents ul li { display:block; list-style:none; margin:0; padding:2px 0px 2px 10px; background: transparent url(../img/bg-bullet-blue.gif) no-repeat scroll 0 20px; }

#fpevents ul li .date { width:200px; }

#fpevents .more { position:absolute; width:20px; height:20px; top:10px; right:10px; background: url(../img/bg-double-arrow.gif) no-repeat top left; }
#fpevents .more a { float:left; width:20px; height:20px;}
#fpevents .more span { display:none; }

#fpevents .padding { float:left; padding:10px 2px 3px 12px; }


/* **************************************************************** */
/* Breadcrumbs definitions                                          */
/* **************************************************************** */

#breadcrumbs 
{
  position: absolute;
  top: 158px;
  left: 236px;  
  text-transform:uppercase;
}

#one-col-sub #breadcrumbs { top:148px; left:20px; }

#breadcrumbs ul { float: left; margin: 0; padding: 0; }
#breadcrumbs li { float: left; list-style: none; background:none; padding:0px; }

#breadcrumbs  li { color: #296ca3; }

#breadcrumbs li a,
#breadcrumbs li a:hover { color: #898989;}

#breadcrumbs .bc-first-separator { display: none; }
#breadcrumbs .bc-separator { color: #898989; margin: 0 2px 0 2px; }

/* **************************************************************** */
/* Second Navigation                                                */
/* **************************************************************** */

.second-navigation {  padding: 0 0 5px 0; margin: 0 0 20px 0px; float:left; width:200px; background: url(../img/bg-dots-gray.gif) repeat-x bottom left;}

.second-navigation h2 { text-transform:uppercase; padding:0px 0px 0px 18px;}

.related-cats { float:left; margin-bottom:0px;}

.second-navigation ul.level1 { float:left; margin:10px 0px 0px 0px; }
.second-navigation ul { list-style: none; padding: 0; margin:0; }
.second-navigation li 
{
	display: block; 
	padding: 0; 
	margin: 0; 	
	float:left;
	}

.second-navigation a {
  display: block;
  font-weight: bold;
  padding: 3px 0px 3px 15px;    
  width:185px;
  background:transparent url(../img/bg-square-gray.gif) no-repeat scroll 5px 50%;
  text-transform:uppercase;
}

/**** Level 1 ***/
.second-navigation .level1 a:hover,
.second-navigation .level1 .current_page a { text-decoration: none; }

/**** Level 2 ***/
.second-navigation .level1 .level2 a 
{
	color: #222222; 
	font-weight: normal;  
	padding: 3px 0px 3px 25px;  
	background:transparent url(../img/bg-second-nav-arrow.gif) no-repeat scroll 15px 50%; 
	text-transform:none;
}
.second-navigation .level1 .level2 a:hover,
.second-navigation .level1 .level2 .current_page a { color: #fcb316; text-decoration: none; }

/**** Level 3 ***/
.second-navigation .level1 .level2 .level3 a 
{
	color: #222222; 
	font-weight: normal;  
	padding: 3px 0px 3px 35px;  
	/*background:transparent url(../img/bg-second-nav-arrow.gif) no-repeat scroll 15px 50%; */
	background:none;
	text-transform:none;
}
.second-navigation .level1 .level2 .level3 a:hover,
.second-navigation .level1 .level2 .level3 .current_page a { color: #222222; text-decoration: underline; }


/* **************************************************************** */
/* Banner Top Frontpage                                             */
/* **************************************************************** */

#banner { 
  position: absolute;
  top: 121px;
  left: 250px;
  width: 703px;
  height: 119px;
}
#banner ul { list-style: none; padding: 0; margin: 0; }
#banner li { display: inline; padding: 0; margin: 0; }

#three-col-sub #banner { top: 167px; }
#two-col-sub #banner { top: 167px; }

/* **************************************************************** */
/* Footer                                                           */
/* **************************************************************** */

#footer {
  position: relative;
  height: 133px;
  margin: 1px auto 0 auto;
  background: url(../img/bg-footer.gif) no-repeat 0% 0%; 
}

#footer .content {
  position: absolute;
  top: 24px;
  left: 180px;
  font-size: .9em;
  color: #656565;
  text-align: left;
}

.webmaster { position:absolute; right:20px; top:91px; }

#footer .content .org { font-weight: bold; }
#footer .content a { color: #656565; }


/* **************************************************************** */
/* Footer  upper                                                    */
/* **************************************************************** */

#footer-upper {
  position: relative;
  height: 105px;
  margin: 0 auto 0 auto;
  background: url(../img/bg-footer-upper2.gif) no-repeat 0% 0%; 
}

#footer-upper .padding {
  position: relative;
  font-size: .9em;
  color: #656565;
  text-align: left;
  margin-left:250px;
}

#footer-upper ul { float: left; margin: 0;  padding: 0; }
#footer-upper li { float: left; display:inline; list-style: none; padding: 0px 12px 0px 0px;  background:none;}
#footer-upper li.last { padding: 0px 0px 0px 0px; }
#footer-upper li a { float: left; font-size: .9em; color: #0168b3; }

/* **************************************************************** */
/* Extra Settings                                                   */
/* **************************************************************** */

.no-disp { display: none; }

a.more {
  float: left; 
  padding-left: 15px;
  margin-top: 10px;
  background: url(../img/bg-orange-arrow.gif) no-repeat 0% 50%; 
}

.lastchange { position:absolute; bottom:10px; left:15px; color:green; float:left;}

/* **************************************************************** */
/* bottom element decoration                                        */
/* **************************************************************** */


#bottom-deco {  float:left; left:10px; width:201px; height:132px; margin-top:10px; }

#three-col-home #bottom-deco { float:none; position:absolute; bottom:20px; left:10px; }

#bottom-deco h4, #bottom-deco ol { display:none; }

.blue #bottom-deco { background: url(../img/bg-forvarnir-blue.gif) no-repeat 0% 0%;  }
.purple #bottom-deco { background: url(../img/bg-forvarnir-purple.gif) no-repeat 0% 0%;  }
.pink #bottom-deco { background: url(../img/bg-forvarnir-pink.gif) no-repeat 0% 0%;  }