html {height:101%;}
body {margin:0; padding:0; height:101%; background:#fff none; text-align:center;}

body, td, th, div, p, li, textarea, select, h1, h2, h3, h4, h5, h6 {font:normal 14px/19px arial, verdana, helvetica, sans-serif; color:#333;}

h1, h2, h3, h4, h5, h6 {font-weight:bold; margin:0; border:none;}

h1 {font-size:28px; line-height:31px; padding:0px 0 1px 0; font-weight:normal;}
h2 {font-size:20px; line-height:22px; padding:1px 0 2px 0; font-weight:normal;}
h3 {font-size:18px; line-height:21px; padding:2px 0 2px 0; font-weight:normal;}
h4 {font-size:16px; line-height:19px; padding:2px 0 1px 0;}
h5 {font-size:14px; line-height:16px; padding:13px 0 4px 0;}
h6 {font-size:12px; line-height:15px; padding:11px 0 3px 0;}

a {color:#0942eb; text-decoration:underline;}


/* Start: page */

#page {margin:0 auto; text-align:left; width:980px; min-height:101%;}
* html #page {height:101%;}
*:first-child+html #page {height:101%;}

/* End: page */


/* Start: header */

#header    {position:relative; height:121px; z-index:1;}
#logo      {position:absolute; z-index:2;}

/*
#butterfly {position:absolute; left:786px; top:0px; z-index:4; width:200px; height:97px; background:url(/img/butterfly_off.gif) no-repeat; cursor:default; outline:none;}
#butterfly:hover {background-image:url(/img/butterfly_on.gif);}
*/
#butterflyAnim {position:absolute; z-index:4; left:780px; top:0px; width:200px; height:97px;}

#altLang     {position:absolute; left:662px; top:80px; z-index:3;}
#altLangFlag {position:absolute;}
#altLangText {position:absolute; left:54px; top:3px; font-size:16px; line-height:19px;}

/* End: header */


/* Start: content columns */

#content {}

#leftCol {float:left; width:172px; position:relative; z-index:2; left:0; top:-19px;}
#leftContent {padding-top:26px;}

#middleCol {float:left; padding:0 15px 0 15px; width:578px;}
#title {padding:24px 0 20px 0; text-align:center;}
#mainContent {}
#mainContent ul {list-style:disc; margin:9px 0 14px 40px;}

#rightCol {float:left; width:200px; position:relative; z-index:2; left:0; top:-23px;}
#rightContent {text-align:right;}

/* End: content columns */


/* Start: menu */

#menu .header {height:7px; margin:0 6px 0 0; background:url(/img/menu_corner.png) 0 0 no-repeat;}
#menu .header div {position:relative; left:6px; height:7px; font-size:0; background:url(/img/menu_corner.png) right 0 no-repeat;}
#menu .body {margin:0 6px 0 0; background:url(/img/menu_side.png) 0 0 repeat-y;}
#menu .body .a {position:relative; left:6px; padding-right:6px; background:url(/img/menu_side.png) right 0 repeat-y;}
#menu .body .a .b {width:100%;}
#menu .footer {height:7px; margin:0 6px 0 0; background:url(/img/menu_corner.png) 0 -8px no-repeat;}
#menu .footer div {position:relative; left:6px; height:7px; font-size:0; background:url(/img/menu_corner.png) right -8px no-repeat;}

#menu .house {position:absolute; left:8px; top:-37px; z-index:3; width:49px; height:63px; background:url(/img/house_off.gif) no-repeat;}
#menu .house:hover, #menu .house.on {background-image:url(/img/house_on.gif);}

#menu h2 {position:relative; z-index:1; margin:0; padding:0; height:30px; border-bottom:1px solid #b2b2b2; font-size:19px; line-height:29px; text-align:center;}
#menu ul {margin:0; padding:0; list-style:none;}
#menu ul li {height:23px; font-size:12px; line-height:21px;}
#menu ul li a {display:block; padding-left:9px; border-bottom:1px solid #b2b2b2; height:22px; text-decoration:none; color:#222;}
#menu ul li a.last {border-bottom-width:0;}

#menu h2 span,
#menu h2 span b {display:block; width:160px; height:30px;}

#menu h2 span {position:absolute; left:0; top:0; z-index:2;}
#menu h2.learn span       {background-color:#4bd1fa;}
#menu h2.plans span       {background-color:#77ed5a;}
#menu h2.participate span {background-color:#fff066;}
#menu h2.kids span        {background-color:#ff8cc6;}

#menu.eng h2.learn span b       {background:url(/img/eng/menu_learn_transp.png) 50% 50% no-repeat;}
#menu.eng h2.plans span b       {background:url(/img/eng/menu_plans_transp.png) 50% 50% no-repeat;}
#menu.eng h2.participate span b {background:url(/img/eng/menu_participate_transp.png) 50% 50% no-repeat;}
#menu.eng h2.kids span b        {background:url(/img/eng/menu_kids_transp.png) 50% 50% no-repeat;}

#menu.nor h2.learn span b       {background:url(/img/nor/menu_learn_transp.png) 50% 50% no-repeat;}
#menu.nor h2.plans span b       {background:url(/img/nor/menu_plans_transp.png) 50% 50% no-repeat;}
#menu.nor h2.participate span b {background:url(/img/nor/menu_participate_transp.png) 50% 50% no-repeat;}
#menu.nor h2.kids span b        {background:url(/img/nor/menu_kids_transp.png) 50% 50% no-repeat;}

/* IE6 alpha transparency */
* html #page #menu h2 span b {background-image:none;}
* html #page #menu.eng h2.learn span b       {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/eng/menu_learn_transp.png', sizingMethod='crop');}
* html #page #menu.eng h2.plans span b       {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/eng/menu_plans_transp.png', sizingMethod='crop');}
* html #page #menu.eng h2.participate span b {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/eng/menu_participate_transp.png', sizingMethod='crop');}
* html #page #menu.eng h2.kids span b        {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/eng/menu_kids_transp.png', sizingMethod='crop');}

* html #page #menu.nor h2.learn span b       {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/nor/menu_learn_transp.png', sizingMethod='crop');}
* html #page #menu.nor h2.plans span b       {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/nor/menu_plans_transp.png', sizingMethod='crop');}
* html #page #menu.nor h2.participate span b {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/nor/menu_participate_transp.png', sizingMethod='crop');}
* html #page #menu.nor h2.kids span b        {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/nor/menu_kids_transp.png', sizingMethod='crop');}

/* Accessibility support, for Windows in High Contrast mode (IE, FF) */
body.highContrast #menu h2 span,
body.highContrast #menu h2 span b {display:none;}

#menu ul.home li        {background:#fbfbfb url(/img/bg_gradient_gray.png) 0% 100% repeat-x;}
#menu ul.learn li       {background:#d9f1ff url(/img/bg_gradient_blue.png) 0% 100% repeat-x;}
#menu ul.plans li       {background:#d3fad1 url(/img/bg_gradient_green.png) 0% 100% repeat-x;}
#menu ul.participate li {background:#fffbc2 url(/img/bg_gradient_yellow.png) 0% 100% repeat-x;}
#menu ul.kids li        {background:#ffdbea url(/img/bg_gradient_pink.png) 0% 100% repeat-x;}

#menu ul.home li a {padding-left:52px;}

#menu ul li a:hover,
#menu ul li a.on,
body.home    #menu ul li a.home,
body.about   #menu ul li a.about,
body.team    #menu ul li a.team,
body.museums #menu ul li a.museums,
body.inside  #menu ul li a.inside,
body.events  #menu ul li a.events,
body.membership #menu ul li a.membership,
body.sponsor #menu ul li a.sponsor,
body.survey  #menu ul li a.survey,
body.contact #menu ul li a.contact,
body.board   #menu ul li a.board,
body.gallery #menu ul li a.gallery {background:#fffffe none;}

/* End: menu */


.home #leftContent span {font-size:14px; line-height:16px;}
.home #leftContent .steenstrom {padding-top:2px;}
.home #leftContent .steenstrom a {display:block; padding-top:4px;}
.home #leftContent .steenstrom a img {width:170px; height:22px;}
.home #leftContent .steenstrom span {}

.home #leftContent .norskbarnemuseum {padding-top:17px;}
.home #leftContent .norskbarnemuseum a {display:block; padding:1px 0 1px 0;}
.home #leftContent .norskbarnemuseum a img {width:170px; height:34px;}
.home #leftContent .norskbarnemuseum span {}
.home #leftContent .norskbarnemuseum span.after {display:block; text-align:right; padding-right:24px;}

#garden        {position:relative; width:571px; height:230px;}
#gardenIntro   {position:absolute; left:0;     top:0; width:180px;}
#gardenSunAnim {position:absolute; left:200px; top:30px; width:110px; height:100px;}

/*
#gardenSun     {position:absolute; left:200px; top:30px;}
#gardenKids    {position:absolute; left:310px; top:0;}
#gardenFlowers {position:absolute; left:0;     top:157px;}
*/

.requiredFieldMarker {color:#d00;}
.requiredFieldComment {color:#888;}
.missingField {font-size:13px; line-height:21px; font-style:italic; color:#d00;}

.membershipFormSubheader {font-size:13px; line-height:19px;}
.membershipForm, .surveyForm {padding:14px; border:1px dashed #2f6fab; background-color:#f9f9f9;}
.membershipFormItems div {padding:4px 0 4px 0;}
.membershipFormItems, .membershipFormItems div, .membershipFormItems input {font-size:13px; line-height:16px;}
.membershipSmallItem {font-size:12px; line-height:15px;}

.surveyForm textarea {width:525px;}
.surveyFormItems td {font-size:13px; line-height:16px;}