@media screen {
    /* **********************************
        Layout
    **************************************/
    body {
        margin: 0px;
        padding: 0px;
        background: #27333A url(../SiteImages/LayoutImages/SplashPage_BG.jpg) repeat-x;
    }
    /*----------------------------------------
        Splash Page
    -----------------------------------------*/
    #SplashPage_Container {
        width: 830px;
        height: 768px;
        margin: 0px auto;
    }

    #SplashPage_TopLeft {
        width: 415px;
        height: 77px;
        float: left;
    }

    #SplashPage_TopRight {
        width: 415px;
        height: 77px;
        color: #3C3C3C;
        text-align: right;
        float: right;
        background: transparent url(../SiteImages/LayoutImages/SplashPage_03.jpg) no-repeat;
    }
    #SplashPage_MainLeft {
        width: 573px;
        height: 321px;
        float: left;
        background: transparent url(../SiteImages/LayoutImages/SplashPage_05.jpg) no-repeat;
    }
    #SplashPage_MainLeftText {
        margin: 236px 0px 0px 156px;
        width: 417px;
        color: #333;
    }
    #SplashPage_MainRight {
        width: 257px;
        height: 321px;
        float: right;
        background: transparent url(../SiteImages/LayoutImages/SplashPage_06.jpg) no-repeat;
    }
    #SplashPage_Tech {
        width: 415px;
        height: 190px;
        float: left;
        background: transparent url(../SiteImages/LayoutImages/SplashPage_Tech.jpg) -1px 0px no-repeat;
        border-right: solid 1px #510606;
        cursor: pointer;
    }
    #SplashPage_Tech:hover {
        background-position: -1px -191px;
    }
    #SplashPage_Tech ul {
        list-style-image: url(../SiteImages/LayoutImages/SplashPage_bullet.png);
        color: #F5F5F5;
        cursor: pointer;
        margin: 60px 0px 0px 76px;
        text-transform: uppercase;
    }

    #SplashPage_Dev {
        width: 414px;
        height: 190px;
        float: right;
        background: transparent url(../SiteImages/LayoutImages/SplashPage_Dev.jpg) repeat-x;
        cursor: pointer;
    }
    #SplashPage_Dev:hover {
        background-position: 0px -191px;
    }
    #SplashPage_Dev ul {
        list-style-image: url(../SiteImages/LayoutImages/SplashPage_bullet.png);
        color: #F5F5F5;
        cursor: pointer;
        margin: 60px 0px 0px 76px;
        text-transform: uppercase;
    }
    #SplashPage_Fade {
        width: 830px;
        height: 84px;
        clear: both;
        background: transparent url(../SiteImages/LayoutImages/SplashPage_09.jpg) no-repeat;
    }
    #SplashPage_Error {
        width: 257px;
        height: 321px;
        float: right;
        background: transparent url(../SiteImages/LayoutImages/SplashPage_Error.jpg) no-repeat;
    }
    #SplashPage_TopRightError {
        width: 415px;
        height: 77px;
        color: #3C3C3C;
        text-align: right;
        float: right;
    }
    /*----------------------------------------
        Main Page
    -----------------------------------------*/
    #MainPage_Nav_Container {
        width: 100%;
        height: 131px;
        max-height: 131px;
        min-width: 917px;
        background: #B1B9C4 url(../SiteImages/LayoutImages/MainPage_NavBG.jpg) repeat-x;
    }
    #MainPage_Navigation {
        margin: 0px auto;
        height: 131px;
        width: 917px;
    }
    #MainPage_Nav {
        width: 653.5px;
        height: 131px;
        float: right;
    }
    #MainPage_Container {
        margin: 0px auto;
        width: 917px;
    }

    #MainPage_TopLeft {
        width: 610px;
        height: 362px;
        float: left;
        background: transparent url(../SiteImages/LayoutImages/MainPage_03.jpg) no-repeat;
    }

    #MainPage_TopRight {
        width: 307px;
        height: 362px;
        float: right;
        background: transparent url(../SiteImages/LayoutImages/MainPage_04.jpg) no-repeat;
    }

    #MainPage_BtnLeft {
        width: 304px;
        height: 191px;
        float: left;
        overflow: hidden;        
        background: transparent url(../SiteImages/LayoutImages/MainPage_06.jpg) no-repeat;
    }

    #MainPage_BtnCenter 
    {
        width: 304px;        
        height: 191px;
        float: left;
        overflow: hidden;
        background: transparent url(../SiteImages/LayoutImages/MainPage_07.jpg) no-repeat;
    }
    
    #borderLeft
    {
		width: 1px;
		height: 191px;
		background-color: #510606;
		float: left;
		font-size: 0px;
    }
    
    #borderRight
    {
		width: 1px;
		height: 191px;
		background-color: #510606;
		float: left;
		font-size: 0px;
    }

    #MainPage_BtnRight {
        width: 305px;
        height: 191px;
        float: left;
        overflow: hidden;
        background: transparent url(../SiteImages/LayoutImages/MainPage_08.jpg) no-repeat;
    }
    #MainPage_Fade {
        width: 917px;
        height: 79px;
        clear: both;
        background: transparent url(../SiteImages/LayoutImages/MainPage_09.jpg) no-repeat;
    }
    .HLBSSLogo {
        width: 264px;
        height: 131px;
        background: transparent url(../SiteImages/LayoutImages/MainPage_Logo.jpg) no-repeat;
    }
    /*----------------------------------------
        Sub Page
    -----------------------------------------*/
    #SubPage_Container {
        width: 917px;
        margin: 0px auto;
    }
    #SubPage_Top {
        width: 917px;
        height: 189px;
        background: transparent url(../SiteImages/LayoutImages/SubPage_03.jpg) no-repeat;
    }
    #SubPage_Main {
        margin-left: 8px;
        border-left: solid 1px #464B4F;
        border-right: solid 1px #1C1C1C;
        width: 900px;
        min-height: 333px;
        background: #fff url(../SiteImages/LayoutImages/SubPage_MainSideBG.jpg) repeat-y;
        overflow: visible;
    }
    #SubPage_MainLeft {
        width: 245px;
        float: left;
        margin-left: 5px;
    }
    #SubPage_MainRight {
        width: 625px;
        float: right;
    }
    #SubPage_Footer {
        width: 917px;
        height: 52px;
        background: transparent url(../SiteImages/LayoutImages/SubPage_06.png) 8px 0px no-repeat;
        clear: both;
    }
    #SubPage_NavContainer {
        margin: 0 13px 0 0;
        padding: 0;
        height: 52px;
        float: right;
    }
    #SubPage_NavContainer ul {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
    }
    #SubPage_NavContainer ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
    }
    #SubPage_NavContainer ul li a {
        width: 90px;
        height: 34px;
        border-left: solid 1px #520606;
        padding: 18px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        color: #f5d7b4;
        text-decoration: none;
        display: block;
        text-align: center;
        font-size: 10px;
        font-family: "Lucida Grande" , "Lucida Sans Unicode" , verdana, lucida, sans-serif;
    }
    #SubPage_NavContainer ul li a:hover {
        color: #fff;
        background: transparent url(../SiteImages/LayoutImages/SplashPage_Button_BG.jpg) 0px -190px repeat-x;
    }
    #SubPage_Copyright {
        width: 261px;
        height: 52px;
        border-right: solid 1px #520606;
        color: #f5d7b4;
        font: normal 10px/12px "Lucida Grande" , "Lucida Sans Unicode" , verdana, lucida, sans-serif;
    }
    #SubPage_Fade {
        width: 917px;
        height: 79px;
        clear: both;
        background: transparent url(../SiteImages/LayoutImages/SubPage_07.png) 8px 0px no-repeat;
    }
    #footer {
        color: #4D6471;
    }
}

/* ----------------------------
    Administration Layout
   ---------------------------- */
#adm-header, #adm-menu, #adm-content, #adm-footer {
    overflow: hidden;
    display: inline-block;
}
/* safari and opera need this */#adm-header, #adm-footer {
    width: 100%;
}
#adm-menu, #adm-content {
    float: left;
}
#adm-header {
    background: #282F39;
    padding-top: 5px;
}
#adm-menu {
    width: 15%;
    background: #282F39;
    height: 100%;
    min-height: 500px;
}
#adm-content {
    width: 85%; /*padding: 15px;*/
    background: #fff;
    min-height: 500px;
}
#adm-menu-content {
    background: #282F39;
    height: 100%;
    min-height: 500px;
}
#adm-footer {
    clear: left;
    background: #d7350f;
    padding: 5px 0px;
}
#adm-siteContainer {
    height: 100%;
    min-height: 100%;
    margin: 0px auto;
    padding: 0px;
    text-align: left;
}
#adm-pageContainer {
    width: 100%;
    min-height: 100%;
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    position: relative;
}