/* 
===================================================
 Container Styles for whitebrown - DAScott
===================================================
*/   

#whitebrown {
    background:         transparent;
    }

#whitebrown .containermaster {
	width:              100%;
	background:         transparent;
	padding:            1px; /*forces columns to proper width */
    margin-bottom:      4px;
}

#whitebrown .containerheader .Head { /*XHTML is case sensative */
    font-family:        Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
    padding-left:       5px;
    font-size:          .7em;
    color:              #362020; /*darkbrown*/
    font-weight:        bold;
    letter-spacing:     1px;
    vertical-align:     middle;
}

#whitebrown .Head { /*XHTML is case sensative */
/* inherit Head from page skin */
}

#whitebrown .subhead {
    font-size:          .7em; 
    color:              #362020; /*darkbrown*/
    font-weight:        bold;
    letter-spacing:     1px;
    vertical-align:     middle;
}

#whitebrown .containertoolbar {
    text-align:         right;
    vertical-align:     text-bottom;
    height:             21px;
}

#whitebrown .containerheaderleft {
    background:         transparent url(whitebrown/topleft.png) no-repeat top right;
    width:              9px;
}

#whitebrown .containerheader {
    background:         transparent url(whitebrown/topcenter.png) repeat-x;
    border-bottom:      solid 1px #d1c0c9; /*whitebrown*/   
}

#whitebrown .containerheaderright {
    background:         transparent url(whitebrown/topright.png) no-repeat;
    width:              9px;
}

#whitebrown .containerbodyleft {
    background:         transparent url(whitebrown/leftcenter.png) repeat-y top right;
}

#whitebrown .containerbody {
    background:         #ffffff;
    padding-bottom:     3px;   
}

#whitebrown .containerbodyright {
    background:         transparent url(whitebrown/rightcenter.png) repeat-y top left;
}

#whitebrown .toolbarbodyleft {
    background:         transparent url(whitebrown/leftcenter.png) repeat-y top right;
}

#whitebrown .toolbarbody {
    background:         #ffffff; /*white*/
    /*border-top:         solid 1px #d1c0c9; whitebrown*/       
}

#whitebrown .toolbarbodyright {
    background:         transparent url(whitebrown/rightcenter.png) repeat-y top left;
}

#whitebrown .containerfooterleft {
    background:         transparent url(whitebrown/bottomleft.png) no-repeat top right;    
}

#whitebrown .containerfooter {
    background:         transparent url(whitebrown/bottomcenter.png) repeat-x top left;
    height:             9px;
}

#whitebrown .containerfooterright {
    background:         transparent url(whitebrown/bottomright.png) no-repeat;
}