/*
SPECIFICATIONS:
- Media type: screen
- Compatibility: IE6, FX1, OP8
- Pixel to em conversion ratios: 1em = 16px, 0.75em = 12px, 0.5625em = 9px
- Top position of navigation arrows: Line height in em - height of arrow in em / 2
*/

@media screen
{

body
{
background-color: #FFFFFF;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

/* Correct IE6 scaling misbehaviour (considering Opera and Safari browsers). */
body
{
font-size: 100.01%;
}

/* Define explicitly font size for tables. */
table
{
font-size: 1em;
}

a
{
color: #05AB05;
text-decoration: underline;
}


a:visited
{
color: #05AB05;
}

a:hover
{
text-decoration: none;
color:#2498CA;
}


a img
{
border: none;
}

/* Define default box model for OP8. */
div
{
box-sizing: content-box;
}

/*
Adjust relative font size to match webguide specification. ATTENTION: ALL WEBSITE'S AND GRAPHICS' DIMENSIONS DEPEND ON THIS FONT SIZE!
Set width to equivalent of 996px, leaving room for scrollbars on screens with a resolution of 1024x768 pixels.
*/
#Container
{
font-size: 0.75em;
width: 83em;
}

#Logo
{
height: 3.5833em;
left: 61.6667em;
position: absolute;
top: 0.9167em;

width: 20.0833em;
}

/*medium green*/
#TopNavigationBackground
{
background-color: #339933;
border-color: #FFFFFF;
border-style: solid;
border-width: 0.0833em 0;
height: 1.5em;
position: absolute;
top: 5.75em;
width: 83em;
z-index: 0;
*z-index: -2;
}

/* Correct height for IE6. */
#TopNavigationBackground
{
*height:1.6666em;
}

#Marker
{
height: 1.5em;
left: 61.6667em;
position: absolute;
width: 21.3333em;
}

/* Adjust font size of h1 tag to ease pixel to em conversion. */
#NamingArea
{
font-size: 1em;
margin: 0;
position: absolute;
top: 0;
}

#NamingArea img
{
height: 5.75em;
width:60.583em;
}

#PageNavigation,
.PageNavigation
{
display: none;
}





/*--------------------------------*/
/**/
/*MAIN NAVIGATION (AKA TOP NAVIGATION)*/
/**/
/*--------------------------------*/

#MainNavigation ul
{
line-height: 1.1667em;
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
}

/* Extend clickable area of links in IE6 and allow positioning of sub menus. */
#MainNavigation li
{
position: relative;
}

#MainNavigation a
{
display: block;
text-decoration: none;
padding: 0.1667em 1em;
}

/*Top navigation - BCS standard green menu color - Must remain 339933*/
#MainNavigation ul.level1
{
background-color:#339933;
border-color: #FFFFFF;
border-style: solid;
border-width: 0.0833em 0 0 0;
top: 5.75em;
z-index: 1;
}

#MainNavigation li.level1
{
float: left;
}

/*white lines white text top nav */
#MainNavigation a.level1
{
border-color: #FFFFFF;
border-style: solid;
border-width: 0 0.0833em 0.0833em 0;
color: #FFFFFF;
font-weight: bold;
}

/* Top navigation - color of a selected menu item*/
#MainNavigation li.active a.level1
{
background-color: #00CC00;
}

/* Key Visual Color Bar
Uncomment this CSS rule if not needed.
#MainNavigation li.active a.level1
{
border-bottom-color: #FF6600;
border-bottom-style: solid;
border-bottom-width: 0.0833em;
} */

/* Top navigation - color of rollover when not selected*/
#MainNavigation > ul > li:hover > a
{
background-color: #00CC00;
color: #FFFFFF;
}

/* Top Navigation - color of rolloever when item is already selected*/
#MainNavigation > ul > li.active:hover > a
{
background-color: #00CC00;
border-bottom-color: #FFFFFF;
color: #FFFFFF;
}

#MainNavigation #Home
{
width: 14.25em;
}

#MainNavigation #Home a
{
padding-left: 2em;
}

#MainNavigation #Home.active
{
color: #339933;
border-color: #FFFFFF;
border-style: solid;
border-width: 0 0.0833em 0.0833em 0;
width: 14.1667em;
}

/* Correct width for IE6. */
#MainNavigation #Home.active
{
*width: 14.25em;
}

#MainNavigation #Home.active a
{
border: none;
visibility: hidden;
}

/*Top navigation - Drop Down background color and bottom line*/
#MainNavigation ul ul
{
background-color: #C8D6D7;
border-bottom: 0.0833em solid #FFFFFF;
left: -0.0833em;
top: 1.5em;
width: 14.25em;
z-index: 1;
}


#MainNavigation ul li.active ul
{
background-color: #C8D6D7;
}

/* Abstract 2nd level menu from 3rd level menu in IE6. */
#MainNavigation ul ul li
{
*float: left;
}

/*drop down box border, lines and text*/
#MainNavigation ul ul a
{
border-color: #FFFFFF;
border-style: solid;
border-width: 0.0833em 0.0833em 0 0.0833em;
color: #000000;
padding-left: 2em;
*width: 100%;
}

/*Top Navigation -
#MainNavigation li.active li:hover > a
{
background-color: #00CC00;
color: #FFFFFF;
}

/*Top Navigation - Drop down background color of currently selected item in menu*/
#MainNavigation ul ul li.active > a
{
background-color: #00CC00;
/*background-image: url(../files/icons/$File/arrow.gif));*/
background-position: 1em 0.4583em;
background-repeat: no-repeat;
color: #FFFFFF;
font-weight: bold;
}

/*Top Navigation - Drop Down color when mouse is over and is currently selected*/
#MainNavigation ul ul li.active:hover > a
{
background-color: #00CC00;
}

/*Top navigation - Drop Down background color roll over color*/
#MainNavigation ul ul li:hover > a
{
background-color: #00CC00;
/*background-image: url(../files/icons/$File/arrow.gif));*/
background-position: 1em 0.4583em;
background-repeat: no-repeat;
color: #FFFFFF;
}

#MainNavigation li.parent > a:after
{
content: "\0020 \2026";
}

/* Hide 2nd level menu. */
#MainNavigation ul.level2
{
display: none;
}

/* Unveil 2nd level menu. */
#MainNavigation > ul > li:hover > ul
{
display: block;
}

#MainNavigation ul ul ul
{
left: 14.1667em;
top: 0;
}

/* Hide 3rd level menu. */
#MainNavigation ul ul ul
{
display: none;
}

/* Unveil 3rd level menu. */
#MainNavigation ul ul li:hover > ul
{
display: block;
}






/*--------------------------------*/
/**/
/*LEFTHAND NAVIGATION*/
/**/
/*--------------------------------*/


/*left Nav position*/
#SubNavigationContainer
{
line-height: 1.9em;
position: absolute;
top: 10.658333em;
top: 10.6em;
width: 14.166667em;
overflow:hidden;
*z-index:-1;
z-index:1;
}



/* Explicit declaration of font-size for IE6 so that the width takes effect. */
#SubNavigationContainer select
{
font-size: 1em;
}

#SubNavigation
{
background-color: #A7BDC3;
border-color: #FFFFFF;
border-style: solid;
border-width: 0.0833em 0.0833em 0 0;
margin-bottom: 0.0em;
}

#SubNavigation ul
{
list-style-type: none;
margin: 0;
padding: 0;
}

/*line color*/
#SubNavigation a
{
border-bottom-color: #FFFFFF;
border-bottom-style: solid;
border-bottom-width: 0.0833em;
color: #000000;
display: block;
line-height: 1.1667em;
padding: 0.1667em 1em 0.1667em 2em;
text-decoration: none;
}

/* Correct width in IE6. */
#SubNavigation a
{
*width: 100%;
}


/*Lefthand navigation menu, when mouse over links*/
#SubNavigation li:hover > a
{
background-color: #00CC00;
/*background-image: url(../files/icons/$File/arrow.gif));
background-position: 1em 0.4583em;
background-repeat: no-repeat;*/
color: #FFFFFF;
}



/*Lefthand Navigation menu, when selected (active)*/
/**/
#SubNavigation li.active > a
{
background-color: #2498CA;
/*background-image: url(../files/icons/$File/arrow.gif));
background-position: 1em 0.4583em;
background-repeat: no-repeat;*/
color: #FFFFFF;
font-weight: bold;
}

#SubNavigation ul ul a
{
padding-left: 3em;
}

/*Lefthand Navigation menu, background color of sub menu items under the top level*/
#SubNavigation ul ul
{
background-color: #C8D6D7;
}


/*Lefthand Navigation menu, when selected and being rolled over*/
#SubNavigation li.active li:hover > a
{
background-color: #00CC00;
background-position: 2em 0.4583em;
background-repeat: no-repeat;
}



#SubNavigation ul ul li.active > a
{
background-color: #2087B4;
/*background-image: url(../files/icons/$File/arrow.gif);
background-position: 2em 0.4583em;
background-repeat: no-repeat;*/
color: #FFFFFF;
}

/*Lefthand Navigation menu, background color of sub sub menu items under the top level*/
#SubNavigation ul ul ul
{
background-color: #E5EFF1;
}

#SubNavigation ul ul ul a
{
padding-left: 4em;
}

#SubNavigation ul ul ul li:hover > a
{
background-position: 3em 0.4583em;
}

#SubNavigation ul ul ul li.active > a
{
background-color: #9EB8D0;
/*background-image: url(../files/icons/$File/arrow.gif);
background-position: 3em 0.4583em;*/
}

#SubNavigation ul ul ul ul a
{
padding-left: 5em;
}

#SubNavigation ul ul ul ul li:hover > a
{
background-position: 4em 0.4583em;
}

#SubNavigation ul ul ul ul li.active > a
{
background-position: 4em 0.4583em;
}




/*--------------------------------*/
/**/
/*INTRANET LINKS*/
/**/
/*--------------------------------*/


#InternetLinks
{
background-color: #EEEEEE;
color: #666666;
font-weight: bold;
position:relative; 
top:-0.0833333em;
width: 14.083333em;
}

#InternetLinks h6
{
background-color: #999999;
}

#InternetLinks ul
{
list-style-type: none;
margin: 0;
padding: 0;
}

#InternetLinks li
{
margin: 0.5625em 1em;
}

/*This is the Internet Links text*/
#SubNavigationContainer h6
{
color: #FFFFFF;
font-size: 9pt;
margin: 0;
padding-left:.833333em;
}

/*This is the Internet Links form*/
#SubNavigationContainer form
{
margin: 0;
padding: 0;
}

/*This is the Internet Links dropdown*/
#SubNavigationContainer select
{
height: 1.9em;
width: 10em;
}



/*--------------------------------*/
/**/
/*DISCLAIMER*/
/**/
/*--------------------------------*/

#Disclaimer
{
font-size: 0.74em;
padding: 0.5625em 0;
}

#Disclaimer ul
{
line-height: normal;
list-style-type: none;
margin: 0;
padding: 0;
}

#Disclaimer a
{
color: #666666;
display: block;
text-decoration: none;
padding: 0 1em 0 2em;
*width: 100%;
}

/* By redefining the font size (1 * 0.75 * 0.75 = 0.5625) 1 em equals to 9 pixels. */
#MetaNavigation
{
color: #999999;
font-size: 0.75em;
left: 88.2222em;
position: absolute;
top: 6em;
width: 21.3333em;
}

#MetaNavigation ul
{
list-style-type: none;
margin: 0;
padding: 0;
}

#MetaNavigation li
{
display: inline;
}

#MetaNavigation li.active a
{
color: #00CC00;
}

#MetaNavigation li:before
{
content: " | ";
}

#MetaNavigation li:first-child:before
{
content: "";
}

#MetaNavigation a
{
color: #999999;
font-weight: bold;
text-decoration: none;
}

#MetaNavigation a:hover
{
color: #00CC00;
}

/*home page*/
#KeyVisual
{
position: absolute;
top: 7.416666667em;
}

#KeyVisual img
{
width: 83em;
height:10em;
}


/*body placement*/
#Content
{
left: 13.33333em;
padding-top: 0.0833em;
position: absolute;
top: 9.166667em;
width: 68.75em;
}

/* Key Visual Color Bar
Uncomment this CSS rule if not needed.
#Content
{
border-top: 0.5em solid #FF6600;
top: 7.4167em;
} */

#Column1, #Column2
{
overflow: hidden;
}

#AriadnePath
{
font-size: 0.9167em;
margin-bottom: 1em;
}


#BottomLine
{
clear:both;
color: #999999;
margin-top: 3.6667em;
padding-top: 0.5625em;
font-size: 0.75em;
}

#BottomLine p:first-child
{
margin-top: 0;
}

#BottomLine img.top{display:block}
#BottomLine img.tellafriend{display:block}
#BottomLine img.print{display:block}
#BottomLine img.commentpage{display:block}
#BottomLine img.bookmark{display:block}


.News .ViewNavigation
{
font-size: 0.9167em;
margin-bottom: 1em;
}

.News ul
{
list-style-type: none;
margin: 0;
padding: 0;
}

.News li
{
border-top: 0.0833em solid #CCEECC;
clear: both;
padding: 0.8333em 0;
}

.News .Thumb
{
float: left;
margin: 0 0.8333em 0 0;
}

.News .Date
{
font-size: 0.9167em;
}

.News .Date a
{
color: #333333;
}

.News h3
{
color: #FF6600;
margin: 0;
}

.News p
{
margin: 0;
}

.News p a
{
color: #333333;
}

.News .more a
{
color: #339933;
}

#SingleNews .Date
{
font-size: 0.9167em;
}

#SingleNews h2
{
margin: 0;
}

#SingleNews h3
{
font-size: 0.9167em;
font-weight: normal;
margin-top: 0;
}

}

/*
SPECIFICATIONS:
- Media type: handheld
- Compatibility: BlackBerry
*/

@media handheld
{

#MainNavigation #Home.active
{
display: none;
}

}