/* CSS Document */

body, html {
margin:0px;
padding:0px;
background-image:url(../GRAPHICS/page-bkgd.gif);
}

h1 {
color:#276dc1;
text-transform:uppercase;
font-size:18px;
}

img {
position:relative;
margin:0px;
padding:0px;
display:block;
clear:both;
}

*html img {
display:block;
} 

#page {
position:relative;
margin-left:auto;
margin-right:auto;
width:710px;
background-color:#f3f3f3;
border:1px solid #B6B7B6;
border-bottom:none;
} 

#header {
position:relative;
float:left;
width:710px;
background-image:url(../GRAPHICS/page-header.gif);
height:80px;
z-index:9;
}

#header img#logo {
position:absolute;
z-index:9;
}

#menu {
position:relative;
float:left;
width:710px;
background-image:url(../GRAPHICS/page-menu-bkgd.gif);
height:26px;
z-index:3;
}

#content {
position:relative;
float:left;
width:710px;
padding-bottom:50px;
background-image:url(../GRAPHICS/page-content-bkgd.gif);
background-repeat:repeat-x;
background-color:#5F5F5F;
min-height:468px;
height:auto !important;
height:468px;
color:#393939;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:20px;
z-index:2;
}

#right-column {
position:relative;
float:right;
width:483px;
top:30px;
margin-left:15px;
margin-right:10px;
}

#right-column #copy {
position:relative;
float:left;
background-image:url(../GRAPHICS/right-column-copy-mid.gif);
background-repeat:repeat-y;
width:443px;
min-height:221px;
height:auto !important;
height:221px;
padding-left:20px;
padding-right:20px;
}

#right-column #copyL2 {
position:relative;
float:left;
background-image:url(../GRAPHICS/right-column-copy-mid.gif);
background-repeat:repeat-y;
width:441px;
height:456px;
overflow:auto;
padding-left:20px;
padding-right:20px;
z-index:1;
}


#right-column-album {
position:relative;
float:right;
width:690px;
top:30px;
margin-left:15px;
margin-right:10px;
}

#right-column-album #copy {
position:relative;
float:left;
background-image:url(../GRAPHICS/right-column-copy-album-mid.gif);
background-repeat:repeat-y;
width:660px;
min-height:221px;
height:auto !important;
height:221px;
padding-left:20px;
padding-right:20px;
}

#content #right-column #copyL2 #nobullet {
	list-style-type:none;
}


#left-column {
position:relative;
float:right;
width:189px;
top:30px;
}

#left-column #copy {
position:relative;
float:left;
background-image:url(../GRAPHICS/left-column-copy-mid.gif);
background-repeat:repeat-y;
width:177px;
min-width:177px;
padding-right:10px;
margin:0px;
font-size:10px;
color:#276dc1;
line-height:12px;
}

#left-column #copy ul {
padding:0px;
margin:0px;
margin-left:30px;
}

#left-column #copy li {
list-style-image:url(../GRAPHICS/bullet.gif);
padding-bottom:1.5px;
}

span.grey {
color:#393939;
}

#footer {
position:relative;
float:left;
width:710px;
background-image:url(../GRAPHICS/page-footer-bkgd.gif);
background-repeat:repeat-x;
height:27px
}

ul#nav {
	    position:absolute;
	    width: 260px;
	    height:33px;
	    margin: 0px;
	    padding: 0px;
		background-image:url(../GRAPHICS/header-nav2.gif);
		top:45px;
		left:234px;
	}

	#nav li ul, #nav li ul {
		margin: 0px;
		padding: 0px;
	}

	#nav a {
		text-decoration: none;
	}

	#nav li { /*float the main list items*/
	    position:relative;
		float: left;
		display: block;
		top:0px;
	}
	
	#nav li span {
		display: none;
	}

	#nav ul,
	#nav ul li ul li a {
		display: none;
	}

	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
	    position:absolute;
	    float:none;
        width:125px;
		background: #f2f2f2;
		border:1px solid #a5a3a4;
		top:33px;
		z-index:99;
    }
	
	#nav li ul li ul { /* third-and-above-level lists */
	   position:relative;
	   margin-top:-34px;
	   margin-left:125px;
	   width:125px;
	   height:auto;
	   top:0px;
	}
	
	*html #nav li ul li ul { /* third-and-above-level lists */
	   margin-left:0px;
	}

	#nav li:hover ul ul, #nav li:hover ul ul ul {
       left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul { 
	left: 0px;
	}


	#nav li a {
		display: block;
		padding: 0px;
		margin: 0px;
	}

	#nav li.on a {
		color: #073E74;
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul {
		display: block;
	}


	#li1 a, #li2 a, #li3 a, #li4 a {
		display: block;
		position: relative;
		width: 200px;
		height: 33px;
		background-image:url(../GRAPHICS/header-nav2.gif);
		background-repeat:no-repeat;
		z-index:10;
	}

/*first, put the initial states in place*/

#li1 a {
	background-position: -233px 0px;
	width: 64px;
}

#li2 a {
	background-position: -300px 0px;
	width: 64px;
}

#li3 a {
	background-position: -370px 0px;
	width: 64px;
}

#li4 a {
	background-position: -440px 0px;
	width: 64px;
}


/*hover states*/

#li1 a:hover {
	background-position: -233px -34px;       
	width: 64px;
}

#li2 a:hover {
	background-position: -300px -34px;
	width: 64px;
}

#li3 a:hover {
	background-position: -370px -34px;
	width: 64px;
}

#li4 a:hover {
	background-position: -440px -34px;
	width: 64px;
}



/*subnav formatting*/

#nav li ul a {
    position:relative;
	float:left;
	display: block;
	background: #f2f2f2;
	color: #747689;
	font-family: arial, verdana, sans-serif;
	font-size:11px;
    height:auto;
    padding:5px;
    border-top:none;
	width:115px;
	left:0px;
}

#nav li ul li ul a {
    position:relative;
	float:left;
	display: block;
	background: #f2f2f2;
	color: #747689;
	font-family: arial, verdana, sans-serif;
	font-size:11px;
    height:auto;
    padding:5px;
    border-top:none;
	width:115px;
	left:0px;
}	

#nav li ul a:hover {
	background: #D3D3D3;
	width:115px;
}	

/* Menu Nav */

ul#nav2 {
	    position:relative;
	    width: 679px;
	    height:18px;
	    margin: 0px;
	    padding: 0px;
		top:0px;
		padding-left:31px;
		background-image:url(../GRAPHICS/menu-bkgd.gif);
		background-repeat:repeat-x;
	}

	#nav2 li ul, #nav2 li ul {
		margin: 0px;
		padding: 0px;
	}

	#nav2 a {
		text-decoration: none;
	}

	#nav2 li { /*float the main list items*/
	    position:relative;
		float: left;
		display: block;
		top:0px;
	}
	
	#nav2 li span {
		display: none;
	}

	#nav2 li ul {
		display: none;
	}

	#nav2 li.off ul, #nav2 li.on ul  { /*put the subnav below*/
	    position:absolute;
	    float:none;
        width:125px;
		left:-31px;
		z-index:999;
    }

	#nav2 li a {
		display: block;
		padding: 0px;
		margin: 0px;
		position:relative;
		z-index:1;
	}


	#nav2 li.on a {
		color: #073E74;
	}

	#nav2 li.on ul {
		display: block;
	}

	#nav2 li.off:hover ul {
		display: block;
	}


	#lia a, #lib a, #lic a, #lid a, #lie a, #lif a, #lig a, #lih a, #lii a {
		display: block;
		position: relative;
		width: 680px;
		height: 18px;
		background-image:url(../GRAPHICS/menu-nav.gif);
		background-repeat:no-repeat;
		z-index:1000;
	}

/*first, put the initial states in place*/

#lia a {
	background-position: -30px 0px;
	width: 76px;
}

#lia a:hover {
	background-position: -30px -18px;       
	width: 76px;
}

#lib a {
	background-position: -106px 0px;
	width: 53px;
}

#lib a:hover {
	background-position: -106px -18px;       
	width: 53px;
}

#lic a {
	background-position: -160px 0px;
	width: 74px;
}

#lic a:hover {
	background-position: -160px -18px;       
	width: 74px;
}

#lid a {
	background-position: -234px 0px;
	width: 55px;
}

#lid a:hover {
	background-position: -234px -18px;       
	width: 55px;
}

#lie a {
	background-position: -289px 0px;
	width: 97px;
}

#lie a:hover {
	background-position: -289px -18px;       
	width: 97px;
}

#lif a {
	background-position: -386px 0px;
	width: 78px;
}

#lif a:hover {
	background-position: -386px -18px;       
	width: 78px;
}

#lig a {
	background-position: -464px 0px;
	width: 83px;
}

#lig a:hover {
	background-position: -464px -18px;       
	width: 83px;
}

#lih a {
	background-position: -547px 0px;
	width: 45px;
}

#lih a:hover {
	background-position: -547px -18px;       
	width: 45px;
}

#lii a {
	background-position: -592px 0px;
	width: 45px;
}

#lii a:hover {
	background-position: -592px -18px;       
	width: 45px;
}

/*subnav formatting*/

#nav2 li ul a {
    position:relative;
	float:left;
	display: block;
	background: #f2f2f2;
	color: #747689;
	font-family: arial, verdana, sans-serif;
	font-size:11px;
    height:auto;
    padding:5px;
    border-top:none;
	width:115px;
	left:30px;
}	

#nav2 li ul a:hover {
	background: #D3D3D3;
	width:115px;
}	

#norskie {
	height:400px;
	overflow:auto;
	text-align:center;
	}