body {
    width:100%;
    margin:0;
    padding:0;
    background:url(../art/background-repeat.gif) top center no-repeat; 
}


#background-extend {
    width:100%;
    background:url(../art/background-bottom.gif) bottom center no-repeat; }

#container {
    width:770px;
    margin:10px auto 0 auto;
}

#header {
    width:770px;
    height:85px;
    background:url(../art/header-bg.gif) bottom left no-repeat #ffffff;
}



#left-content {
    float:left;
    padding:55px 30px 80px 35px;
    background-color:#ebebdc;
    width:359px;
    margin:0;
    min-height:280px;
}


#right-content {
    float:left;
    width:288px;
    padding:55px 0 20px 48px;
    margin:0;
}

/* footer style, this is if the footer is outside the container div */

#footer {
    margin:-18px 0 0 473px;
    padding:0;
    height:17px;
}



/* every site should have a copyright year and link to Bam. make sure you change the anchor colour for the Bam div */

#credits {
    font-size:0.8em;
    margin-left:475px;

    color:#b4b497;
}

#credits a{
    color:#b4b497;
    text-decoration:none;
}

#flash {
	float:right;
    margin-right:5px;
	margin-top:3px;
	width:294px;
}

#submit {
    border:none;
    color:#FFFFFF;
    background-color:#b55400;
    font-size:0.9em;
    height:20px;
    width:60px;
}
/***************************************************

            Navigation Style Start
        
***************************************************/

#nav {
    float:left;            /* float nav to left side of container */
    padding:0 0px 0 20px;
    margin:39px 0 0 -20px;
}

#nav ul {
    padding:0;    background-color:#b55400;

    margin:0;
    list-style:none;        /* set list style as none to remove bullets */
    list-style-image:none;    /* if you are using custom list images, the
list image may carry across so remove it */ }

#nav ul li {
    list-style:none;
    list-style-image:none;
    padding:0;
    margin:0;
    float:left;
    height:22px;
}

#nav ul li a{
    height:22px;
    display:block;
    margin:0;
    padding:0;
}

#nav ul li a span {
    padding:0;
    margin:-9999px 0 0 -9999px;
}

#nav ul li#home {
    width:61px;
    background:url(../art/nav.gif) 0px 0px no-repeat; }

#nav ul li#home:hover, #nav ul li#home.sfhover {
    background:url(../art/nav.gif) 0px -22px no-repeat; }

#nav ul li#about-us {
    width:81px;
    background:url(../art/nav.gif) -61px 0px no-repeat; }

#nav ul li#about-us:hover, #nav ul li#about-us.sfhover {
    background:url(../art/nav.gif) -61px -22px no-repeat; }

#nav ul li#services {
    width:79px;
    background:url(../art/nav.gif) -142px 0px no-repeat; }

#nav ul li#services:hover,#nav ul li#services.sfhover {
    background:url(../art/nav.gif) -142px -22px no-repeat; }

#nav ul li#opportunities {
    width:112px;
    background:url(../art/nav.gif) -221px 0px no-repeat; }

#nav ul li#opportunities:hover, #nav ul li#opportunities.sfhover {
    background:url(../art/nav.gif) -221px -22px no-repeat; }

#nav ul li#contact-us {
    width:91px;
    background:url(../art/nav.gif) -333px 0px no-repeat; }

#nav ul li#contact-us:hover,#nav ul li#contact-us.sfhover {
    background:url(../art/nav.gif) -333px -22px no-repeat; }

#nav li ul {
    position: absolute;                    /* for drop down menus, a ul must
be created inside the parent list item */
    width: 10em;                        /* set a width to make IE happy */
    left: -999em;                        /* pretty much send the list far
far off the screen */
    margin:0px 0 0 0;                    /* this is to line it up later
on... */
    padding:0;

}

#nav li:hover ul, #nav li.sfhover ul {
    left: auto;                            /* on hovering, set the left to
auto, instead of -999em. so it will pull the list to the start of the element. the margin above is in case its slightly out */ }

#nav li ul li {
    width:145px;                        /* can be changed to accommodate
longer page names */
    font-size:0.85em;
    background-image:none;
    background-color:#b55400;
    border-bottom:1px solid #c47633;
    margin:0;
}

#nav li ul li a {
    padding:0px 9px;
    width:137px;   
    background-image:none;
    color:#ffffff;
    text-decoration:none;
}

#nav li ul li a:hover {
    background-color:#ffffff;
    width:135px;
    color:#b55400;
    border-right:1px solid #c47633;
    border-left:1px solid #c47633;
}

#nav li ul ul {
	margin: -22px 0 0 145px;
	padding:0;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

#nav li ul ul li {
    border-top:1px solid #c47633;
	width:155px;
}