#mainMenu { font-size: 0.9em; clear: both; text-align: center; padding-top: 15px; padding-bottom: 1px; margin-left: -20px;}
	#mainMenu ul { text-align: center; padding: 0; }
		#mainMenu li { display: inline; padding: 0; text-align: center; }
			#mainMenu a { padding: 0; padding-right: 3px; text-decoration: none; color: #003333; border-right: 1px solid #003333; }
				#mainMenu a:hover { text-decoration: underline; }
			#mainMenu a.last { border-right: none; }

div{
	aborder: solid 1px red;
}
/* START PAGE WRAP */
#pageWrap { margin: 0 auto; width: 770px; text-align: left; background: #ffffff; font-size: 0.9em; }
/* END PAGE WRAP */

#header-wrapper { height: 133px; background-color: #ffffff;}
#header { height: 103px; background-color: #ffffff; border-bottom: solid 1px #990000;}
		#header .logo
		{
			float:left;
		}

body { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 76%; 
	color: #484848; 
	text-align: center;
	background: #FFFFFF url(/template-images/backgrounds/widthgradient.gif) repeat-y center top;	
}

h1{
	color: #990000;
	margin: 0px;
	padding: 0px;
	font-size: 1.5em;
}

h4{
	margin-bottom: 10px;
	padding: 0px;
	margin: 0px;
	font-size: 1.1em;
	color: #ffffff;
	padding-bottom: 2px;
}

b { color: #990000;}
a { color: #990000;}
a:hover { color: #990099; text-decoration: underline; }
img{ border: none;}

#loginDetails {
	float:left;
	color: #990000;
	padding-left: 350px;
	margin-top: 5px;
}
#loginDetails a{
	text-decoration: underline;
	color: #990000;
}

#loginDetails a:hover{
	text-decoration: underline;
	color: #990099;

}

#loginBox{
	width:85%;
	padding: 10px;
	background-color: #990000;
	margin-top:0px;
	color: #ffffff;
}

#communityList{
	width:85%;
	margin: 0px;
	padding: 10px;
	background-color: #990000;
	margin-top:0px;
	color: #ffffff;
	padding-top: 0px;	
}

#communityList ul{
	margin: 0px;
	padding: 0px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	color: #ffffff;
}

#communityList a{
	text-decoration: none;
	color: #ffffff;
}

#communityList a:hover{
	text-decoration: underline;
	color: #ffffff;
}

/* STUFF TO DO WITH THE MIDDLE PART */
#middle-part {
background-color:#FFFFFF;
color:#404040;
float:left;
height:100%;
width:60%;
margin: 10px;
margin-top: 0px;
margin-right: 0px;
padding-right: 5px;
text-align: left; 
background: transparent url(/images/layout/bottomboxes.gif) no-repeat bottom left;
}

#middle-part h2 {
padding-top: 5px;
padding-bottom: 3px;
font-size : 1.2em;
color: #990000;
}

#middle-part ul {
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
margin:0pt;
padding:0pt;
}


/* STUFF TO DO WITH THE LEFT MENU */
#left-menu {
float:left;
height:100%;
margin-bottom:5px;
width:18%;
}

/* STUFF TO DO WITH THE LEFT PART */
#full-width {
float:left;
height:100%;
margin-left:10px;
margin-right:10px;
width:730px;
}
#left-part {
float:left;
height:100%;
margin-left:10px;
padding-right:5px;
width:75%;
}

/* STUFF TO DO WITH THE RIGHT PART */
#right-part {
float:right;
height:100%;
width:19%;
}
#right-padding {
padding:5px 8px 0pt 0pt;
}

/* STUFF TO DO WITH THE FOOTER PART */
#footer-part {
background-color:#C7D4E1;
color:#404040;
padding:20px 0pt 10px;
text-align:center;
}

#main-menu{
	color: #990000;
	font-weight: bold;
	font-size: 1.2em;
}

#main-menu a{
	text-decoration: none;
	color: #990000;
}

#main-menu a:hover{
	text-decoration: underline;
}

#nav {
background-color:#FFFFFF;
line-height:18px;
margin-left:7px;
}

#nav ul{
	padding: 0px;
	margin: 0px;
}
#nav li {
border-left:10px solid #FFFFFF;
border-top:1px solid #990000;
display:block;
}
#nav li:hover {
border-left:10px solid #990000;
border-top:1px solid #990000;
display:block;
}
#nav li.selected {
border-left:10px solid #990000;
}
#nav a{
	text-decoration: none;
	color: #990000;
}

#nav a:hover{
	text-decoration: none;
}

.dayCellEmpty {
	background-color: #990000;
}

#nextEvent{
	width: 166px ;
	height: 150px;
	border: solid 1px #990000 ;
	margin-right: 12px ;
	float:left ;
	margin-bottom: 30px;
}

#newsFlash{
	width: 525px;
	height: 150px;
	border: solid 1px #990000 ;
	margin-right: 12px ;
	float:left ;
	margin-bottom: 30px;
}

#nextEventBig{
	width: 600px ;
	border: solid 1px #990000 ;
}

.eventHeader {
	background-color: #990000;
}

.eventHeaderBig {
	background-color: #990000;
	height: 2em;
}
.eventFooter{
	width: 166px ;
	margin-right: 23px ;
	float:left ;
	margin-bottom: 10px;
	background-color: #990000;
	color: #ffffff;
}

.moreDetails, .eventTableHeader{
	background-color: #990000;
	width: 100%;
	color: #ffffff;
}

.moreDetails a{
	color: #ffffff;
	text-decoration: none ;
}

.moreDetails a:hover{
	color: #ffffff;
	text-decoration: underline ;
}

.eventDetailsTable , .nextprodeventDetailsTable{
	width: 590px;
	border: solid 1px #990000;
}

.nextprodeventDetailsTable{
	width: 450px;
}

.eventDetailsTable td, .nextprodeventDetailsTable td{
	text-align: left; 
}

.eventTableHeader h2{
	color: #ffffff;
}

#middle-part .eventTableHeader h2{
	color: #ffffff;
}



.hotspottabletop{
	width: 170px ;
	height: 10px;
	background-image: url('/template-images/layout/hotspottabletopBackground.gif') ;
	background-repeat: no-repeat ;
}
.hotspottablebottom{
	width: 170px ;
	height: 10px;
	background-image: url('/template-images/layout/hotspottablebottomBackground.gif') ;
	background-repeat: no-repeat ;
}
.hotspottable{
	width: 170px ;
	background-image: url('/template-images/layout/hotspottableBackground.gif') ;
	margin-top: -5px;
	background-repeat: repeat-y ;
	font-size: 0.9em;
}

html > body .hotspottable { margin-top: 0px; }

#hotspotleft{
	width: 175px ;
	margin-right: 5px ;
	float:left ;
}

#hotspotright{
	width: 175px ;
	float:right ;
}

.smallText{
    font-size: 0.8em;
}

.reallySmallText{
    font-size: 0.7em;
}

#productionList table {border: solid 1px black;}

#productionList td{ text-align:center; vertical-align: top;}

#productionList td.productionYear{ font-size:0.8em; padding: 2px; background-color: #990000; text-align:left; vertical-align: top; font-weight: bold; color:#ffffff;}
#productionList td.productionTitle{ font-size:0.8em; width: 25%; vertical-align: top; font-weight: bold; color:#990000;}
#productionList td.productionMonth{ font-size:0.7em; vertical-align: top; font-weight: bold; color:#333333;}
#productionList td.productionFlyer img{ background-color:#dddddd; padding: 5px; border: solid 2px #990000; }

#productionList td a { color: #990000; font-size: 0.7em;}
#productionList td a:hover { font-weight:bold;}