/*
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: 0.75em;
width: 83em;
}

#Logo
{
height: 3.5833em;
left: 58.75em;
left: 48.75em;
position: absolute;
top: 0.9167em;
width: 24.25em;
}

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

#NamingArea img
{
position:absolute;
height: 3.0833333em;
width:13.3333em;
top: 0.9167em;
left:0.9167em;
}

#PageNavigation,
.PageNavigation
{
display: none;
}


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

#Disclaimer
{
text-align:right;
position:absolute;
top:42em;
left:74.562em;
width:200px;
font-size: 0.74em;
padding: 0.5625em 0;
z-index:100;
}

#Disclaimer ul
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#Disclaimer li
{
display: inline;
}

#Disclaimer a
{
color: #666666;
display: block;
text-decoration: none;
padding-left:0.1em;
padding-top:0.2em;
*width: 100%;
}

#Disclaimer a:hover
{
text-decoration:underline;
}





/*=========================================================
START - MetaNavigation (AKA Search Links, Login, Contact - Links below the BCS Logo)
=========================================================*/

/* 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:75em;
position: absolute;
top: 5em;
width: 21.3333em;
text-align:right;
}

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

#MetaNavigation li
{
display: inline;
}

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

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

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

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

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

/*=========================================================
FINISH - MetaNavigation (AKA Search Links, Login, Contact - Links below the BCS Logo)
=========================================================*/


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

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

/*body placement*/
#Content
{
padding-top: 0.0833em;
position: absolute;
left:1em;
top: 5em;
width: 71.916666em;
}

#Column1, #Column2
{
overflow: hidden;
}




}