#left, #right, #center .innerPadding h1.sectionTitle, #center .innerPadding h2.pageTitle {
    display:none;}

#center {
    width:100%;
    background:none;}

    #center .innerPadding {
        padding:0;}

    #center .photo {
        float:left;
        width:100%;
        height:450px;
        background-position:center center;
        background-repeat:no-repeat;}

    #center .navigation {
        float:left;
        clear:left;
        width:100%;
        border-width:2px 0;
        border-style:solid;
        border-color:#fff;
        background:#daa402;
        text-align:center;}

        #center .navigation .centering {
            width:770px;
            margin:0 auto;}


        #center .navigation .ulNav {
            text-align:left;
            width:auto;
            padding:0;}

        #center .navigation .ulNav a {
            color:#322807 !important;
            padding:.4em 0;
            text-decoration:none !important;}

        #center .navigation .ulNav li.root {
            padding:.2em 7px;
            margin:0;}

        #center .navigation .ulNav li {
            margin:0;}
            
            .navigation .ulNav li span.expandButton {
                display:none;}

        #center .navigation .ulNav li a.root {
            font-weight:bold;
            padding:.2em 0;}

        #center .navigation .ulNav li ul {
            background:#daa402;
            border:1px solid #fff;
            border-top:none;
            margin:.25em 0 0 -.8em;
            z-index:1000;}

            #center .navigation .ulNav li ul a {
                width:12.4em;
                padding:.3em;
                color:#fff;}

            #center .navigation .ulNav li ul ul {
                border-top:1px solid #fff;
                margin:-1.55em 0 0 12em;}

        #center .navigation .ulNav li ul.bachelor,
        #center .navigation .ulNav li:hover ul.bachelor,
        #center .navigation .ulNav li.hover ul.bachelor {
            display:none !important;}

        /* highlighting */
        #center .navigation .ulNav li.hover, .ulNav li:hover {
          background-color:#eab42d;}

          #center .navigation .ulNav li.hover a:hover, .navigation .ulNav li:hover a:hover {
            background-color:#eab42d;
            color:#322807;}

          #center .navigation .ulNav li.hover ul a, .navigation .ulNav li:hover ul a {
            color:#322807;}


/* BOTTOM BOXES */

    #center .boxes {
        float:left;
        clear:left;
        width:100%;
        padding:0 0 2em 0;
        text-align:center;
        background:transparent url(/images/home_content_bg.png) repeat top left;}

        #center .boxes .innerPadding {
            padding:2% .5%;}

            #center .boxes .left, #center .boxes .mid, #center .boxes .right {
                float:left;
                display:inline;
                text-align:left;
                margin:0;}

            #center .boxes .left, #center .boxes .right {
                width:25%;}

            #center .boxes .mid {
                width:45%;
                margin:0 2%;}


            /* boxes */

            .box .top.largeTop div, .box .bottom.largeBottom div {
                width:96%;}

            /* top and bottom, right side images */
            #center .boxes .box .top div, #center .boxes .box .bottom div {
                height:29px;
                background-image:url(/images/home_box_top_right.png);}

                #center .boxes .box .top.largeTop div {
                    background-image:url(/images/home_box_top_right_large.png);}

            #center .boxes .box .bottom div {
                background-image:url(/images/home_box_tan_bottom_right.png);}

                #center .boxes .box .bottom.largeBottom div {
                    background-image:url(/images/home_box_tan_bottom_right_large.png);}
    
                /* box title, held in top>div */
                #center .boxes .box .top div h1 {
                    text-transform:uppercase;
                    font-weight:bold;
                    margin:.65em 0 0 0;
                    padding:0 25px 0 0;
                    color:#fff;
                    font-size:small;
                    background:none;}

            /* top and bottom, left side images */
            #center .boxes .box .top, #center .boxes .box .bottom {
                height:29px;
                background-image:url(/images/home_box_top_left.png);}

                #center .boxes .box .top.largeTop {
                    background-image:url(/images/home_box_top_left_large.png);}

            #center .boxes .box .bottom {
                background-image:url(/images/home_box_tan_bottom_left.png);}

                #center .boxes .box .bottom.largeBottom {
                    background-image:url(/images/home_box_tan_bottom_left_large.png);}

            /* box content, holds right side border image */
            #center .boxes .box .boxContent {
                background:#947d2e url(/images/right_box_border.png) repeat-y top right;}

            /* content is padded */
            #center .boxes .box .boxContent .innerPadding {
                padding:2% 4%;
                background:transparent url(/images/right_box_border.png) repeat-y top left;}

                /* text styles within boxes */
                #center .boxes .box .boxContent p {
                    width:98%;
                    margin:0;
                    padding:1em 0 1em 0;
                    color:#fff;
                    line-height:1.2;
                    text-align:justify;}

                #center .boxes .box .boxContent p.img {
                    margin-right:0;
                    text-align:right;}

                #center .boxes .box .boxContent a, #center .boxes .box .boxContent a:hover {
                    display:block;
                    padding:0 0 .3em 0;
                    font-style:italic;
                    font-weight:bold;
                    color:#f6cb00;
                    text-decoration:none;
                    text-align:right;}

                    #center .boxes .box .boxContent a:hover {
                        text-decoration:underline}


/* specific box content styles */
/* left - commodity prices */
    .left .boxContent table {
        width:100%;
        margin-top:.5em;
        border-bottom:1px dashed #fff;}
        
        .left .boxContent table td {
            width:48%;
            text-align:left;}
            
            .left .boxContent table td a, .left .boxContent table td a:hover {
                text-align:left !important;
                display:inline !important;}

    #center .left .boxContent td.name a {
        display:inline;
        text-align:left;
        padding:0;}
        
    #center .left .boxContent td.price {
        text-align:right;
        font-style:normal;
        color:#fff;}


/* mid box - careers */
        #center .boxes .mid .boxContent .innerPadding {
            padding:0 2px;}
            
            /* innerPadding has no width, so none of its children inherit 100% width */
            #ie7 #center .boxes .mid .boxContent .innerPadding,
            #ie7 #center .boxes .right .boxContent .innerPadding {
                width:100%;}
                
        #center .boxes .mid .boxContent .innerPadding .careerContent {
            width:100%;
            height:215px;}
            
            /* 100% width + padding throws this off in IE7 */
            #ie7 #center .boxes .mid .boxContent .innerPadding .careerContent {
                width:98.75%;}
            
            /* full width a for clickable goodness! */
            #center .boxes .mid .boxContent .innerPadding .careerContent a {
                width:100%;
                height:215px;
                display:inline-block;
                padding:0;
                background:transparent url(/images/home_career_box_content.jpg) no-repeat left bottom;}
                
/* right box */
        #center .boxes .right .boxContent .innerPadding {
            padding:0 2px;}
            
        #center .boxes .right .boxContent .innerPadding .mapContent {
            width:100%;
            height:210px;}                
            
            /* 100% width + padding throws this off in IE7 */
            #ie7 #center .boxes .right .boxContent .innerPadding .mapContent {
                width:98%;}
                
            /* full width a for clickable goodness! */
            #center .boxes .right .boxContent .innerPadding .mapContent a {
                width:100%;
                height:210px;
                display:inline-block;
                padding:0;
                background:transparent url(/images/home_map_box_content_bg.jpg) no-repeat left bottom;}

