/* layout top-level*/
#viewport  {   
    position:absolute; left:0; right:0;
    width:100%;     min-width:1030px;
    overflow:hidden;
}
div#mainWrapper {
    width: 998px;
    margin:0px auto; /* horizontal centering */
    background-color: #FFFFFF;
    padding: 0px 16px 0px;
    border-bottom: 5px solid #D9D9D9;
}

/* Ads structure and basic formating */
div#viewportAds {
    margin: 0 auto; padding: 0px 16px 8px;
    overflow: visible; line-height: 0;
    position: relative; z-index: 2000;
    width: 998px;  height: 150px;
    background-color: #FFFFFF;
}
 .adOuterLeft, .adOuterRight  {    height: 1000px;   position: absolute; top:0; }
 .adOuterLeft {left: -90px; text-align: right; width: 90px; }
 .adOuterRight {left: 1030px; text-align: left; width: 180px;  }

#viewportAds .adTopLeft.w1030 { margin:0 0 6px -16px; }

div#rightAds div.oasAdWrapper div, div#viewportAds div { overflow:visible; }
div#rightAds {    width: 186px;    float: right;    border-left: 1px solid #E6E6E6; margin-top:16px; }
div#rightBorderW {    padding-left: 6px;}

a.adLink {    height: 12px;    line-height: 10px;}
a.adLink img {    border: 0px;}

div.adWrapper, #rightAds .oasAdWrapper, #functionWrapper .oasAdWrapper, #hypeWrapper .oasAdWrapper {
    margin-bottom:16px;
}
div#adSmall3, div#adMiddle, div#adMiddle1, div#adMiddle2, div#adMiddleLow {
    margin-bottom:16px;
    border-top: 1px solid #E6E6E6;
}
div#adSmall3 div.left{    width: 158px; }
div#adSmall3 div.right{    width: 152px; }

.tickerAd { left:-9999px; position:absolute; }

div#TBarAdWrapper { clear:both; display:none; width:1030px; height:90px;
    margin-bottom:8px; overflow:visible;
    position:relative; left:-17px; top:10px;
}


/**
 * Layout news
 */
div#contentW {      width: 810px;     float: left;  }
div#contentList {   width: 810px;     float: left;  }

div#content {	padding-right: 7px;    float: left; }

#lastStoryW { width: 100%; float: left; clear: both; }
#topGroup-1, #middleGroup-9 { float: left; clear: both; }
#topGroup-1 div.bigStory, #middleGroup-9 div.bigStory {    margin-top: 0;  }

#topGroup-1 div.Bred, #middleGroup-9 div.Bred {      width: 802px;     }
#topGroup-1 div.Smal, #middleGroup-9 div.Smal {      width: 468px;     }
#topGroup-1 div.column-2 div.Smal, #middleGroup-9 div.column-2 div.Smal {      width: 226px;     }
#topGroup-1 div.column-3 div.Smal, #middleGroup-9 div.column-3 div.Smal {      width: 155px;     }
#topGroup-1 div.column-4 div.Smal, #middleGroup-9 div.column-4 div.Smal {      width: 200px;     }

div#articleWrapper, div#miniGrid {	width: 468px;	float: left; }

div#outerWrapper{	width: 326px; border-left: 1px solid #E6E6E6; }
div#functionWrapper {	width: 320px;}

/**
 * Frontpage styles - links and titles
 */
div.frontTitle { overflow: visible; }

div.bigStory div.frontTitle, div.topStory div.frontTitle{
    margin-bottom: 3px;
}

a{
      font-family: Arial, Helvetica,sans-serif;
      line-height: 1.07em;
      color: black;  
}     
a:hover {    color: #3953A4;  }
a.black{ 	
     font-family: "Arial Black", Helvetica, sans-serif;
     letter-spacing: -1px;
}  
   
a.titleXSmall {	font-size: 1.25em; /* 16px basis x 1.25 em = 20px */ }
a.titleSmall {	font-size: 1.625em; /* 26px */ }
 a.titleMedium {	font-size: 2em; /* 32px */ }
a.titleLarge {	font-size: 2.875em; /* 46px */  }
a.titleXLarge {	font-size: 4.25em; /*  68px */ }
a.titleXXLarge {	font-size: 7em; /*  112px */  }

div.frontPagetext a.titleXSmall{	font-size: 1.125em; /* 18 */ }
div.frontPagetext a.titleSmall{	font-size: 1.4375em; /* 23 */ }
div.frontPageimage a.titleSmall{	font-size: 1.4375em; /* 23 */ }

div.runningHead { 	font-size: 0.8em; 	padding-top: 3px;	text-transform: uppercase; }
div.smallStory div.runningHead { font-size: 0.7em; }

/**
 * Frontpage styles - linktext and leadtext
 */
a.linkText {  	color: #0054A6;   }
a.linkText:hover {	color: #3953A4;    }

div.smallStory p.leadText {		font-size: 0.75em;  /*=12px */	}
div.bigStory p.leadText { 		font-size: 0.875em; /*=14px */	}
#functionWrapper p.leadText {		font-size: 0.75em;  /*=12px */	}

p.body { 		font-size: 0.85em; 	}

/**
 * Spacing for news elements
 */
div.bigStory {
	margin-bottom: 16px;
	width: 100%;
}
div.column {
    height: 100%; /* IE6 fix */
    margin-bottom: 16px;
}

div.firstArticle {
	margin-right: 8px;	padding-right: 7px;	border-right: 1px solid #E6E6E6;
	width:	226px;	float:	left;
}

.column-2, .column-3, .column-4  { margin: 4px 0; }
.column-2 .SmallTitle, .column-3 .XSmallTitle, .column-4 .XSmallTitle { float: left;}
.column-2 .SmallTitle { width: 226px;}
.column-3 .XSmallTitle { width: 153px; }
 .column-4 .XSmallTitle { width: 196px; }
.column-2 .art1 { margin: 0 0 0 10px;   }
.column-3 .art1 { margin: 0 4px;   }
.column-4 .art1, .column-4 .art2 { margin: 0 4px;  }

.column-2 .runningHead, .column-3 .runningHead, .column-4 .runningHead,
.column-2 .frontTitle, .column-3 .frontTitle, .column-4 .frontTitle,
.column-2 .leadText, .column-3 .leadText, .column-4 .leadText
{ padding: 0px 0px; }

.column-4 .image img { width: 196px; }
.column-3 .image img { width: 153px; }

/**
* Section - list style main
**/
#contentList #articleWrapper {
    margin-right: 8px;
}
#contentList #articleWrapper div.smallStory {
    padding-top: 8px;
    border-top: 1px solid #CECECE;
    padding-bottom: 4px;
}

#contentList #articleWrapper div.frontTitle{
    margin-bottom: 4px;
}
#contentList #articleWrapper div.smallStory a.titleMedium { font-size: 1.625em; }

#contentList #articleWrapper div.smallStory div.image{
    float: left;
    padding-right: 8px;
}

div.navigationPrevious, div.navigationNext {
    font-size: 0.9em;
    font-weight: bold;
}
div.navigationPrevious { float: left; }
div.navigationNext { float: right; }
/**
* miniGrid specific
**/
#miniGrid h5 {
    font-size: 1em;
    background: #002561;
    font-weight: bold;
    height: 16px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    color: #FFF;
}
div.spacerMiniGrid {   background-position: 0 0px;  }

#miniGrid div#topGroup-1 {
    width: 468px;
    float: left;
    clear: both;
}

div#miniGrid div#topGroup-1 div.Bred{ width: 468px;}

div#miniGrid div#topGroup-2 {
    width: 468px;
    float: left;
}

div#miniGrid div.oasAdWrapper{
    margin-bottom: 12px;
}

div#miniGrid div#middleGroup-1 {    float: left;}
div#miniGrid div#middleGroup-2 {    float: left;}
div#miniGrid p {
    font-weight: normal;
    font-size: 1em;
}
div#miniGrid a.titleLarge {
	font-family: Arial, Helvetica,sans-serif;
	font-size: 2.625em; /* 16x2.625=42px */
	line-height: 1.125em;
	color:black;
}

div#miniGrid div.frontTitle a.black{ 	
     font-family: "Arial Black", Helvetica, sans-serif;
     letter-spacing: -1px;
}

div#miniGrid .Gra4 h2 a, div#miniGrid .MorkGra h2 a, div#miniGrid .Gra5 h2 a,
div#miniGrid .Gra6 h2 a, div#miniGrid .Sort h2 a, div#miniGrid .Mork h2 a,
div#miniGrid .Magenta h2 a, div#miniGrid .Gronn h2 a, div#miniGrid .Sjoko h2 a,
div#miniGrid .Krem h2 a, div#miniGrid .MorkBla h2 a
{ color: #ffffff; }


div#miniGrid p, div#miniGrid div.leadText, div#miniGrid p.body {
	margin-top:5px;
	margin-bottom:0px;
}
div#miniGrid p a.linkText { text-decoration: none; }
div#miniGrid div.runningHead { width: 100%;}

/**
* Winterguide specific - global for reuse beyond section
**/
div.winterInfo {    }
div.winterInfo div.headerWinter h4{	background-color: #00ABE6;   	}
div.winterInfo div.winterElement{ float: left; }
div.winterInfo div.winterElement strong {
    font-weight: bold;
    font-size: 0.9em;
}
div.winterInfo div.winterElement a {
    color: #000099;
    font-size: 0.9em;
}

/**
* Group based layout classes
**/
.full {    width: 468px; }
.half {    width: 226px; }
.third {    width: 320px; }
.slim {     width: 140px; }

.topArticle {
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 7px;
}