body{
background: #39090A;
color: #000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*left hand nav style*/
.bbcpageLocal{background: #39090A;}
.bbcpageCrumb{background: #39090A;}


.bbcpageTopLefttd, .bbcpageServices {
color: #FFFFFF;
}

a.bbcpageTopleftlink:LINK, a.bbcpageTopleftlink:VISITED, a.bbcpageTopleftlink:HOVER, a.bbcpageTopleftlink:ACTIVE, a.bbcpageTopleftlink {
color: #ffffff;
text-decoration: none;
}

a.bbcpageCrumb, a.bbcpageCrumb:hover, a.bbcpageCrumb:visited, a.bbcpageCrumb:active {
color: #FFFFFF;
text-decoration: none;
font-size: 0.7em;
}

a.bbcpageCrumb:hover {
text-decoration:underline;
}

.bbcpageServices{background: #39090A;}
.bbcpageGutter{background:#FFFFFF;}
a.bbcpageServices{color: #FFFFFF;text-decoration:none;}
a.bbcpageServices:hover{color: #FFFFFF; text-decoration:underline;}
a.bbcpageServices:visited{color: #FFFFFF; text-decoration:none;}
a.bbcpageServices:active{color: #FFFFFF; text-decoration:none;}
.bbcpageFooterMargin{background: #39090A;}
.bbcpageFooterGutter{background: #39090A;}
.bbcpageFooter{background: #39090A; color: #FFFFFF;}

#artsHomepage A, #artsHomepage A:link, #artsHomepage A:visited, #artsHomepage A:hover, #artsHomepage A:active {
color: #ffffff;
font-size: 60%;
text-decoration: none;
padding-left: 8px;
font-family: arial;
}

#artsHomepage A:hover {
text-decoration: underline;
}

#navcontainer a:hover,
#currentSection A, #currentSection A:link, #currentSection A:visited, #currentSection A:hover, #currentSection A:active {
background-color: #795859;
color: #ffffff;
}

#navcontainer ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align:center;
font-size:0.8em;
}
#navcontainer li{
margin: 0px;
padding: 0px;
font-weight: bold;
}
#navcontainer a{
display: block;
background: #FFFFFF;
color: #8F0E0D;
padding-top: 2px;
padding-left: 7px;
padding-bottom: 2px;
text-decoration: none;
border-bottom: 1px solid #8F0E0D;
text-align:left;
}

div#navcontainer{
margin-top:10px;
}
#navcontainer a.bbcpageLocalTop{
background:#795859;
color:#FFFFFF;
}
/*end left hand nav style*/
/*content css starts here*/
a{color: #9D0608; text-decoration:none;}
a:visited{color: #9D0608; text-decoration:none;}
a:hover{color: #9D0608; text-decoration:underline;}
a:active{color: #9D0608; text-decoration:none;}
/*main box - contains bottom of banner as background*/
div#content{
float:left;
background-image: url(/staticarchive/e9d2be8c695c802244311862c1a5cd425b9c7a8f.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
width:635px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}
* html div#content{
position:relative;
top:-4px;
}
/*left hand panel*/
h1{
font-size:0.8em;
margin-top:0px;
margin-bottom:0px;
padding: 7px 0px 0px 7px;
}
div#panelNo1{
float:left;
padding: 0px 5px 0px 5px;
background-color:#FFFFFF;
width:407px;
}
* html div#panelNo1{
padding: 0px 2px 0px 5px;
width:417px;
}
div#panelNo1 h2{
font-size:0.8em;
margin-top:0px;
margin-bottom:0px;
padding: 49px 0px 0px 80px;
}
div#panelNo1 p{
font-size:0.7em;
padding-left: 7px;
padding-right:5px;
margin-top:5px;
}
div#panelNo1 h2#normal{
font-size:0.8em;
margin-top:0px;
margin-bottom:0px;
padding: 7px 0px 0px 7px;
}
h3#backtotop{
font-size:0.8em;
padding-left:10px;
margin:0px;
background-image: url(/staticarchive/98cdfca3409932f49c8396fee4908d6495972a2b.gif);
background-repeat:no-repeat;
background-position:center left;
}
#backtotop a{color: #9D0608; text-decoration:none;}
#backtotop a:visited{color: #9D0608; text-decoration:none;}
#backtotop a:hover{color: #9D0608; text-decoration:underline;}
#backtotop a:active{color: #9D0608; text-decoration:none;}
/* end left hand panel */

/*right hand panel*/
div#panelNo2{
float:left;
padding: 37px 4px 0px 0px;
width:214px;
}
* html div#panelNo2{
padding: 39px 4px 0px 0px;
width:218px;
}
div#links{
background-color:#8F0E0D;
padding:0px 5px 0px 8px;
min-height:107px;
color: #FFFFFF;
}
*html div#links{
height: 107px;
}
#links h2 {
background-image: url(/staticarchive/fcc42a12b7c99e80f589c8ba9cea73943f7e2a10.gif);
background-repeat:no-repeat;
background-position:center left;
font-size:0.8em;
margin-top: 2px;
padding: 6px 0px 6px 10px;
}
#links p {
font-size: 0.7em;
}
#links a{color: #FFFFFF; text-decoration:none;}
#links a:visited{color: #FFFFFF; text-decoration:none;}
#links a:hover{color: #FFFFFF; text-decoration:underline;}
#links a:active{color: #FFFFFF; text-decoration:none;}

div#timeline{
padding-top:40px;
background-image: url(/staticarchive/77519bbbc0bc70b2ef930f658417887c78fd0281.jpg);
background-repeat:no-repeat;
background-color:#9E7559;
color:#FFFFFF;
margin: 5px 0px 0px 0px;
min-height: 75px;
padding-left: 10px;
padding-right: 10px;
}
* html div#timeline{
height: 118px;
margin: 5px 0px 0px 0px;
}
#timeline a{color: #FFFFFF; text-decoration:none;}
#timeline a:visited{color: #FFFFFF; text-decoration:none;}
#timeline a:hover{color: #FFFFFF; text-decoration:underline;}
#timeline a:active{color: #FFFFFF; text-decoration:none;}

#timeline h2, #timeline h3, #timeline h4 {
font-size:0.8em;
margin: 0px;
background-image: url(/staticarchive/5d3ddb2dfc11e81badcec069cd82df36d353f6a1.gif);
background-repeat:no-repeat;
background-position:center left;
padding-top:8px;
padding-left: 10px;
}

#timeline p {
font-size: 0.7em;
margin-top:7px;
margin-bottom:0px;
}
* html div#timeline{
background-repeat:no-repeat;
}
div#seeAlso{
background-color:#9E7559;
margin: 5px 0px 0px 0px;
min-height: 151px;
color:#FFFFFF;
padding-bottom: 5px;
}
*html div#seeAlso{
height: 151px;
}
#seeAlso h2{
background-color:#8F0E0D;
font-size:0.8em;
margin-top:0px;
padding: 5px 0px 5px 10px;
}
#seeAlso h4{
background-color:#8F0E0D;
font-size:0.8em;
margin-top:0px;
padding: 5px 0px 5px 10px;
}
#seeAlso ul{
list-style-image: url(/staticarchive/fcc42a12b7c99e80f589c8ba9cea73943f7e2a10.gif);
padding-left: 24px;
margin: 0;
font-size:0.7em;
padding-right:5px
}
* html #seeAlso ul{
list-style-image: url(/staticarchive/b288eb4930c16699d01304e5ffcb0859c7173d00.gif);
padding-left: 26px;
}
#seeAlso a{color: #FFFFFF; text-decoration:none; font-weight: bold;}
#seeAlso a:visited{color: #FFFFFF; text-decoration:none; font-weight: bold;}
#seeAlso a:hover{color: #FFFFFF; text-decoration:underline; font-weight: bold;}
#seeAlso a:active{color: #FFFFFF; text-decoration:none; font-weight: bold;}


#seeAlso P {
font-size: 90%;
}

/*end right hand panel*/

/*borders for debugging*/
/*
div#timeline{
background-color:;
}

div#promos{
background-color:;
}

div#promo2{
background-color:;
}

div#content{
background-color:red;
}

div#panelNo1{
background-color:blue;
}

div#panelNo2{
background-color:green;
}
*/