/* Defines styles for  menus, bread crum etc..*/
#MainMenuBlock ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#MainMenuBlock
{
    margin: 0;
    height: 58px;
    overflow: hidden;
    background-image: url(/Components/Design/Images/menu_dropshadow_long.png);
    background-position: bottom;
    background-repeat: repeat-x;
}


#MainMenuBlock ul li
{
    margin: 0;
    padding: 0;
    border-left: solid 1px White;
    float: left;
    text-align: left;
    width: 160px; /*  height: 53px;*/
}

#MainMenuBlock ul li.first
{
    border-left: 0;
}


#MainMenuBlock ul li a.level0
{
    margin: 0;
    padding: 17px 20px 0px 10px;
    color: White;
    text-decoration: none;
    font-size: 1.2em;
    display: block;
    height: 36px;
    width: 130px;
    background-image: url(  '/Components/Design/Images/menu_button.png' );
    background-repeat: no-repeat;
}
#MainMenuBlock ul li a.selected, #MainMenuBlock ul li a:hover
{
    background-image: url(  '/Components/Design/Images/menu_button_selected.png' );
    background-repeat: no-repeat;
}

/*********************
    MainMenu submenu
*********************/

#MainMenuBlock ul li .subItems
{
    margin: 0px 0px 0px -1px;
    border-right: solid 1px #bde64e;
    border-bottom: solid 1px #bde64e;
    border-left: solid 1px #bde64e;
    padding: 8px 0px 0px 0px;
    background-image: url(  '/Components/Design/Images/MainMenuDropdownDropShadow.png' );
    background-repeat: repeat-x;
    background-color: #FFF;
    width: 160px;
    position: absolute;
    visibility: hidden;
    z-index: 2000;
}



#MainMenuBlock iframe
{
    display: none; /*sorry for IE5*/
    display: /**/ block; /*sorry for IE5*/
    position: absolute; /*must have*/
    top: 0; /*must have*/
    left: 0; /*must have*/
    z-index: -1; /*must have*/ /* filter: mask();/*must have*/
    width: 160px; /*must have for any big value*/ /*height: 3000px; /*must have for any big value*/
}

#MainMenuBlock .subItems ul
{
    margin: 0;
    padding: 0px 3px;
}

#MainMenuBlock .subItems li
{
    margin: 0;
    border: none; /*padding: 5px 0px 0px 0px;*/ /* max-height: 20px;*/ /*height: 20px !important;*/
    background-image: none;
    width: 147px;
    font-size: 0.9166em;
    float: none;
}

#MainMenuBlock .subItems li a
{
    margin: 0px 0px 8px 0px;
    padding: 2px 0px 2px 7px;
    background-image: none;
    color: #333;
    font-size: 1.1em; /*height: 16px;*/
    width: 100%;
    display: block;
}

#MainMenuBlock .subItems li a:hover
{
    background-image: none;
    background-color: #bde64e;
}

#MainMenuBlock .subItems li a sup.NewNavigation
{
  color:#f00;
}
/*
======================
Breadcrumbs
======================
*/

#ContextBlock
{
    width: 100%;
    height: 27px;
}

/*
======================
 TopMenus

======================
*/

#HeaderTopRegion ul
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
}
#HeaderTopRegion .menuspacer
{
    padding: 0px 6px 0px 6px;
    margin: 0px;
}

#HeaderTopRegion ul li
{
    padding: 0px 0px 0px 0px;
    display: inline;
    margin: 0px;
}

#HeaderTopRegion ul li a
{
    text-decoration: none;
    text-align: left;
}

#Menu1Block
{
    padding: 5px 40px 0px 0px;
    float: left;
    width: 455px;
    height: 35px;
    text-align: right;
}

#Menu2Block
{
    padding: 5px 0px 0px 12px;
    margin-right:15px;

    height: 35px;
    text-align: right;
}

#Menu3Block
{
    padding: 0px 40px 0px 0px;
    float: left;
    width: 455px;
    height: 41px;
    text-align: right;
}

#HeaderTopRegion #Menu1Block a:hover, #HeaderTopRegion #Menu2Block a:hover, #HeaderTopRegion #Menu3Block a:hover, #HeaderTopRegion #Menu4Block a:hover
{
    color: #bde64e;
}

#HeaderTopRegion #Menu1Block ul, #HeaderTopRegion #Menu2Block ul
{
    margin: 21px 0px 0px 0px;
}

#HeaderTopRegion #Menu3Block ul, #HeaderTopRegion #Menu4Block ul
{
    margin: 12px 0px 0px 0px;
}

#HeaderTopRegion .Menu1Block a, #HeaderTopRegion .Menu2Block a
{
    font-size: 1.0em;
    color: #666666;
    text-transform: uppercase;
}

#HeaderTopRegion .Menu3Block a
{
    font-size: 1.1em;
    color: #333333;
    text-transform: uppercase;
}

#HeaderTopRegion .Menu1Block a sup.NewNavigation,
#HeaderTopRegion .Menu2Block a sup.NewNavigation,
#HeaderTopRegion .Menu3Block a sup.NewNavigation
{
  color:#f00;
}
/*
======================
NavigationBlock /
LeftMenu
======================
*/

#NavigationBlock
{
    float: left;
    width: 244px;
    overflow: hidden;
}

#NavigationBlock a
{
    text-decoration: none;
}

#NavigationBlock .navigationTitle
{
    margin: 0px 0px 4px 0px;
    padding: 13px 5px 20px 26px;
    height: 17px;
    width: 200px;
    background-color: #FFFFFF;
    font-size: 1.1em;
    color: #333333;
}

#NavigationBlock .menu .navigationTitle a:hover
{
    color:#333333;
}

#NavigationBlock .menu ul
{   
     margin: 4px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    list-style: none;
    width: 231px;
}
#NavigationBlock ul
{
    margin: 4px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    list-style: none;
    width: 100%;
}
#NavigationBlock .paging ul
{
    margin: 0px 0px 0px 0px !important;
}

.numbers, .noNumbers
{
    padding: 0px 0px 0px 0px;
    float: left;
    width: 15px;
    color: #666666;
}



li.open .numbers, li.selected .numbers, li.open .noNumbers, li.selected .noNumbers
{
    color: #333333;
}

#NavigationBlock ul li .link
{
    float: left;
    width: 140px;
}

#NavigationBlock li.level0
{
    border-bottom: solid 1px #FFFFFF;
    background-image: none !important;
    padding: 5px 0px 4px 10px;
    margin: 0px;
}

#NavigationBlock ul.level0 li.open
{
    background-color: #FFFFFF;
}


#NavigationBlock li a.selected, #NavigationBlock li a.open
{
    color: #333333;
}


#NavigationBlock li a
{
    color: #666666;
}

#NavigationBlock li.selected
{
    background-image: url( '/Components/Design/Images/list-arrow.gif' );
    background-repeat: no-repeat;
    background-position: 6px 9px;
    background-color: #FFFFFF;
}

#NavigationBlock li.level0 li
{
    padding: 5px 0px 0px 20px;
    width: 100%;
}

/*
======================
ContextBlock
======================
*/

#Breadcrumb
{
    float: left;
}

#Breadcrumb ul
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
}
#Breadcrumb ul li
{
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 0px;
    float: left;
}

#Breadcrumb ul li a, #Context ul li a
{
    font-size: 1.0em;
    color: #666666;
}

#Context
{
    float: right;
}

#Context ul
{
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 0px;
    list-style: none;
}

#Context ul li
{
    margin: 0px 0px 0px 0px;
    border-left: solid 1px #666666;
    padding: 0px 5px 0px 5px;
    float: left;
}

#Context ul li.first
{
    border: none;
}

#Context .TipAFriendMainLink
{
    color: #666666;
    cursor: pointer;
}
/*

======================

Sitemap

======================

*/

.sitemap
{
}

.sitemap .sitemapSection
{
    padding: 4px 0px 0px 10px;
    height: 20px;
    background-color: #BDE64E;
    font-size: 1.2em;
}

.sitemap .sitemapSection a
{
    padding: 0px 0px 0px 15px;
    background-image: url( '/Components/Design/Images/arrow.gif' );
    background-repeat: no-repeat;
    background-position: 0px 3px;
    font-size: 1.1em;
    font-weight: bold;
}

.sitemap .Levels
{
    margin-top: 30px;
}

.sitemap .container
{
    margin: 19px 0px 19px 0px;
    width: 710px;


}

.sitemap .box
{
    padding: 0 0 0 20px;
    float: left;
    width: 210px;

}

.sitemap .box li
{
    background-image: url( '/Components/Design/Images/arrow_bullit.gif' );
    background-repeat: no-repeat;
    background-position: 20px 3px;
}
.sitemap .box a
{
    padding: 0px 0px 0px 0px;
    width: 185px;
    font-size: 1.1em;
    color: #333333;
}

.sitemap .titleLink
{
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 10px;
    background-image: url( '/Components/Design/Images/arrow_bullit.gif' );
    background-repeat: no-repeat;
    background-position: 0px 4px;
    width: 185px;
}

.sitemap .box a.Title
{
    font-weight: bold;
    font-size: 1.2em;
    color: #333333;
    width: 185px;
}

.sitemap a:hover, .sitemap a.Title:hover
{
    color: #0066cc;
}

.sitemap .box ul
{
    margin: 0;
    padding: 0;
}

.sitemap .box li
{
    margin: 0px 0px 10px 0px;
    padding: 0 0 0px 20px;
    list-style-type: none;
}

.sitemap .SitemapItem
{
    display: block;
    padding: 0px 0px 0px 10px;
    width: 185px;
}

.sitemap .LevelThreeBox
{
    float: left;
    width: 187px;
    margin-left: 22px;
    margin-bottom: 25px;
}


/********************************
      NEWS STUFF
********************************/
.NewsThreeColumn .NavigationBlock
{
    width: 391px;
}