body {
margin: 0 auto;
padding: 0;
font-size: small;
font-style: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: url(Images/bgshield.jpg) repeat #ffffcc;
text-align: center;
}

* html body {
font-size: xsmall; /* for IE5/Win */
f\ont-size: small; /* for other IE versions */
background:  url(Images/bgshield.jpg) repeat #ffffcc;
margin: 0 auto;
padding: 0;
}

#wrap{
border-left: solid 4px #330000;
border-right: solid 4px #330000;
font-size: 80%;
margin: 0 auto;
width: 770px;
background: #FFFFFF;
}



.white {color: #FFFFFF}
.gray {color: #666666}
.red {color: #CC0000}
.green {color: #006600}
.yellow {color: #FFCC00}


a:hover {
	color: #ff0000;
}

.plain {
	text-decoration:none;
	border: none;
	}

#header {
background:  url(Images/historicpalacetheatre.jpg) top left no-repeat #660000;

width: 755px;
height: 155px;
color: #FFCC00;
padding: 5px 5px 0px 10px;
text-align: left;
}



.ob {
margin: 0;
}

.ob h2{
margin: 0;
}

.ob h2 img{
padding: 2px;
background:  #FFCC00;
}

#header a {
color: #ffffff;
}

#header a:hover {
color: #ff0000;
}



#content{
float: right;
width: 580px;
padding: 10px 5px 10px 0px;
text-align: left;

}

#content a {
color: #660000;
}

#content a:hover {
color: #ff0000;
}


#menu{
float: left;
width: 180px;
padding: 20px 0px 20px 0px;
text-align: left;

}

#menu a {
color: #660000;

}

#menu a:hover {
color: #ff0000;
}


#innermenu {
width: 165px;
padding: 10px 0px 10px 0px;
background: #FF9933;
border-right: 1px solid #660000;
text-align: center;
}

.list br {
	margin-bottom: 10px;
}

.fe {
margin: 0px;
width: 400px;
background: url(Images/fe_bottom.gif) no-repeat bottom left;
}

.fe h1 {
margin: 0px;
font-size: 130%;
color: #FFCC00;
padding: 5px;
border: 1px solid #660000;
background: url(Images/red_fade.jpg) repeat-y top left #660000;
text-align: center;
}

.fe h2 {
margin: 0px;
padding: 5px;
font-size: 110%;
}

.fe h2 img{
padding: 2px;
background:  #660000;
}

.minibox{
margin:0; 
padding:0; 
font-size:0 ; 
float:right ; 
border: 1px solid #660000;
}

.boxtop{
margin: 0px;
width: auto;
padding: 5px;
background: url(Images/red_fade600.jpg) no-repeat center #660000;
border: solid 1px #660000;
text-align: center;
color: #FFCC00;
font-size: 130%;
font-weight: bolder;
}

.boxbottom{
margin: 0px;
width: auto;
padding: 5px;
background: url(Images/grayshadow.jpg) no-repeat bottom center #FFFFFF;
border: solid 1px #660000;
border-top: none;
text-align: center;
font-size: 110%;
}


.boxbottom h2 {
margin: 0px;
}

.boxbottom h2 img{
margin-left: 5px;
padding: 2px;
background:  #660000;
}

/* Hide from IE5/Mac \*/
* html #footer{ height: 1%;}
/* End hide from IE5/Mac */

#footer {
clear: both;
padding: 5px;
text-align:center;

background: #660000;
color: #FFCC00;
border-top: solid 2px #330000;
border-bottom: solid 4px #330000;
}

#footer a {
color: #FFCC00;
}

#footer a:hover {
color: #ff0000;
}

#reddots {
border-bottom: 1px dotted #660000;
margin: 10px 0px 10px 0px;
* margin: 0px 0px 10px 0px;
width: 80%;
}

.reddots {
	border-bottom: 1px dotted #660000;
	padding: 10px;
	}
	
#redborder, .redborder, .redbox {
border: solid 1px #660000;
}
.redbox{
	margin:10px;
	padding: 10px;
	}

.center {
	text-align:center;
	}
.left {
	float: left;
	}
.right {
	float:right;
	}
.textLeft{
	text-align:left;
	}
	
.thinline {
	overflow:auto;
	}
.skinny{
display: inline; 
margin: 0; 
}
.pad5 {
	padding: 5px;
	}
h1 {
font-size: 90%;

}

h2 {
font-size: 100%;
}

h3 {
font-size: 120%;
}

.red { color: #660000; }

.p70 { font-size: 70%; }
.p80 { font-size: 80%; }
.p90 { font-size: 90%; }
.p100 { font-size: 100%; }
.p110 { font-size: 110%; }
.p120 { font-size: 120%; }
.p130 { font-size: 130%; }

.p100b {
	font-size: 100%;
	font-weight: bolder;
}

.p110b {
	font-size: 110%;
	font-weight: bolder;
}

.p120b {
	font-size: 120%;
	font-weight: bolder;
}

.p130b {
	font-size: 130%;
	font-weight: bolder;
}

.purpledot {
border-bottom: dotted 1px #990066;
}


ul li {
font-size: 70%;
}

.box2{
background: #ffffff;
border: 1px solid #3366cc;
}