﻿/* 
===================================================
 Container Styles for brown - DAScott
===================================================
*/   

#brown {
    background:         transparent;
    }

#brown .containermaster {
	width:              100%;
	background:         transparent;
	padding:            1px; /*forces columns to proper width */
    margin-bottom:      4px;
}

#brown .containerheader .Head { /*XHTML is case sensative */
    font-family:        Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
    padding-left:       5px;
    font-size:          .7em;
    color:              white;
    font-weight:        bold;
    letter-spacing:     1px;
    vertical-align:     middle;
}

#brown .Head { /*XHTML is case sensative */
/* inherit Head from page skin */
}

#brown .subhead {
    font-size:          .7em; 
    color:              #362020; /*darkbrown*/
    font-weight:        bold;
    letter-spacing:     1px;
    vertical-align:     middle;
}

#brown .containertoolbar {
    text-align:         right;
    vertical-align:     text-bottom;
    height:             21px;
}

#brown .containerheaderleft {
    background:         transparent url(brown/topleft.png) no-repeat top right;
    width:              9px;
}

#brown .containerheader {
    background:         transparent url(brown/topcenter.png) repeat-x;
}

#brown .containerheaderright {
    background:         transparent url(brown/topright.png) no-repeat;
    width:              9px;
}

#brown .containerbodyleft {
    background:         transparent url(brown/leftcenter.png) repeat-y right;
}

#brown .containerbody {
    /*background:         transparent url(brown/center.png) repeat;*/
    background:         #ffffff; /*white*/
}

#brown .containerbodyright {
    background:         transparent url(brown/rightcenter.png) repeat-y;
}

#brown .containerfooterleft {
    background:         transparent url(brown/bottomleft.png) no-repeat top right;    
}

#brown .containerfooter {
    background:         transparent url(brown/bottomcenter.png) repeat-x;
    height:             9px;
}

#brown .containerfooterright {
    background:         transparent url(brown/bottomright.png) no-repeat;
}


