/* Redesign of MS */
/*--J.S--Dec--09--: this should be the final and latest version*/

body {
    background:#fff;
}

/* Drawer */
#drawer {
    margin:0;
    padding:0;
    border-bottom:1px #fff solid; /* may help w IE7 issues */
    background: url(/images/new_skin/drawer_new_mid.png) 0 0 repeat-y !important;
}

#drawer .panel {
    float:left;
    padding:0;
    margin:0;
    width:924px;
    height:auto !important;
    background: url(/images/new_skin/drawer_new_top.png) 0 0 no-repeat;
}


#drawer .panel .panel_contents {
    float:left;
    padding:20px 20px 15px 20px;
    width:884px;
/*    height:240px;*/
    background: url(/images/new_skin/drawer_new_bottom.png) 0 100% no-repeat;
}

#drawer .panel.alt {
    background: url(/images/new_skin/drawer_new_top.png) 0 0 no-repeat;
    color:#180900;
}

.close-drawer {
    text-indent:-3333px;
}

#drawer .panel .image {
	float:left;
	margin-top:0;
	width:421px;
}

#drawer .panel .image img {
    width:421px;
}

#drawer .panel .text {
	float:right;
    width:450px;
}

/* end of drawer */

/* Tabs */
#tabs_content {
	clear:both;
	margin-top:20px;
}
#tabs {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height:99px;
    width:924px;
}

#tabs li {
    float: left;
    width:auto;
    height:99px;
}

#tabs li a {
    display: block;
    padding:0;
    height:99px;
    background: url(/images/new_skin/menu_sprite.png) 0 -99px;
    text-indent:-3333px;
}

#tabs li a:hover, #tabs li a.active {
    margin-right:0 !important;
    background: url(/images/new_skin/menu_sprite.png) 0 0;
}

/* New individual tab bgs */

/* En set */
#tabs li #tab_1 {
    width:236px;
    background-position: 0 -99px;
}

#tabs li #tab_1.active, #tabs li #tab_1:hover {
    background-position: 0 0;
}

#tabs li #tab_2 {
    width:226px;
    background-position: -236px -99px;
}

#tabs li #tab_2.active, #tabs li #tab_2:hover {
    background-position: -236px 0;
}

#tabs li #tab_3 {
    width:228px;
    background-position: -462px -99px;
}

#tabs li #tab_3.active, #tabs li #tab_3:hover {
    background-position: -462px 0;
}

#tabs li #tab_4 {
    width:234px;
    background-position: -690px -99px;
}

#tabs li #tab_4.active,  #tabs li #tab_4:hover {
    background-position: -690px 0;
}

/* Fr set */
.fr #tabs li #tab_1 {
    width:236px;
    background-position: 0 -297px;
}

.fr #tabs li #tab_1.active, .fr #tabs li #tab_1:hover {
    background-position: 0 -198px;
}

.fr #tabs li #tab_2 {
    width:226px;
    background-position: -236px -297px;
}

.fr #tabs li #tab_2.active, .fr #tabs li #tab_2:hover {
    background-position: -236px -198px;
}

.fr #tabs li #tab_3 {
    width:228px;
    background-position: -462px -297px;
}

.fr #tabs li #tab_3.active, .fr #tabs li #tab_3:hover {
    background-position: -462px -198px;
}

.fr #tabs li #tab_4 {
    width:234px;
    background-position: -690px -297px;
}

.fr #tabs li #tab_4.active,  .fr #tabs li #tab_4:hover {
    background-position: -690px -198px;
}
/* end of tabs*/

/* content section */
#content {
    clear:both; /* IE 7 may require this */
    border-top:1px #d85 solid; /* IE 7 may require this */
    background: url(/images/new_skin/content_new_mid.png) 0 0 repeat-y;
}

#content_wrapper {
    background: url(/images/new_skin/content_new_bottom.png) 0 100% no-repeat;
}

#content_panes {
	clear:both;
    padding:45px 35px 35px 35px;
    background: url(/images/new_skin/content_new_top.jpg) 0 0 no-repeat;
}

.content-pane {
    display:none;
    position:relative;
    padding-right:440px;
    height:600px;
}

.fr .content-pane {
    height:500px;
}

.fr #content_1, .fr #content_3 {
    height:400px;
}

.fr #content_4 {
    height:400px;
}

#content_1 {
    display:none;
}

.fr .content-pane {
    padding-right:0;
}

/* end of content section*/

/* classes for accordion-like interaction */

.section_link {
    padding:0 5px 2px 17px;
    background: url(/images/new_skin/chevron.png) -10px 53% no-repeat;
}

.section {
    display:none;
    padding:10px;
}

/* end of accordion*/


/* new footer design */
#footer_holder {
    margin:15px 0 0 0;
    background: url(/images/new_skin/footer_new_background.png) 0 100% no-repeat;
}

#footer {
    padding:0;
	width:100%;
    background: url(/images/new_skin/footer_new_mid.png) 0 0;
    line-height:1.25em;
}

#footer #footer_wrapper_top {
    padding:0;
    background: url(/images/new_skin/footer_new_top.png) 0 0 no-repeat;
}

.fr #footer #footer_wrapper_top {
    background: url(/images/new_skin/footer_new_top_noclose.png) 0 0 no-repeat;    
}

#footer #footer_wrapper_bottom {
    padding:0;
    background: url(/images/new_skin/footer_new_bottom.png) 0 100% no-repeat
}

.footer-pane {
    padding:20px;
    display: none;
}

#footer p {
    margin-bottom:9px;
}

#footer_holder ul.nav {
    margin:0 0 0 0;
    padding:35px 0 0 260px;
    width:auto;
    text-align:left;
}

#footer_holder ul.nav li {
    padding:0 15px 0 0;
}

#footer_holder ul.nav li a {
    font-size:15px;
    color:#000 !important;
}

#footer_holder ul.nav li a:hover {
    text-decoration:underline;
}

p.copyright {
    margin:0;
    padding:0 20px 15px 260px;
    border:0;
    width:auto;
}

.news {
    padding-left:150px;
    width:650px;
}

.years {
    padding:0;
}
/* end of footer */


/* Helpers and FX */
.photo_inner_shadow {
    float:right;
    margin-right:-440px;
    margin-top:7px;
}

.photo_inner_shadow img {
}

.css_shadow {
    -webkit-box-shadow: none;
}

/* Typo */

a, a:visited, a:active, a:link {
    color:#E47E02;
}

h3 {
    color:#F7AF35;
}

h3.upper {
    font-size:180%;
    padding-bottom:1em;
}

h4 {
    margin:0 0 0.5em 0;
    font-weight:bold;
}

.section_link a {
    font-size:90%;
    text-decoration:none;
    color:#F7AF35;
    }

.section p {
    font-size:13px;
}

p.copyright {
    color:#000;
    font-size:10px;
    text-align:left;
}