/*
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: #1E581F;
text-decoration: none;
}


a:visited
{
color: #3F9947;
}

a:hover
{
text-decoration: underline;
color: #00CC00;
}


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: .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;
}

/* 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;
}


/* 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;
}





/*-------------------------------------------------------------*/

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


#SubNavigationContainer h6
{
color: #FFFFFF;
font-size: 9pt;
margin: 0;
padding-left:0.83333em;
}

#SubNavigationContainer form
{
margin: 0;
padding: 0;
}

#SubNavigationContainer select
{
height: 1.9em;
width: 10em;
}

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



/*--------------------------------*/
/**/
/*SITE LOCATOR*/
/**/
/*--------------------------------*/

#SiteLocator
{
background-color: #CCEECC;
border-color: #FFFFFF;
border-style: solid;
border-width: 0.1667em 0.0833em 0 0;
}

#SiteLocator h6
{
background-color: #339933;
}

#SiteLocator ul 
{
list-style-type: block;
margin: 0;
padding: 0;
}

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

#SiteLocator li li a
{
background-image: url(../files/icons/$File/arrow.gif);
background-repeat: no-repeat;
background-position: 2em 0.4583em;
padding-left: 3em;
}

#SiteLocator li li li a
{
padding-left: 4em;
}


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

#IntranetLinks
{
background-color: #CCEECC;
border-color: #FFFFFF;
border-style: solid;
border-width: 0.1667em 0.0833em 0 0;
color: #339933;
font-weight: bold;
}

#IntranetLinks h6
{
background-color: #339933;
}

#IntranetLinks ul
{
list-style-type: none;
margin: 0;
padding: 0 0 0.5625em 0;
}

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

#IntranetLinks a
{
border: 0.0833em solid #FFFFFF;
display: block;
text-decoration: none;
padding: 0 0.5625em;
*width: 100%;
}


/*--------------------------------*/
/**/
/*INTERNET LINKS*/
/**/
/*--------------------------------*/


#InternetLinks
{
border-bottom:1px solid #CCCCCC;
color: #666666;
font-weight: bold;
font-family:arial;
}

#InternetLinks select
{
fon-family:sans-serif;
font-size:8pt;
}

#InternetLinks h6
{
font-size:9pt;
border-bottom:1px solid #CCCCCC;
background-color: #FFFFFF;
color:#339933;
padding-left:0.1em;
}

#InternetLinks a, #InternetLinks a:hover
{
color:#339933;
text-decoration:none;
font-family:arial;
padding:0.1em;

}

#InternetLinks ul
{
line-height: normal;
list-style-type: none;
margin:0;
padding:0;
padding-top:0.3em;
}

#InternetLinks li
{
padding-bottom:0.3em;
}




/*--------------------------------*/
/**/
/*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-left:0.1em;
padding-top: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.3333em;
padding-top: 0.0833em;
position: absolute;
top: 17.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}




#Column1, #PageDiscussion
{
clear: left;
float: left;
padding: 1.8333em 2.5em;
width: 45.5em;
}

/* Resize width to compensate for box model of IE6. */
#Column1, #PageDiscussion
{
*width: 50.5em;
}

#Column1 h2
{
color: #095972;
margin-top: 1em;
}

#Column2
{
background-color: #C6D3D6;
border: 1.25em #E7EFEF solid;
border-right-width: .833333em;
border-top:0;
min-height: 100%;
width: 16.25em;
*width: 18.3333em;
position:absolute;
top:-0.83333em;
left:51.3333em;

color: #1E581F;

}

#Col2Section1
{
padding:0.833333em;
overflow:hidden;
}

#Col2Section2
{
padding:0.833333em;
overflow:hidden;
}

#Col2Section3
{
padding:0.833333em;
overflow:hidden;
}

#Col2Section4
{
padding:0.833333em;
overflow:hidden;
}

#Col2Seperator img
{
width:16.25em;
height:3.75em;
border:0;
}

}