#container
    {
    width: 800px;
    margin: 0 auto;   /* the auto margins (in conjunction with a width) center the page */
    text-align: left; /* this overrides the text-align: center on the body element. */
    }

#mainContentWrapper
    {
    clear: both;
    background-repeat: repeat-x;
    background-image: url(/cms/tpl/img/mainContentHeaderTile.png);
    }
#mainContentWrapper_alt
    {
    clear: both;
    background-repeat: repeat-x;
    background-image: url(/cms/tpl/img/mainContentHeaderTile_alt.png);
    }
#mainContent, #mainContent_alt
    {
    width: 798px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(/cms/tpl/img/mainContentTile.png);
    background-repeat: repeat-y;
    }
#mainContent_alt
    {
    /*background-image: url(/cms/tpl/img/mainContentTile_alt.png);*/
    background-image:none;
    }
#mainContentBody, #mainContentBody_alt
    {
    clear: both;
    padding: 20px;
    background-image: url(/cms/tpl/img/mainContentTop.png);
    background-repeat: no-repeat;
    width: 798px;
    
    }
#mainContentBody_alt
    {

    /*background-image: url(/cms/tpl/img/mainContentTop_alt.png);*/
background-image:none;
    
    }
#mainContentCopy
    {
    width: 450px;
    float: left;
    background-color: transparent;

     margin-left: 5px;
     
    }

#mainContentMenu
    {
    width: 293px;
    float: right;
    margin-right: 35px;
     color: #014A7C;
    }

#mainContentMenu li
    {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
   
    }

#mainContentMenu ul
    {
    padding: 0px;
    margin: 0px;
    }

#mainContentMenu li a
    {
    display: block;
      border-top: 1px solid #fff; 
      border-bottom: 1px solid #CCC; 
      text-decoration: none;        
    }
.menu_title
    {
    font-weight: bold;
     padding:5px; 
    border-bottom: 1px solid #CCC;  
     color:#535353;
     text-transform: uppercase;
    }
.menu_break{
   height:30px;  
}
a.scrollnav, a.scrollnav_on
    {
   padding:5px; 
    padding-left: 30px;
    background-image: url(/cms/tpl/img/icon_star.gif);
    background-repeat: no-repeat;
    background-position: -24px 3px;
   
   
    }

a.scrollnav:hover, a.scrollnav_on, a.selected
    {
    background-color: #FFF;
    background-position: 0px -21px;
    }

a.help, a.help_on
    {
    
    background-image: url(/cms/tpl/img/icon_lifesaver.png);
    background-repeat: no-repeat;
    background-position: 5px 0px;
    height:14px;
    padding:5px; 
    padding-left: 35px;
    font-weight: bold;
    text-decoration: none;
    }

a.help:hover, a.help_on
    {
    background-color: #FFF;
    background-position: 5px -24px;
    }

a.client_login, a.client_login_on
    {
    padding-left: 35px;
    background-image: url(/cms/tpl/img/icon_padlock.png);
    background-repeat: no-repeat;
    background-position: 5px 0px;
    height:14px;
    padding:5px; 
    padding-left: 35px;
    font-weight: bold;
    text-decoration: none;
    }

a.client_login:hover, a.client_login_on
    {
    background-color: #FFF;
    background-position: 5px -24px;
    }

a.home, a.home_on
    {
    padding-left: 35px;
    background-image: url(/cms/tpl/img/images/icon_home.png);
    background-repeat: no-repeat;
    background-position: 2px 0px;
    height: 24px;
    font-weight: bold;
    text-decoration: none;
    }

a.home:hover, a.home_on
    {
    background-color: #FFF;
    background-position: 2px -24px;
    }

#mainContentBot, #mainContentBot_alt
    {
    clear: both;
    background-image: url(/cms/tpl/img/mainContentBottom.png);
    background-repeat: no-repeat;
    height: 50px;
    width: 798px;
    }
#mainContentBot_alt
    {

    /*background-image: url(/cms/tpl/img/mainContentBottom_alt.png);*/
background-image:none;
    }
#header
    {
    width: 778px;
    margin: 0px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    }

#topnav
    {
    height: 17px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-repeat: no-repeat;
    margin-top: 0px;
    margin-bottom: 0px;
    background-position: right;
    }

#header_right
    {
    width: 150px;
    margin: 0px;
    padding: 0px;
    float: right;
    height: 64px;
    padding-top: 10px;
    }

#logo
    {
    float: left;
    }

#logo imp
    {
    margin: 0px;
    padding: 0px;
    border: none;
    }

ul#tabs
    {
    width: 778px;
    height: 24px;
    float: left;
    clear: both;
    padding: 0px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    }

ul#tabs li
    {
    display: inline;
    float: left;
    }

ul#tabs li a
    {
    display: block;
    width: 129px;
    height: 24px;
    background: url(/cms/tpl/img/tabs.png) no-repeat 0 0;
    text-indent: -9009px;
    }

ul#tabs li#home_on a, ul#tabs li#home_on a:hover
    {
    background-position: -0px -24px;
    }

ul#tabs li#home a
    {
    background-position: -0px 0px;
    }

ul#tabs li#home a:hover
    {
    background-position: -0px -48px;
    }

ul#tabs li#elearning_on a, ul#tabs li#elearning_on a:hover
    {
    background-position: -129px -24px;
    }

ul#tabs li#elearning a
    {
    background-position: -129px 0px;
    }

ul#tabs li#elearning a:hover
    {
    background-position: -129px -48px;
    }

ul#tabs li#web_and_multimedia_on a, ul#tabs li#web_and_multimedia_on a:hover
    {
    background-position: -258px -24px;
    }

ul#tabs li#web_and_multimedia a
    {
    background-position: -258px 0px;
    }

ul#tabs li#web_and_multimedia a:hover
    {
    background-position: -258px -48px;
    }

ul#tabs li#open_source_on a, ul#tabs li#open_source_on a:hover
    {
    background-position: -387px -24px;
    }

ul#tabs li#open_source a
    {
    background-position: -387px 0px;
    }

ul#tabs li#open_source a:hover
    {
    background-position: -387px -48px;
    }

ul#tabs li#clients_and_portfolio_on a, ul#tabs li#clients_and_portfolio_on a:hover
    {
    background-position: -516px -24px;
    }

ul#tabs li#clients_and_portfolio a
    {
    background-position: -516px 0px;
    }

ul#tabs li#clients_and_portfolio a:hover
    {
    background-position: -516px -48px;
    }

ul#tabs li#agency_on a, ul#tabs li#blog_on a:hover
    {
    background-position: -645px -24px;
    }

ul#tabs li#agency a
    {
    background-position: -645px 0px;
    }

ul#tabs li#agency a:hover
    {
    background-position: -645px -48px;
    }



#footer
    {
    clear:both;
    margin-top: 20px;
    height: 20px;
    background-color: #084E7E;
    }

div.htmltooltip
    {
    position: absolute; /*leave this and next 3 values alone*/
    z-index: 1000;
    left: -1000px;
    top: -1000px;
    background: #fff;
 
    border: 2px ridge #EAEAEA;
    color: #084E7E;
    padding: 3px;
    width: 250px; /*width of tooltip*/
    }