/*********************
 ** Standard styles **
 *********************/
html, body, form
{
 height: 100%;
 width: 100%;
}
body
{
 font-family: Arial;
 font-size: 10pt;
 color: #666666;
}
.fontsize1
{
 font-size: 10pt;
}
.fontsize2
{
 font-size: 12pt;
}
.fontsize3
{
 font-size: 14pt;
}
p, h1, h2, h3, h4, h, h6
{
 margin-bottom: 10px;
}
h1
{
 font-size: 18pt;
 color: #ff6600;
}
h2
{
 font-size: 13pt;
 color: #ff6600;
 margin-top: 5px;
 margin-bottom: 0;
}
h3
{
 color: #ff6600;
}
.fontsize1 h1
{
 font-size: 18pt;
}
.fontsize2 h1
{
 font-size: 20pt;
}
.fontsize3 h1
{
 font-size: 22pt;
}
/******************
 ** Container(s) **
 ******************/
div#dContainer
{
 width: 982px;
 height: 100%;
 margin-left: auto;
 margin-right: auto;
 position: relative;
}
div#dTopContainer
{
 width: 100%;
 float: left;
 clear: both;
    position: relative;
 right: 260px;
 padding: 0;
}
div#dRightColumnContainer
{
 float: left;
 width: 100%;
 height: 150px;
 position: relative;
 background-image: url(images/menu_background.png);
 background-position: top left;
 background-repeat: repeat-y;
}
div#dLeftMenuContainer
{
 float: left;
 width: 100%;
    position: relative;
 right: 475px;
}
div#dRandomImageContainer
{
 position: relative;
 width: 236px;
 height: 230px;
 float: left;
 left: 260px;
}
/***************
 ** Main menu **
 ***************/
div#dLeftMenu
{
 padding-top: 10px;
 padding-bottom: 10px;
 width: 235px;
 min-height: 250px;
 text-align: right;
 position: relative;
 left: 740px;
 margin-left: -5px;
 /* Set the z-index of the main menu higher, so that the submenu can go over the content,
  * otherwise the submenu shows underneath the content */
 z-index: 8;
}
div#dLeftMenu img, div#dLeftMenu ul
{
 margin-right: 30px;
}
div#dLeftMenu ul
{
 font-size: 15pt;
 text-align: right;
 margin-top: 30px;
 list-style-type: none;
}
div#dLeftMenu ul li
{
 padding-top: 3px;
 padding-bottom: 3px;
}
div#dLeftMenu ul li a
{
 color: #5b3664;
 text-decoration: none;
 /* Make it display:block, so that the a gets 100% width, 
    which makes it also possible to get the hover effect left of the actual text 
    (does not work properly in IE, see ie.css). */
 display: block;
 /* Set height, some browsers (IE..) don't handle display:block properly if no height is set */
 min-height: 18px;
 margin-right: -30px;
 padding-right: 30px;
 margin-left: -5px;
 padding-top: 3px;
 margin-top: -3px;
 padding-bottom: 3px;
 margin-bottom: -3px;
}
div#dLeftMenu ul li a.active
{
 color: White;
}
div#dLeftMenu ul li a:hover
{
 background-color: White;
 color: #5C3665;
}
div#dLeftMenu ul li a.active:hover
{
 color: #5C3665;
}
div#dLeftMenu ul li ul
{
 font-size: 13pt;
 list-style-type: none;
 margin: 0;
 margin-top: 5px;
}
div#dLeftMenu ul li ul li a
{
 color: #866b8d;
}
div#dLeftMenu ul li ul li a.active
{
 color: #5b3664;
}
div#dLeftMenu ul.rollover
{
 font-size: 11pt;
 position: absolute;
 left: 235px;
 background-color: #ffffff;
 width: 200px;
 margin-top: -23px;
 background-image: url(shadow.png);
 background-repeat: repeat;
 background-position: right bottom;
 background-color: transparent;
 padding-bottom: 8px;
 padding-right: 8px;
 z-index: 9;
}
div#dLeftMenu ul.rollover li
{
 border-bottom: 1px solid #e1dae2;
 color: #5b3664;
 text-align: left;
 background-color: #ffffff;
 padding-left: 10px;
}
div#dLeftMenu ul.rollover li a
{
 color: #5b3664;
 margin-right: 0;
 margin-left: -10px;
 padding-left: 10px;
}
div#dLeftMenu ul.rollover li a:hover
{
 background-color: #eeebef;
}
div#dLeftMenu ul.rollover li ul.rollover
{
 margin-top: -23px;
 left: 201px;
 padding-top: 1px;
}
div#dLeftMenu ul.rollover li ul.rollover li
{
 background-color: #eeebef;
 border-bottom: 1px solid #ffffff;
}
div#dLeftMenu ul.rollover li ul.rollover li a:hover
{
 color: #fe6e0f;
}
div#dLeftMenu ul.rollover li ul.rollover li ul
{
 display: none;
}
/*************
 ** Content **
 *************/
div#dLeftMenu, div#dContent, div#dRight
{
 float: left;
 height: 100%;
}
div#dTopMenuContainer
{
 float: left;
 position: relative;
 width: 440px;
 left: 760px;
 margin-top: 10px;
 padding-left: 8px;
}
div#dContent
{
 width: 440px;
 padding: 10px;
 position: relative;
 left: 760px;
 margin-bottom: -230px;
 word-wrap: break-word;
 /* Set this min-height, so that the rightblock stays in position */
 min-height: 215px;
 z-index: 1;
}
div#dContent a
{
 color: #666666;
}
div#dContent div#dArticleLinksContainer a.mail img
{
 margin-bottom: -5px;
}
div#dContent a:hover
{
 color: #FF6600;
}
div#dTopMenuContainer ul
{
 list-style-type: none;
 display: block;
 width: 100%;
 height: 20px;
 color: #5b3664;
 font-family: Verdana;
 margin-top: 20px;
 margin-bottom: 30px;
}
div#dCrumbTrail
{
 padding-top: 3px;
}
div#dTopMenuContainer div#dCrumbTrail ul
{
 margin-bottom: 30px;
 margin-top: 0;
}
div#dTopMenuContainer div#dCrumbTrail ul li a
{
 color: #808080;
}

div#dTopMenuContainer div#dCrumbTrail ul li
{
 background-image: url(images/bullet.gif);
 background-position: left 5px;
 background-repeat: no-repeat;
 padding-left: 15px;
}
div#dTopMenuContainer div#dCrumbTrail ul li#liCrumbTrailText
{
 background-image: none;
 padding-left: 0;
}
div#dTopMenuContainer ul li
{
 float: left;
 margin-right: 10px;
}
div#dTopMenuContainer ul li a
{
 font-family: Verdana;
}
div#dTopMenuContainer ul li a
{
 color: #5b3664;
}
div#dTopMenuContainer ul li a:hover, div#dTopMenuContainer div#dCrumbTrail ul li a:hover, div#dTopMenuContainer ul li a.active
{
 color: #ff6600;
}
div#dTopMenuContainer ul li a
{
 text-decoration: none;
}
div#dArticleLinksContainer
{
 float: right;
 width: 100%;
 text-align: right;
 margin-bottom: 10px;
}
div#dArticleLinksContainer a
{
 padding-left: 10px;
}
div#tmTopMenu
{
 padding-top: 10px;
}
div#dIntro
{
 font-weight: bold;
 margin-bottom: 10px;
}
div#dContent div#dArticleLinksContainer a
{
 text-decoration: none;
 color: #808080;
}
div#dContent div#dArticleLinksContainer a:hover
{
 color: #ff6600;
}
div#dContent div#dArticleLinksContainer a img
{
 margin-right: 5px;
}
table#tResults
{
 margin-top: 15px;
 table-layout: fixed;
 width: 100%;
}
table#tResults th.ext
{
 width: 17px;
}
table#tResults th, table#tResults td
{
 overflow: hidden;
 white-space: nowrap;
 height: 18px;
}
div#dContacts ul
{
 list-style-image: url(images/bullet_orange.png);
 margin-left: 15px;
}
div#dContacts ul li a
{
 font-weight: bold;
 text-decoration: none;
 color: #666666;
}
div#dContacts ul li a:hover
{
 color: #FF6600;
}
/*****************
 ** Right block **
 *****************/
div#dRight
{
 width: 240px;
 height: 100%;
 margin-left: 20px;
 position: relative;
 left: 750px;
 margin-top: -143px;
}
div#dSearch, div#dFontSizes
{
 float: left;
 margin-top: 39px;
 height: 20px;
}
div#dSearch
{
 width: 153px;
 margin-left: 8px;
}
input#tbSearch, input#bSearch, div#dFontSizes
{
 float: left;
}
input#tbSearch
{
 font-family: Arial;
 font-size: 8pt;
 height: 14px;
 padding: 1px;
 border: 1px inset #858585;
}
input#bSearch
{
 background-image: url(images/button.png);
 border: 1px solid #bebebe;
 width: 19px;
 height: 18px;
 margin-left: -2px;
}
div#dBanner
{
 margin-top: 20px;
 min-height: 150px;
 width: 243px;
 color: #ffffff;
 float: left;
 background-repeat: repeat-y;
}
div#dBanner h1, div#dBanner h2, div#dBanner h3, div#dBanner a
{
 color: #ffffff;
}
div#dBanner h1, div#dBanner h2, div#dBanner h3, div#dBanner h4
{
 margin-bottom: 10px;
 line-height: 100%;
}
div#dBanner a
{
 text-decoration: underline;
}
div#dFontSizes
{
 margin-left: 10px;
}
div#dFontSizes a
{
 color: #5b3664;
 text-decoration: none;
 font-weight: bold;
 margin-left: 3px;
}
div#dFontSizes a:hover
{
 color: #ff6600;
}
div#dExtraContentContainer
{
 float: left;
 clear: both;
 border-bottom: 1px dotted #7F4B8C;
 border-top: 1px dotted #7F4B8C;
 padding-top: 10px;
 padding-bottom: 10px;
 margin-top: 30px;
 width: 250px;
 margin-left: 8px;
}
div#dExtraContentContainer h3
{
 padding-bottom: 5px;
 color: #5B3664;
 font-size: 13pt;
}
div#dExtraContentContainer h4
{
 color: #7F4B8C;
 margin-bottom: 2px;
}
div#dExtraContentContainer span
{
 display: block;
}
/*************
 ** Banners **
 *************/
span#sLeft, span#sTop, span#sBottom, span#sRight, div#tfBannerContent
{
 display: block;
 float: left;
}
span#sLeft
{
 width: 21px;
 height: 100%;
}
span#sTop
{
 width: 222px;
 height: 21px;
}
span#sBottom
{
 width: 21px;
 height: 4px;
 clear: left;
 margin-top: -12px;
}
.fontsize2 span#sBottom
{
 margin-top: -14px;
}
.fontsize3 span#sBottom
{
 margin-top: -16px;
}
span#sTop img
{
 float: right;
}
span#sRight
{
 float: right;
 height: 4px;
 margin-top: -12px;
}
.fontsize2 span#sRight
{
 margin-top: -14px;
}
.fontsize3 span#sRight
{
 margin-top: -16px;
}
div#tfBannerContent
{
 clear: right;
 width: 200px;
 min-height: 150px;
 margin-left: 5px;
 line-height: 115%;
 padding-bottom: 10px;
}
div.lightgreen
{
 background-color: #cbcb30;
 background-image: url(images/banners/lightgreen/edge_left.png);
}
div.lightgreen span#sTop
{
 background-image: url(images/banners/lightgreen/edge_top.png);
}
div.darkgreen
{
 background-color: #979120;
 background-image: url(images/banners/darkgreen/edge_left.png);
}
div.darkgreen span#sTop
{
 background-image: url(images/banners/darkgreen/edge_top.png);
}
div.red
{
 background-color: #bc1115;
 background-image: url(images/banners/red/edge_left.png);
}
div.red span#sTop
{
 background-image: url(images/banners/red/edge_top.png);
}
div.purple
{
 background-color: #5b3664;
 background-image: url(images/banners/purple/edge_left.png);
}
div.purple span#sTop
{
 background-image: url(images/banners/purple/edge_top.png);
}
div.darkorange
{
 background-color: #bd5900;
 background-image: url(images/banners/darkorange/edge_left.png);
}
div.darkorange span#sTop
{
 background-image: url(images/banners/darkorange/edge_top.png);
}
div.lightorange
{
 background-color: #ff7e00;
 background-image: url(images/banners/lightorange/edge_left.png);
}
div.lightorange span#sTop
{
 background-image: url(images/banners/lightorange/edge_top.png);
}
/************
 ** Footer **
 ************/
div#tmFooterMenu
{
 background-color: #dbdbdb;
 height: 20px;
 width: 100%;
 font-size: 90%;
 color: #666666;
 float: left;
 clear: both;
}
div#tmFooterMenu img
{
 margin-top: -230px;
 margin-bottom: 11px;
}
div#tmFooterMenu ul
{
 list-style-type: none;
 margin-top: 3px;
 float: right;
}
div#tmFooterMenu ul li
{
 float: left;
 padding-right: 10px;
 margin-left: 10px;
 border-right: 1px solid #666666;
}
div#tmFooterMenu ul li.lastitem
{
 border: none;
}
div#tmFooterMenu ul li a
{
 text-decoration: none;
 color: #666666;
}
div#tmFooterMenu ul li a:hover
{
 text-decoration: underline;
}
/********************
 ** Search results **
 ********************/
h2#hSearchedFor
{
 color: #666666;
}
h2#hSearchedFor span#sEnteredSearchKeyWords
{
 color: #ff6600;
}
div#dResultsInformation
{
 margin-top: 10px;
 width: 100%;
 border-bottom: 1px dotted #666666;
 padding-bottom: 5px;
 margin-bottom: 10px;
}
div#dContent div#dSearchResults span#pResultIntro
{
 margin-bottom: 10px;
 display: block;
}
div#dContent div#dSearchResults h3
{
 margin: 0;
}
div#dContent div#dSearchResults h3 a
{
 text-decoration: none;
 color: #ff6600;
}
div#dContent div#dSearchResults h3 a:hover
{
 color: #666666;
}