body
{
margin: 20;
padding: 0;

background-color:  #FFFFCC;
}

#container
{
width: 100%;
margin: 0px;
background-color: #fff;
color: #333;
line-height: 130%;
}

#top
{
padding-bottom:20px;
background-color: #FFFFCC;

}


/*
background-image:  url(../gfx/musbar.gif);
background-repeat: repeat-x;
border-bottom: 1px solid #999999;

*/

#top h1
{
padding: 0;
margin: 0;
}


#leftcontainer
{
background-image:  url(../gfx/leftcol.gif);
background-repeat: repeat-y;
}

#rightcontainer
{
background-image: url(../gfx/999999.gif);
background-repeat: repeat-y;
background-position: right;
}
#leftnav
{
float: left;
width: 180px;
margin: 0;
color: #333333;
background-color: #ddd;
}

#rightnav
{
float: right;
width: 160px;
margin: 0;
padding: 0em;
}
#leftnavtext
{
padding-left:15px;
padding-right:5px;

}
#boxpad
{
padding-top:1px;
padding-left:5px;
padding-right:5px;

}
#boxcolor
{
	background-color: #FFFFCC;
}
#rightnav img
{
    display:block;
	margin-left: auto;
    margin-right: auto;
border: 0px;
padding-bottom: 5px;
}

#content
{
margin-left: 180px;
margin-right: 160px;
padding: 1em 0em 1em 1em;
}
#content img
{
padding: 1em 0em 1em 1em;
}

#footerWrapperleft
{
background-image:  url(../gfx/footerleftcol.gif);
background-repeat: repeat-y;

}
#footerWrapperright
{

background-image: url(../gfx/999999CCCbr.gif);
background-repeat: repeat-y;
background-position: right;
}
/*


background-color: #fff;
*/
#footer
{
clear: both;
margin: 0;
padding: 0em;
color: #333;
}
#footer img
{
border: 0px;
padding-top: 10px;
padding-bottom: 10px;
}
#footerleft
{
float: left;
width: 180px;
margin: 0;
border-right: 1px solid #999999;
background-color: #FFFFCC;
}
#footerleft img
{
	border: 0px;
    display:block;
	margin-left: auto;
    margin-right: auto;
}
#footerright
{
float: right;
width: 160px;
margin: 0;
border-left: 0px solid gray;
background-image: url(../gfx/999999CCCbr.gif);
background-color:#FFFFCC;
}
#footerright img
{
border: 0px;
    display:block;
	margin-left: auto;
    margin-right: auto;
}
#footercenter
{
margin-left: 180px;
border-left: 0px solid gray;
margin-right: 160px;
padding: 0em;
	color: #666666;
	font-size: 12px;
}

#musbar
{
clear: both;
background-color:#FFFFCC;
}

#musbarleft
{
float: left;
width: 180px;
margin: 0;
border-right: 1px solid #999999;

}

#musbarright
{
float: right;
width: 80px;
margin: 0;
border-left: 1px solid #999999;

}
#musbarcenter
{
margin-left: 180px;
margin-right: 80px;
background-image:  url(../gfx/musbar.gif);
background-repeat: repeat-x;
background-color: #FFFFFF;

}

#tl
{
float: left;
}
#content h2 { margin: 0 0 .5em 0; }

/* clear: both;
border-bottom: 1px solid #999999;
 rounded corners


*/
.roundedCornerSpacer {
    margin: 0px; padding: 0px; border: 0px;
    clear: both;
    font-size: 1px; line-height: 1px;
}
/* In the CSS below, the numbers used are the following:
    1px: the width of the border
    3px: a fudge factor needed for IE5/win (see below)
    4px: the width of the border (1px) plus the 3px IE5/win fudge factor
    14px: the width or height of the border image
*/
.borderTL, .borderTR, .borderBL, .borderBR {
    width: 14px; height: 14px;
    padding: 0px; border: 0px;
    z-index: 99;
}
.borderTL, .borderBL { float: left; clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin: -1px 0px 0px -1px; }
.borderTR { margin: -1px -1px 0px 0px; }
.borderBL { margin: -14px 0px 0px 0px; }
.borderBR { margin: -14px 0px 0px 0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px! Why? */
.borderTL {
    margin-left: -4px;
    ma\rgin-left: -1px;
}
html>body .borderTL {
    margin-left: -1px;
}
.borderTR {
    margin-right: -4px;
    ma\rgin-right: -1px;
}
html>body .borderTR {
    margin-right: -1px;
}
.borderBL {
    margin-left: -3px;
    ma\rgin-left: 0px;
}
html>body .borderBL {
    margin-left: 0px;
}
.borderBR {
    margin-right: -3px;
    ma\rgin-right: 0px;
}
html>body .borderBR {
    margin-right: 0px;
}
/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the boxWrapper class. */
.box {
    margin: 0px;
    padding: 0px;

}
.boxWrapper {
    /* position this div however you want, but
       keep its padding and border at zero */
    padding: 0px;
    border: 0px;
} 

#stuff
{
padding-top: 2px;
padding-left:5px;
background-image:  url(../gfx/muslehorizontalslice_repeat.gif);
background-repeat: repeat-x;
}