/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  ___                     _  _                                   _  */
/* | . ) ___  _  _  ___  _ | || | __ _   ____   ___  _   _ _  ___ | | */
/* |  < | . || `| || . || || || |/ _` | |____| | . || | \ v /| ._)| | */
/* |___)|___||_|`_||_  ||_||_||_|\__,_|        |  _||_| /_^_\|___ |_| */
/*                  ,__|                       |_|                    */
/*                                                                    */
/*              Pixel by Bongilla - Skins for DotNetNuke              */
/*                    http://www.Bongilla.com/pixel                   */
/*              Copyright Bongilla - All rights reserved              */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Inherited Classes                                                  */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body
{
    text-align: center;
}

/*div:font-family this fixes problem with moved images for menu somehow it was moving the letters.*/
div /*p,, ul, li*/
{
    font-family: arial,helvetica,verdana;
    font-size: 11px;
    color: #2c2c2c;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Common Classes                                                     */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.FullWidth
{
    width: 100%;
}

.FullHeight
{
    width: 100%;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Master Layout                                                      */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.ControlPanel
{
}

#MasterBody
{
    margin: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 0px 0px 0px 0px;
}

#MasterPanel
{
    width: 100%;
    height: 100%;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

#MasterPanelOpen /* For Open Skin*/
{
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

#MasterPanelWidth
{
    width: 875px;  /*Size small 785px,875px,965px */
    margin-left: auto; /*This is used for centering in firefox*/
    margin-right: auto; /*This is used for centering in firefox*/
    text-align: left;
    height: 100%;
    display:table;
}

.MasterTable
{
    width: 100%;
    vertical-align: top;
}

.MasterTableBordered
{
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.BoxedTL
{
    background: url(images/BoxedTL.png) no-repeat bottom;
    width: 30px;
    height: 30px;
}

.BoxedT
{
    background: url(images/BoxedT.png) repeat-x bottom left;
    height: 30px;
}

.BoxedTR
{
    background: url(images/BoxedTR.png) no-repeat bottom;
    width: 30px;
    height: 30px;
}

.BoxedL
{
    background: url(images/BoxedL.png) repeat-y;
    width: 30px;
    height: 1px;
}

.BoxedBG
{
    background: #FFFFFF;
    vertical-align: top;
}

.BoxedR
{
    background: url(images/BoxedR.png) repeat-y;
    width: 30px;
    height: 1px;
}

.BoxedBL
{
    background: url(images/BoxedBL.png) no-repeat;
    width: 30px;
    height: 30px;
}

.BoxedB
{
    background: url(images/BoxedB.png) repeat-x; /*width: 1px; causes the left margin to go ugly*/
    height: 30px;
}

.BoxedBR
{
    background: url(images/BoxedBR.png) no-repeat;
    width: 30px;
    height: 30px;
}

.BorderedT /*For Bordered Skins*/
{
    background: #FFFFFF;
    height: 30px;
}

.BorderedB /*For Bordered Skins*/
{
    background: #FFFFFF;
    height: 30px;
    vertical-align: top;
}


.DiagonalTL /*For Diagonal Skins*/
{
    background: url(images/DiagonalTL.png) no-repeat bottom right;
    width: 30px;
    height: 30px;
}

.DiagonalBR /*For Diagonal Skins*/
{
    background: url(images/DiagonalBR.png) no-repeat left top;
    width: 30px;
    height: 30px;
}

.BorderedL
{
    background: url(images/BoxedL.png) repeat-y top right;
    width: 30px;
    height: 1px;
}

.BorderedR
{
    background: url(images/BoxedR.png) repeat-y top left;
    width: 30px;
    height: 1px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Blocks Layout                                                      */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#HeaderBlock
{
    width: 100%;
}

#SubHeaderBlock
{
    float: right;
    display: table; /*For Opera*/
    text-align: right;
    margin: 0px 0 0px 0;
    vertical-align: top;
}

#MenuBlock
{
    height: 50px; /*margin: 15px 0 0 0;*/ /*top margin controls how far from top*/
}

#NavigationBlock
{
}

#CustomBannerBlock
{
    background: transparent url(banners/CustomBannerSample.jpg) no-repeat scroll 0;
    height: 180px;
    margin: 0 0 20px 0;
    vertical-align: top;
}

#FlashBannerBlock
{
    margin: 0 0 20px 0;
    vertical-align: middle;
    padding:2px 5px 0 5px;
}

#FlashBannerVMBlock
{
    margin: 0 0 5px 0;
    vertical-align: middle;
    padding:0 5px 0 5px;
}

#ContentBlock
{
    clear: both;
}

.MainContentCell
{
    padding: 0 8px 0 8px;
}

.FooterContentCell
{
    padding: 15px 0px 0 0px;
}

#FooterBlock
{
    clear: both;
    padding: 0 0 30px 0;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Skin Objects Layout                                                */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*Logo                             */
#LogoSkinObject
{
    margin: 0px 0 0 15px;
    float: left;
}

/*Search                           */
#SearchBox
{
    width: 100%;
    margin: 0px 0 0px 0;
    text-align: right;
}

.SearchLeftImg
{
    width: 157px;
    height: 31px;
    padding: 0 0 0 19px;
    margin: 0;
    line-height: 0;
    background: url(images/SearchL.gif) no-repeat top left;
    float: right;
    z-index: -9999;
}

.SearchSkinObject
{
    width: 100%;
    height: 31px;
    vertical-align: top;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    background: url(images/SearchBG.gif) repeat-x;
}

.SearchSkinObject input
{
    height: 14px;
    background: #ffffff;
    width: 100px;
    font-size: 10px;
    color: #666666;
    margin: 7px 0 3px 0;
    padding: 3px 2px 2px 2px;
    border: none;
    cursor: text;
    float: left;
}

.SearchSkinObject a img
{
    float: right;
    margin: 0;
    padding: 0;
    border: none;
}

.SearchSkinObject a
{
    float: right;
    margin: 0;
    padding: 0;
    width: 38px;
    height: 31px;
    background: url(images/SearchButtonHov.gif);
}

.SearchSkinObject a:hover
{
    float: right;
    margin: 0;
    padding: 0;
    width: 38px;
    height: 31px;
    background: url(images/SearchButton.gif);
}

/*Date                             */
#DateSkinObject
{
    margin: 0 0 8px 0;
    text-align: right;
    vertical-align: middle;
}

.ClockImage
{
    width: 19px;
    height: 18px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    margin: 0 0 0 7px;
    border: none;
    background: url(images/Clock12.gif);
}

/*Language                         */
#LanguageSkinObject
{
    margin: 0 0 8px 0;
    text-align: right;
}

/*Menu                             */
.MenuLeftImg
{
    width: 24px;
    background: url(images/MenuBaseL.gif) no-repeat;
}

.MenuLeftImg img
{
    width: 24px;
    height: 50px;
}

.MenuSkinObject
{
    background: url(images/MenuBaseBkg.gif) repeat-x;
}

.MenuRightImg
{
    width: 25px;
    background: url(images/MenuBaseR.gif) no-repeat;
    text-align: right;
}

.MenuRightImg img
{
    width: 25px;
    height: 50px;
}

.MainMenu_MenuBar
{
    height: 50px;
    background: transparent; /*According to skinning toolkit this is not used*/
}

.MainMenu_MenuContainer
{
    height: 50px; /*It seams like this is set by MainMenu_MenuBar*/
    background: transparent;
}

.MainMenu_MenuContainer td
{
    vertical-align: top;
}

.MainMenu_SubMenu /*Skin Object: [SOLPARTMENU]*/
{
    padding: 0;
    margin: 0;
    border-top: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    z-index: 1000;
    font-weight: normal;
    opacity: .85;
    FILTER: Alpha(Opacity=85); /* For IE Explorer*/
}

.MainMenu_MenuItem /*Skin Object: [SOLPARTMENU]*/
{
    font-family: arial,helvetica,verdana;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    padding: 5px 30px 5px 13px; /*Right Padding controls part of the padding, the other looks like a MainMenu_MenuArrow default */
    height: 20px;
    border-top: 0 solid #ffffff;
    border-right: 0 solid #ffffff;
    border-bottom: 1px solid #dcdcdc;
    border-left: 0 solid #ffffff;
    color: #333333;
}

.MainMenu_MenuItemSel
{
}

.SubMenu_MenuItemSel /*Skin Object: [SOLPARTMENU]*/
{
    font-family: arial,helvetica,verdana;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 30px 5px 13px; /*Right Padding controls part of the padding, the other looks like a MainMenu_MenuArrow default */
    height: 20px;
    border-top: 0 solid #ffffff;
    border-right: 0 solid #ffffff;
    border-bottom: 1px solid #dcdcdc;
    border-left: 0 solid #ffffff;
    color: #000F6C;
}

.SubMenu_MenuItemActive
{
    color: #000F6C;
}

.MainMenu_Idle td img /*Skin Object: [SOLPARTMENU]*/
{
    display: none;
}

.MainMenu_Idle td /*Skin Object: [SOLPARTMENU]*/
{
    line-height: 0;
    height: 50px;
    padding: 0;
    margin: 0;
}

.MainMenu_Idle td div /*Skin Object: [SOLPARTMENU]*/
{
    height: 50px;
    background: url(images/MenuColorR.gif) top right no-repeat;
    background-color: transparent;
    margin: 0;
    padding: 0;
}

.MainMenu_Idle td div div /*Skin Object: [SOLPARTMENU]*/
{
    height: 50px;
    background: url(images/MenuColorL.gif) top left no-repeat;
    margin: 0;
    padding: 0 24px 0 24px;
}

.MainMenu_Idle td div div div /*Skin Object: [SOLPARTMENU]*/
{
    height: 50px; /* padding: 0;*/
    margin: 0;
    background: url(images/MenuColorBkg.gif) top left repeat-x; /*height: 28px;*/ /*background: url(images/spacer.gif) center center repeat-x;*/
    text-align: center;
    padding: 18px 0 0 0; /* margin: 0;*/
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    line-height: normal;
}

.MainMenu_Selected td img /*Skin Object: [SOLPARTMENU]*/
{
    display: none;
}

.MainMenu_Selected td /*Skin Object: [SOLPARTMENU]*/
{
    height: 50px;
    padding: 0;
    margin: 0;
    line-height: 0;
}

.MainMenu_Selected td div /*Skin Object: [SOLPARTMENU]*/
{
    height: 50px;
    background: url(images/MenuSelR.gif) top right no-repeat;
    margin: 0;
    padding: 0;
}

.MainMenu_Selected td div div /*Skin Object: [SOLPARTMENU]*/
{
    height: 50px;
    background: url(images/MenuSelL.gif) top left no-repeat;
    margin: 0;
    padding: 0 24px 0 24px;
}

.MainMenu_Selected td div div div /*Skin Object: [SOLPARTMENU]*/
{
    height: 50px; /*padding: 0;*/ /*margin: 0;*/
    background: url(images/MenuSelBkg.gif) top center repeat-x; /*height: 28px;*/ /*background: url(images/spacer.gif) center center repeat-x;*/
    text-align: center;
    padding: 18px 0 0 0;
    margin: 0;
    font-size: 11px;
    font-weight: bold;
    color: #000F6C;
    line-height: normal;
}

.MainMenu_BreadcrumbActive td img /*Skin Object: [SOLPARTMENU]*/
{
    display: none;
}

.MainMenu_BreadcrumbActive td /*Skin Object: [SOLPARTMENU]*/
{
    height: 50px;
    padding: 0;
    margin: 0;
    line-height: 0;
}

.MainMenu_BreadcrumbActive td div /*Skin Object: [SOLPARTMENU]*/
{
    height: 50px;
    background: url(images/MenuColorR.gif) top right no-repeat;
    margin: 0;
    padding: 0;
}

.MainMenu_BreadcrumbActive td div div /*Skin Object: [SOLPARTMENU]*/
{
    height: 50px;
    background: url(images/MenuColorHov.gif) top left no-repeat;
    margin: 0;
    padding: 0 24px 0 24px;
}

.MainMenu_BreadcrumbActive td div div div /*Skin Object: [SOLPARTMENU]*/
{
    height: 50px; /*padding: 0;*/ /*margin: 0;*/
    background: url(images/MenuColorBkg.gif) top center repeat-x; /*height: 28px;*/ /*background: url(images/spacer.gif) center center repeat-x;*/
    text-align: center;
    padding: 18px 0 0 0;
    margin: 0;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    line-height: normal;
}

/*Takes right side intended for arrow on submenu*/
.MainMenu_MenuArrow /*Skin Object: [SOLPARTMENU]*/
{
    border-top: 0 solid #ffffff;
    border-right: 0 solid #ffffff;
    border-bottom: 1px solid #dcdcdc;
    border-left: 0 solid #ffffff;
    margin: 0;
    padding: 0;
}

.MainMenu_RootMenuArrow
{
    display: none;
}

.MainMenu_MenuIcon /*Takes Icons from admin/host submenu*/
{
    display: none;
}

.MainMenu_Separator img /*Skin Object: [SOLPARTMENU]*/
{
    width: 5px;
    height: 50px;
    margin: 0;
}

.MainMenu_MenuBreak
{
    border: none;
    background: transparent;
    vertical-align: top;
}

/*Breadcrumb                       */
#BreadcrumbSkinObject
{
    float: left;
    margin: -18px 0px 0px 39px;
}

.BreadcrumbImage
{
    background: url(images/BreadcrumbLHov.gif);
    width: 22px;
    height: 16px;
}

#BreadcrumbBox
{
    float: left;
    margin: 0px 0px 0px 0px;
    text-align: left;
}

#BreadcrumbBox img
{
    margin: 0 8px 0 8px;
    border: none; /* vertical-align: text-top;*/
}

.BreadcrumbToken, a.BreadcrumbToken:link, a.BreadcrumbToken:visited, a.BreadcrumbToken:active /*Skin Object: [BREADCRUMB]*/
{
    color: #323232;
    font-size: 11px;
    text-decoration: underline;
    font-weight: normal;
    padding: 0 0 0 0px;
    margin: -10px 0 0 0;
}

a.BreadcrumbToken:hover /*Skin Object: [BREADCRUMB]*/
{
    color: #666666;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    padding: 0 0 0 0px;
    margin: 0px 0 0 0;
}

/*User/Register & Log In/Log Out   */
#UserLoginBox
{
    float: right;
    margin: 0px 0px 0px 0px;
    text-align: right;
}

.UserToken, a.UserToken:link, a.UserToken:visited, a.UserToken:active /*Skin Object: [USER]*/
{
    color: #323232;
    background: url(images/userout.gif) no-repeat center left;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
    height: 16px;
    padding: 0 0 0 22px;
    margin: 0;
}

a.UserToken:hover /*Skin Object: [USER]*/
{
    background: url(images/userin.gif) no-repeat center left;
    color: #666666;
    font-weight: normal;
    font-size: 11px;
    text-decoration: none;
}

.LoginToken, a.LoginToken:link, a.LoginToken:visited, a.LoginToken:active /*Skin Object: [LOGIN]*/
{
    color: #323232;
    background: url(images/logedout.gif) no-repeat center left;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
    height: 16px;
    padding: 0 0 0 22px;
    margin: 0;
}

a.LoginToken:hover /*Skin Object: [LOGIN]*/
{
    background: url(images/logedin.gif) no-repeat center left;
    color: #666666;
    font-weight: normal;
    font-size: 11px;
    text-decoration: none;
}

/*Copyright, Terms & Privacy       */
#CopyrightSkinObject
{
    text-align: left;
    margin: 28px 0 0 5px;
    float: left;
}

#TermsSkinObject
{
    text-align: right;
    margin: 28px 5px 0 5px;
    float: right;
}

#PrivacySkinObject
{
    text-align: right;
    margin: 28px 5px 0 5px;
    float: right;
}

.FooterToken /*Skin Object: [COPYRIGHT], [TERMS], [PRIVACY]*/
{
    color: #ffffff;
    font-size: 11px;
}

a.FooterToken:link, a.FooterToken:visited, a.FooterToken:active /*Skin Object: [COPYRIGHT], [TERMS], [PRIVACY]*/
{
    font-size: 11px;
    color: #ffffff;
    font-weight: normal;
    text-decoration: underline;
    padding: 0;
    margin: 0;
}

a.FooterToken:hover /*Skin Object: [COPYRIGHT], [TERMS], [PRIVACY]*/
{
    font-size: 11px;
    color: #323232;
    font-weight: normal;
    text-decoration: none;
}

.FooterDarkToken /*Skin Object: [COPYRIGHT:1], [TERMS:1], [PRIVACY:1]*/
{
    color: #323232;
    font-size: 11px;
}

a.FooterDarkToken:link, a.FooterToken:visited, a.FooterToken:active /*Skin Object: [COPYRIGHT:1], [TERMS:1], [PRIVACY:1]*/
{
    font-size: 11px;
    color: #323232;
    font-weight: normal;
    text-decoration: underline;
    padding: 0;
    margin: 0;
}

a.FooterDarkToken:hover /*Skin Object: [COPYRIGHT:1], [TERMS:1], [PRIVACY:1]*/
{
    font-size: 11px;
    color: #666666;
    font-weight: normal;
    text-decoration: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Banner Layout                                                      */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.BannerTable
{
    width: 100%;
    height: 100%;
}

.BannerTL
{
    width: 21px;
    height: 21px;
    background: url(images/BannerTL.png) no-repeat;
}

.BannerTR
{
    width: 21px;
    height: 21px;
    background: url(images/BannerTR.png) no-repeat;
}

.BannerBL
{
    width: 21px;
    height: 21px;
    background: url(images/BannerBL.png) no-repeat;
}

.BannerBR
{
    width: 21px;
    height: 21px;
    background: url(images/BannerBR.png) no-repeat;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Panes Layout                                                       */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.BannerPane
{
    width: auto;
    padding: 20px 20px 0 400px;
    text-align: center;
}

.TopPane
{
    width: 100%;
    padding: 0;
}

.LeftPane
{
    width: 25%;
    padding: 0;
}

.CenterPane
{
    width: 50%;
    padding: 0;
}

.RightPane
{
    width: 25%;
    padding: 0;
}

.LeftPane2
{
    width: 50%;
    padding: 0;
}

.RightPane2
{
    width: 50%;
    padding: 0;
}

.LeftPane3
{
    width: 33%;
    padding: 0;
}

.CenterPane2
{
    width: 33%;
    padding: 0;
}

.RightPane3
{
    width: 33%;
    padding: 0;
}

.ContentPane
{
    width: 100%;
    padding: 0;
}

.LeftPane4
{
    width: 25%;
    padding: 0;
}

.RightPane4
{
    width: 75%;
    padding: 0;
}

.LeftPane5
{
    width: 75%;
    padding: 0;
}

.RightPane5
{
    width: 25%;
    padding: 0;
}

.LeftOuterPane
{
    width: 25%;
    padding: 0;
}

.LeftInnerPane
{
    width: 25%;
    padding: 0;
}

.RightInnerPane
{
    width: 25%;
    padding: 0;
}

.RightOuterPane
{
    width: 25%;
    padding: 0;
}

.LeftOuterPane2
{
    width: 20%;
    padding: 0;
}

.LeftInnerPane2
{
    width: 20%;
    padding: 0;
}

.CenterPane3
{
    width: 20%;
    padding: 0;
}

.RightInnerPane2
{
    width: 20%;
    padding: 0;
}

.RightOuterPane2
{
    width: 20%;
    padding: 0;
}

.BottomPane
{
    width: 100%;
    padding: 0;
}

.FooterPane
{
    width: 100%;
    padding: 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Banners                                                            */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#BannerBG01Block
{
    background: transparent url(banners/BannerBG.jpg) repeat-x scroll 0;
    margin: 0;
    padding: 0;
}

#BannerBGVMBlock
{
    background: transparent url(banners/BannerBG.jpg) repeat-x scroll 0;
    margin: 0;
    padding: 0;
}

#BannerInnerBG01Block
{
    background: transparent url(banners/BannerInnerBG.jpg) repeat-x scroll 0;
    margin: 0;
    padding: 0;
}

#BannerInnerBGVMBlock
{
    background: transparent url(banners/BannerInnerBG.jpg) repeat-x scroll 0;
    margin: 0;
    padding: 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Banner Image Configuration                                         */
/*                                                                    */
/* To change background image just enter the correct image name in    */
/* the background property.                                           */
/* E.G. background: url(banners/Banner09.jpg) no-repeat scroll 0;     */
/*                                                                    */
/* There are 10 different images with 2 different                     */
/* heights (95px and 183px) in the banners folder.                    */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#Banner01Block /* for Menu (M) and Twin Level Menu (TM) and height of 183px  */
{
    background: url(banners/Banner10.jpg) no-repeat scroll 0;
    height: 180px;
    margin: 0 0 20px 0;
    vertical-align: top;
}

#BannerVMBlock /* for Vertical Menu (VM) and height of 183px */
{
    background: transparent url(banners/Banner01.jpg) no-repeat scroll 0;
    height: 180px;
    margin: 0 0 5px 0;
    vertical-align: top;
}

#BannerInner01Block /* for Menu (M) and Twin Level Menu (TM) and height of 95px */
{
    background: transparent url(banners/BannerInner01.jpg) no-repeat scroll 0;
    height: 95px;
    margin: 0 0 20px 0;
    vertical-align: top;
}

#BannerInnerVMBlock /* for Vertical Menu (VM) and height of 95px */
{
    background: transparent url(banners/BannerInner01.jpg) no-repeat scroll 0;
    height: 95px;
    margin: 0 0 5px 0;
    vertical-align: top;
}