@charset "utf-8";
/* CSS Document */

html, body {margin:0; padding:0; border:0;}

body {
color:#FFF3B2;
background:#08234C url(images/bg_tomaree2.jpg) top no-repeat right;
background-attachment:fixed;
/*background: #65474c;*/
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:90%;
/*text-align:center;*/
margin-top:20px;
}

.strip {
position:absolute;
margin-top: 180px;
margin-left:0;
z-index:10;
}

.clear { clear: both;}

.wide {
background:#003366;
width:100%;
}

.bottom {border-top: 1px solid #999999; position: relative;}

.wrapper1 {
margin:0 auto;
width:900px;
background:#ccc url(images/norskdesign_bg_body.jpg) repeat-y 0;
}

.wrapper {
margin-left:50px;
width: 780px;
text-align:justify;
background:#003366;
filter:alpha(Opacity=80); 
opacity: 0.8;
-moz-opacity: 0.8;
/*background:#fff url(images/bg_wrapper.jpg) repeat-y 0;*/
/*border: 1px solid #CCCCCC;*/
}

.banner_top {
position:absolute;
z-index:-10;
width:100%;
height:200px;
background:#fff url(images/bg_body.jpg) repeat-x 0;
background-position:top;
}

* html .wrapper { /*** IE5.X/win box model fix *****/
width: 782px;
wid\th:780px;
}

.innertube {
padding: 20px;

}

.outer {
position:relative; /*** for IE to show contents outside the parent container ***/
margin-left:150px; /**** critical left col value ***/
width:354px; /*** critical left and right col/divideer dimension value ****/
/* background:#a4a37c;  background center col ***/
/*border-left: 1px solid #CCCCCC; ** critical left divider dimension value ***/
border-right: 1px solid #CCCCCC; /** critical riight divider dimentison value ***/
}

* html .outer { /*** IE5.x/win box model fix ***/
width:356px; /*** critical left and right col/divider dimmension value ***/
wid\th:354px; /*** critical left and rigth col/divider dimension ***/
}

.float-wrap {
float: left;
width: 354px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-right: -1px;   /*** Static fix ***/
}

.center {
float: right;
width: 354px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
/* \*/
margin-left: -1px; 
/* Hidden from IE-mac */
}

.left {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 152px;    /*** Critical left col/divider dimension value ***/
margin-left: -151px;    /*** Critical left col/divider dimension value ***/
/*background-color:#99CC33;*/
}

* html .left {
float:left;
}

*>html .left {width:151px;}   /*** Fix only for IE/Mac ***/

.container-left {
width: 150px;    /*** Critical left col dimension value ***/
padding-bottom: 110px;   /*** To keep content from going underneath the AP bottom boxes ***/ 
}

.right {
float: left; 
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 278px;    /*** Critical right col/divider dimension value ***/
margin-right: -276px;    /*** Critical right col/divider dimension value ***/
margin-left: -1px;   /*** Static fix ***/
}

/* \*/
* html .right {
margin-left: 0px; 
margin-right: -500px; 
mar\gin-right: -278px;
}
/* */


/*
* html .right {
margin-left: 0px;    *** Critical right divider dimension value ***
margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -152px;    *** Critical right col/divider dimension value ***
}
*/


.container-right { 
/* \*/width: 278px;/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
margin-left: 3px;    /*** Critical right divider dimension value ***/
padding-bottom: 100px;   /*** To keep content from going underneath the AP bottom boxes ***/
}

/* \*/
* html .container-right {
fl\oat: right;
margin-left: 2px; 
mar\gin-left: 0px; 
}

/*** Static fixes ***/

/*** Below is the Holly hack, and if IE/Win shows bugs it's a good idea to apply this hack to 
	different elements and see if that fixes the problem. Sometimes it may be necessary 
	to use "position: relative;" on certain elements, but it's hard to tell in advance which 
	elements will need such fixes. Here it prevents IE5/Win from clipping the left ends 
	of the headings. ***/
/* \*/
* html h2 {height: 1%;}
/* */

.h1 {
font-family: arial, sans-serif ;
	color: #CCCC99;
	font-size: 18px;
	font-weight: bold;
	}
	
.h2 {
font-family: arial, sans-serif;
	color: #FFCC66; /*#003366;*/
	font-size: 14px;
	font-weight: bold;
}

.text_column {
color:#FFCC66;
font-size:12px;
}


/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html .left {margin-right: -3px;}
/* */

.footer {
color:#FFCC66;
font-size: x-small;
text-align:center;
padding-top:10px;
padding-bottom:10px;
}


.footer a, .footer a:visited, .footer a:hover{
color:#ffcc66;
text-decoration:underline;
}

.fontfooter {font-size:12px;}

img {border-style: none;}

.box {
width:240px;
margin-left:10px;
height:300px;
background: #C5C8D1;
filter:alpha(Opacity=50); 
opacity: 0.6;
-moz-opacity: 0.6;
overflow:auto;
z-index:10;
}
.box1top { 
  background: url(ne.gif) no-repeat top right; 
}
.box1top div { 
  font-size: 0;
  height: auto; 
  background: url(nw.gif) no-repeat top left; 
}
.box1bottom { 
  background: url(se.gif) no-repeat bottom right; 
}
.box1bottom div { 
  font-size: 0;
  height: auto; 
  background: url(sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 10px 0px 10px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu{
width: 120px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(media/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #FFCC66; /*#A70303;*/
background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 8px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #ffcc66;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #003399;
background-color: #FFF3B2;
}