/*######################################################
########################################################
####                   GENERAL                      ####
####                                                ##*/
body{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: rgb(206, 207, 207);
    font: 12px arial;
}


img{
    border: none;
    outline: none;
}


a{
    text-decoration: none;
    color: rgb(117, 71, 96);
}


div#PageContainer{
    width: 1024px;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
}


div.Label{
    width: 200px;
    float: left;
    color: rgb(80, 80, 80);
}


.Clear{
    clear: both;
}


.VerticalSpacerTop{
    padding-top: 10px                       !important;
}



span.SternPlus{
    color: rgb(117, 71, 96)                 !important;
    padding: 0px 5px 0px 5px;
    font-size: 14px;
}
/*##                                                ####
########################################################
######################################################*/



/*######################################################
########################################################
####                   TOP NAVIGATION               ####
####                                                ##*/
div#Title{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(/images/stern-and-associates.jpg);
    background-repeat: no-repeat;
    width: 1024px;
    /*height: 91px;*/
    height: 90px;
    position: relative;
}


div#TitleImageAlternative{
    width: 955px;
    height: 122px;
    background-image: url(/images/page-titles/index-page-title-background.jpg);
    background-repeat: no-repeat;
}


div#TitleImageAlternative span{
    color: white;
    font-size: 20px;
    position: relative;
    top: 38px;
    left: 25px;
}


ul#TitleMenuLinks{
    padding: 0px 0px 0px 0px;
    margin: 0px 60px 0px 0px;
    list-style-type: none;
    list-style-image: none;
}


ul#TitleMenuLinks li{
    float: right;
    list-style-type: none;
    list-style-image: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}


ul#TitleMenuLinks li span{
    color: rgb(69, 74, 74);
    font-weight: bold;
}

li.TitleMenuSeparator{
    color: rgb(158, 164, 164);
    padding: 0px 9px 0px 9px !important;
}

div#TitleHomePageLink{
    cursor: pointer;
    width: 500px;
    height: 50px;
    margin-left: 20px;
    margin-top: 20px;
    float: left;
}


ul#MainMenuLinks{
    clear: both;
    margin: 0px 64px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    list-style-image: none;
    position: relative;
    top: -5px;
}

ul#MainMenuLinks li{
    float: right;
    list-style-type: none;
    list-style-image: none          !important;
    font-size: 10px;
    height: 24px;
    margin: 35px 0px 0px 0px;
    padding: 5px 19px 10px 19px;
    color: rgb(71, 70, 71);
    cursor: pointer;
}


ul#MainMenuLinks li a{
    color: rgb(71, 70, 71);
    display: inline-block;
}


li.MainMenuSeparator{
    background-image: url(/images/main-menu-separator.jpg);
    background-position: 0% 0%;
    background-repeat: no-repeat;
}



/*li.MainMenuSeparatorActive{
    background-image: url(/images/main-menu-separator-active.jpg)               !important;
}*/


li.MainMenuSeparatorNoActive{
    background-image: none;
    background-position: 0% 0%;
    background-repeat: no-repeat;
}


li.MainMenuUnderline{
    border-bottom: 1px solid rgb(204, 195, 198);
}


div#SecondaryMenu{
    position: absolute;
    top: 75px;
    left: 0px;
    display: none;
    width: 955px;
    z-index: 100000;
    height: 30px;
}


ul#SecondaryMenuLinks{
    list-style-type: none;
    list-style-image: none;
    background-color: rgb(245, 245, 245);
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-top: 1px solid rgb(204, 195, 198);
}


ul#SecondaryMenuLinks li{
    list-style-type: none;
    list-style-image: none                  !important;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: none;
    border-right: 1px solid rgb(204, 195, 198);
}


ul#SecondaryMenuLinks li.LeftSecondaryMenu{
    border-left: 1px solid rgb(204, 195, 198);
}


ul#SecondaryMenuLinks li a{
    display: inline-block;
    padding: 0px 15px 0px 15px;
    color: rgb(122, 90, 108);
    font-size: 12px;
    line-height: 30px;
    margin: 0px 0px 0px 0px;
}
/*##                                                ####
########################################################
######################################################*/



/*######################################################
########################################################
####                   SIDE NAVIGATION              ####
####                                                ##*/
ul#SideMenuList{
    list-style-type: none;
    list-style-image: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-image: url(/images/side-menu-background.gif);
    background-repeat: repeat-y;
    position: relative;
    top: -3px;
    width: 304px;                           /* CommonPageCallout is 305px; fixes rare IE6 glitch with the menu */
}


ul#SideMenuList li{
    list-style-type: none;
    list-style-image: none                  !important;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 35px;
    float: none;
    position: relative;
}


ul#SideMenuList li img{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}


ul#SideMenuList li ul{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-image: url(/images/side-sub-menu-background.gif);
    background-repeat: repeat-x;
}


ul#SideMenuList li.Separator{
    line-height: 3px;
    font-size: 3px;
}


ul#SideMenuList li ul li{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}


ul.NoPadding{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}


ul#SideMenuList li a{
    color: rgb(123, 123, 123);
    display: inline-block;
    position: relative;
    left: 35px;
    font-size: 12px;
    line-height: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}


ul#SideMenuList li ul li a{
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    color: rgb(155, 137, 147);
}


a.SideMenuActive{
    color: rgb(143, 68, 107)            !important;
    font-size: 12px;
}


a.SideMenuSubActive{
    color: rgb(184, 145, 165)           !important;
    font-size: 12px                     !important;
}


a.SideMenuLevel1, a.SideMenuSubActive{
    margin-left: 11px                   !important;
}


div#SideMenuBottom{
    width: 300px;
    height: 25px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(/images/side-menu-bottom.gif);
    background-repeat: no-repeat;
    border: none;
    position: relative;
    top: -3px;
}


li.SideSubMenu, li.SideSubMenuSeparator{
    background-image: url(/images/side-menu-sub-background.gif);
    background-repeat: repeat-y;
}


li.SideSubMenuContainer{
    padding-top: 0px                !important;
}
/*##                                                ####
########################################################
######################################################*/



/*######################################################
########################################################
####                   HOME PAGE                    ####
####                                                ##*/
div#HomePageFlash{
    width: 955px;
    height: 360px;
    overflow: hidden;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: none;
    outline: none;
    background-image: url(/images/sa_home.jpg);
    background-repeat: no-repeat;
}
/*##                                                ####
########################################################
######################################################*/



/*######################################################
########################################################
####                   MAIN CONTENT AREA            ####
####                                                ##*/
div#ContentAndFooterContainer{
    width: 955px;
    margin: 0px auto 0px auto;
    overflow: auto;
    overflow-x: hidden;
}

div#ContentContainer{
    clear: both;
    width: 955px;
    margin: 0px auto 0px auto;
    padding-top: 1px;
    background-image: url(/images/background-main-contents.gif);
    background-repeat: repeat-y;
    overflow: auto;
    overflow-x: hidden;
    float: left;
    border-top: 1px solid rgb(186, 191, 183);
    border-bottom: 1px solid rgb(227, 229, 230);
}


div#ContentContainer h1{
    color: rgb(118, 73, 98);
    size: 16px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}


div#ContentContainer ul li{
    list-style-image: url(/images/list-button.gif);
}
/*##                                                ####
########################################################
######################################################*/



/*######################################################
########################################################
####                    COMMON PAGE THEME           ####
####                                                ##*/
div#CommonPageCallout{
    width: 305px;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    position: relative;
    top: -42px;
}


div#CommonPageCallout img{
    border: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}


div#CommonPageContentContainer{
    width: 625px;
    float: right;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    overflow: auto;
    overflow-x: hidden;
    color: rgb(87, 91, 92);
}


div#CommonPageMargins{
    /*width: 610px;*/
    width: 540px;
    float: left;
    overflow-x: hidden;
    padding-bottom: 15px;
}


div#CommonPageContentContainer h1, div#CommonPageContentContainer h2{
    font-size: 12px;
    font-weight: bold;
    color: rgb(126, 84, 108);
    margin-bottom: 25px;
}
/*##                                                ####
########################################################
######################################################*/



/*######################################################
########################################################
####                    FOOTER                      ####
####                                                ##*/
div#FooterBar{
    width: 955px;
    height: 38px;
    background-image: url(/images/page-bottom-bar.jpg);
    background-repeat: repeat-x;
    color: white;
    margin: 3px auto 0px auto;
    padding: 2px 0px 0px 0px;
    border-top: 1px solid rgb(237, 241, 235);
    clear: both;
}


div#FooterBar ul{
    position: relative;
    top: 5px;
}


div.FooterBars ul{
    list-style-type: none;
    list-style-image: none;
    padding: 0px 0px 0px 0px;
    margin: 8px 0px 0px 0px;
    float: left;
    width: 100%;
}


div.FooterBars ul li{
    list-style-type: none;
    list-style-image: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 477px;;
    float: left;
}


div.FooterBars ul li div{
    margin: 0px 0px 0px 0px;
    padding: 0px 29px 0px 29px;
    width: 350px;
}


div.FooterBarLeft{
    float: left;
    text-align: left;
}


div.FooterBarCenter{
	float: left;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
}


div.FooterBarRight{
    float: right;
    text-align: right;
}


div.FooterBars a{
    color: white;
}


div#FooterBar ul li{
	width: 318px;
	float: left;
overflow: hidden;
}


div#FooterBar ul li div{
	width: 318px;
}


div#FooterBar ul li div.FooterBarLeft, div#FooterBar ul li div.FooterBarRight{
	width: 260px;
}


div#BottomLegal{
    width: 955px;
    height: 30px;
    background-image: url(/images/page-bottom-legal.jpg);
    background-repeat: repeat-x;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    color: rgb(106, 106, 106);
    font-size: 10px;
}


div#BottomLegal a{
    color: rgb(147, 112, 130);
}


div#BottomLegal ul{
    position: relative;
    top: -2px;
}


div#BottomLegal ul li ul{
    position: relative;
    top: 0px;
}


span.SternAndAssociates{
    color: rgb(147, 112, 130);
}


ul#LegalLinks{
    list-style-type: none;
    list-style-image: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px         !important;
    float: right;
}


ul#LegalLinks li{
    list-style-type: none;
    list-style-image: none;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    float: right;
    width: auto;
}


ul#LegalLinks li a{
    color: rgb(111, 67, 91);
}
/*##                                                ####
########################################################
######################################################*/



/*######################################################
########################################################
####                    BLOG                        ####
####                                                ##*/
div#BlogContentArea{
    color: rgb(87, 91, 92);
    width: 540px;
    float: left;
    margin-left: 55px;
}


div#BlogContentArea span.BlogTitle{
    /*padding: 0px 0px 10px 0px;*/
    /*margin: 0px 0px 0px 0px;*/
    display: inline-block;
    font-size: 24px;
    background-image: url(/images/separator-double-underline.jpg);
    background-repeat: repeat-x;
    background-position: 0% 100%;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 10px 0px;
    color: rgb(118, 73, 98);
}


/*div#BlogContentArea h1 span{
    background-image: url(/images/separator-double-underline.jpg);
    background-repeat: repeat-x;
    background-position: 0% 100%;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
}*/


div#BlogListArea{
    width: 288px;
    float: right;
}


div#BlogListContainer{
    border-bottom: 3px solid rgb(220, 222, 221);
    border-top: 3px solid rgb(220, 222, 221);
    /*height: 400px;*/
    overflow: hidden;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div#BlogListArea h1{
    font-size: 14px;
    color: rgb(113, 112, 113);
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 5px 0px;
}


div#BlogListArea ul{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    list-style-type: none;
    list-style-image: none;
}


div#BlogListArea ul li{
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 0px ;
    list-style-image: none;
    list-style-type: none;
}


div#BlogListMore{
    background-color: rgb(248, 248, 248);
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    color: rgb(117, 71, 96);
}


div#BlogListMore img{
    vertical-align: middle;
}


p.Disclaimer{
    font-style: italic;
    font-size: 11px;
}
/*##                                                ####
########################################################
######################################################*/



/*######################################################
########################################################
####                    CONTACT US                  ####
####                                                ##*/
div#ContactUsCallout{
    width: 305px;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    position: relative;
    top: -42px;
}


div#ContactUsMainContent{
    width: 625px;
    float: right;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    overflow: auto;
    color: rgb(87, 91, 92);
}


div#ContactUsMainMargins{
    width: 610px;
}


div#ContactUsMainMargins em{
    font-weight: bold;
    font-style: normal;
}


div#ContactUsMainContent h1, div#ContactUsMainContent h2{
    font-size: 12px;
    font-weight: bold;
    color: rgb(126, 84, 108);
    margin-bottom: 15px;
}


ul#ContactUsLocationDetails{
    list-style-type: none;
    list-style-image: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}


ul#ContactUsLocationDetails li{
    list-style-type: none;
    list-style-image: none                  !important;
}


ul#ContactUsEmailList{
    clear: both;
    list-style-type: none;
    list-style-image: none;
    /*padding: 24px 0px 0px 0px;*/
    padding: 18px 0px 0px 0px;
    margin: 0px 0px 20px 0px;
}


ul#ContactUsEmailList li{
    list-style-type: none;
    list-style-image: none                  !important;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}


ul#ContactUsLocationDetails li{
    list-style-type: none;
    list-style-image: none                  !important;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
    width: 250px;
}


h1.ContactUsDirectionsHeader{
    border-top: 1px solid rgb(211, 213, 213);
    padding-top: 16px                       !important;
    clear: left;
}


div#ContactUsMainContent h2{
    font-weight: normal;
}


div#LocationSelector{
    width: 610px;
    height: 31px;
    background-image: url(/images/contact-us-selector-background.gif);
    background-repeat: repeat-x;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
    color: rgb(126, 84, 108);
}

div#LocationSelector span{
    margin: 0px 20px 0px 10px;
    padding: 0px 0px 0px 0px;
    position: relative;
    top: 4px;
}

div#LocationSelector span select{
    width: 200px;
    height: 19px;
    line-height: 19px;
}

div#ContactUsDirectionText li{
    list-style-image: url(/images/list-button.gif);
    width: 500px;
}
/*##                                                ####
########################################################
######################################################*/



/*######################################################
########################################################
####                    DIRECTIONS                  ####
####                                                ##*/
div#Directions{
    color: rgb(80, 80, 80);
    width: 930px;
    overflow: auto;
    overflow-x: hidden;
    float: left;
}


div#DirectionsMapCanvas{
    width: 70%;
    height: 480px;
    float:left;
    border: 1px solid black;
}


div#DirectionsRoute{
    width: 25%;
    float:right;
    border: 1px solid black;
    display: none;
}
/*##                                                ####
########################################################
######################################################*/



/*######################################################
########################################################
####                    PORTFOLIO                   ####
####                                                ##*/
ul#PortfolioList{
    list-style-type: none;
    list-style-image: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}


ul#PortfolioList li{
    list-style-type: none;
    list-style-image: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
    overflow: auto;
    float: left;
    clear: both;
    width: 550px;
}


ul#PortfolioList li img{
    float: left;
}


span.FirstSentence, span.FirstLine{
    color: rgb(118, 73, 98);
    font-weight: bold;
}

div.PortfolioItemText{
    width: 460px;
    margin-left: 80px;
}


div.PortfolioItemText p{
    margin-bottom: 5px;
}
/*##                                                ####
########################################################
######################################################*/



/*######################################################
########################################################
####                    INDUSTRIES                  ####
####                                                ##*/
ul#IndustryList{
    list-style-type: none;
    list-style-image: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}


ul#IndustryList li{
    width: 250px;
    height: 50px;
    float: left;
    padding: 15px 0px 15px 0px;
    margin: 0px 0px 0px 0px;
    list-style-type: none;
    list-style-image: none                  !important;
}


ul#IndustryList li a{
    color: rgb(87, 91, 92);
}


ul#IndustryList li img{
    vertical-align: middle;
    margin-right: 10px;
}
/*##                                                ####
########################################################
######################################################*/



/*######################################################
########################################################
####                    MANAGEMENT/BIOS             ####
####                                                ##*/
ul#Biographies{
    margin: 35px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    list-style-image: none;
}


ul#Biographies li{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    list-style-image: none                  !important;
}


ul#Biographies li h1{
    size: 12px;
    color: rgb(118, 73, 98);
    margin: 0px 16px 0px 0px;
}


ul#Biographies li div{
    margin: 0px 0px 40px 0px;
}


img#ManagementHeader{
    margin-bottom: 42px;
}
/*##                                                ####
########################################################
######################################################*/



/*######################################################
########################################################
####           DAY IN THE LIFE/TYPICAL DAY          ####
####                                                ##*/
div#TypicalDayContainer{
    width: 877px;
    /*height: 560px;
    background-image: url(/images/typical-day-background.gif);
    background-repeat: no-repeat;
    background-position: 0% 100%;*/
    float: left;
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    left: 47px;
}


div#TypicalDayContainer span.Time{
    color: rgb(117, 71, 96);
    font-size: 17px;
    font-weight: bold;
}


div#TypicalDayContainer span.Description{
    color: rgb(87, 91, 92);
    font-size: 17px;
    font-weight: bold;
    padding-left: 10px;
}


ul#TypicalDayList{
    list-style-type: none;
    list-style-image: none;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
    float: left;
}


ul#TypicalDayList li{
    list-style-type: none;
    list-style-image: none                          !important;
    margin: 0px 0px 0px 0px;
    padding: 0px 25px 0px 25px;
    float: left;
    text-align: center;
}


ul#TypicalDayList li a{
    font-size: 18px;
    color: rgb(118, 72, 97);
}


ul#TypicalDayList li a img{
    margin: 0px 0px 0px 0px;
}



ul#TypicalDayList li a p{
    margin: 10px 0px 0px 0px;
}


div#DayInLifeBackLink{
    clear: both;
    margin: 0px 0px 30px 47px;
    padding: 20px 0px 0px 0px;
}
/*##                                                ####
########################################################
######################################################*/



/*######################################################
########################################################
####           LECTURE VIDEO                        ####
####                                                ##*/
div#Lecture{
    width: 320px;
    height: 280px;
    float: right;
    margin-left: 15px;
    margin-bottom: 10px;
}

div#LectureNotes{
    width: 320px;
    margin-left: 15px;
    float: right;
}
/*##                                                ####
########################################################
######################################################*/



/*######################################################
########################################################
####                    SITEMAP                     ####
####                                                ##*/
ul#SitemapContainer{
    width: 250px;
    list-style-type: none;
    list-style-image: none;
    margin: 0px auto 0px auto;
    position: relative;
    top: -42px;
}


ul#SitemapContainer li{
    border: 1px solid rgb(200, 200, 200);
    list-style-type: none;
    list-style-image: none                     !important;
}


li.SitemapDepth0{
    padding-left: 0px;
}


li.SitemapDepth1{
    padding-left: 20px;
}


li.SitemapDepth2{
    padding-left: 40px;
}


li.SitemapDepth3{
    padding-left: 60px;
}
/*##                                                ####
########################################################
######################################################*/