BODY {background-color:#ffffff; font-family:"century gothic", futura, arial, helvetica, "hirakakupro-w3", osaka, "ms pgothic", sans-serif; font-size:12px;height:100%; margin:0px; background: url(../images/background.jpg) repeat-y fixed 50% 0pt;   }



#container {margin: 0px auto;line-height: 150%; }


#top {background-image: url(../images/top_front.jpg);  background-repeat: no-repeat;  background-position: top; height:240px;}
#topFront {background-image: url(../images/top_front.jpg);  background-repeat: no-repeat;  background-position: top; height:240px;}

#footer {clear: both; height:100px; margin: 0;padding: .15em;color: #743A37;background-image: url(../images/front_bottom.gif); background-repeat: no-repeat;font-size:11px; text-align:center;}


.content {text-align:justify;width:550px;margin:auto;margin-top:20px;}

.contentFront {text-align:justify;width:680px;margin:auto;}

H1,H2,H3,H4,H5 {font-family: "century gothic", futura, arial, helvetica, "hirakakupro-w3", osaka, "ms pgothic", sans-serif;
margin:0px; font-weight:normal; color:#000;}

H1 {}
H2 {font-size:28px;margin-bottom:10px;display:block;}
H3 {font-family: helvetica,arial,sans-serif; font-size:2em; line-height:1.1; letter-spacing:-1px;color:#4E4C35; }
H4 {font-size:15px;}
H5 {font-size:16px;color:#4E4C35; }
.clear{clear:both;}

H5.spec{
font-family: helvetica,arial,sans-serif; 
	width:100%;
	border-bottom:1px  Solid #000;
	font-size:16px;
	text-transform: capitalize;

}


.monthTitle{font-family: helvetica,arial,sans-serif; font-size:2em; line-height:1.1; letter-spacing:-1px; color:#4E4C35; width:175px;height:50px;text-transform: capitalize;float:left;margin-right:1px; cursor:pointer;}
.event{border-bottom:1px solid #afafaf;margin-bottom:10px;padding-bottom:10px;}
.date{text-transform: capitalize;font-weight:bold;display:block;font-size:14px; }
.subtitle{text-transform: capitalize;display:block; }
.title{text-transform: capitalize;font-weight:bold;display:block; font-size:16px; color:#EAA202; }
.body{}
.credits{display:block;}
.price{font-weight:bold; }
.buy{text-align:right;color:#EBA303;font-weight:bold;}

#month1{display: inline;  }
#month2{display: none; }
#month3{display: none; }


A.subnav {color:#EAA202; border-bottom:1px dotted #EAA202;text-decoration:none;}
A.subnav:hover {color:#4E4C35; border-bottom:1px solid #4E4C35;text-decoration:none;}

.textbox {border:1px solid #4E4C35;font-size:11px;background-color:#fff;color:#4E4C35;padding-bottom:2px;}
.button {border:1px solid #000;font-size:11px;background-color:#4E4C35; color:#EAA202;} 

TABLE.specs TD.left{font-weight:bold; }
TR.odd{background-color: #EBEADE;}
TR.even{background-color: #FEF6E4;}
TABLE.specs TD {padding:3px;}


.leftContent {float: left;width: 400px;margin: 0;}
.rightContent {float: right;margin-left: 30px;width:100px;padding-top:30px;}


IMG.suas{background:#FFFFFF none repeat scroll 0%;border: 1px solid #D2CCB9;padding:4px; margin:5px;}
IMG.thumb {width:170px; background:#FFFFFF none repeat scroll 0%;border: 1px solid #D2CCB9;padding:4px;margin-top:5px;}
IMG.thumbFront {background:#FFFFFF none repeat scroll 0%;border: 1px solid #D2CCB9;padding:4px;margin-top:5px;}


/* Navigation */

#navContainerContainer {margin-top:110px;margin-left:-120px; } /* IE6 */

html>body #navContainerContainer {margin-top:93px;margin-left:-120px; } /* Firefox */

*:first-child+html #navContainerContainer {margin-top:110px;margin-left:-120px; } /* IE7 christ on a bike when will they get it right */

#navContainer { margin:auto; width:595px; }

UL { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#navlist LI { /* all list items */
	float: left;
	position: relative;
	width: 70px;
	height: 38px;
	margin-right:2px;
}
#navlist LI.home {
	float: left;
	position: relative;
	width: 15px; height:15px;
	margin-top:6px;
	background: url(../images/nav/home.gif) no-repeat;
}

#navlist LI A {display:block;height:100%; width:100%;}

#whatson { background-image: url(../images/nav/reg/whatson_reg.jpg); }
#visualarts { background-image: url(../images/nav/reg/visualarts_reg.jpg); }
#dance { background-image: url(../images/nav/reg/dance_reg.jpg); }
#film { background-image: url(../images/nav/reg/film_reg.jpg); }
#booking { background-image: url(../images/nav/reg/booking_reg.jpg); }
#technical { background-image: url(../images/nav/reg/technical_reg.jpg); }
#history { background-image: url(../images/nav/reg/history_reg.jpg); }
#friends { background-image: url(../images/nav/reg/friends_reg.jpg); }

#whatson:hover { background-image: url(../images/nav/hover/whatson_hover.jpg); }
#visualarts:hover { background-image: url(../images/nav/hover/visualarts_hover.jpg); }
#dance:hover { background-image: url(../images/nav/hover/dance_hover.jpg); }
#film:hover { background-image: url(../images/nav/hover/film_hover.jpg); }
#booking:hover { background-image: url(../images/nav/hover/booking_hover.jpg); }
#technical:hover { background-image: url(../images/nav/hover/technical_hover.jpg); }
#history:hover { background-image: url(../images/nav/hover/history_hover.jpg); }
#friends:hover { background-image: url(../images/nav/hover/friends_hover.jpg); }

/* #navlist LI:hover, #navlist LI.over {background-color: #5B312F;} */

/*#navlist LI UL {  second-level lists 
	display: none;
	position: absolute;
	top: 1.40em;
	left: 0;
}*/

/*
#navlist LI>UL { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	/*top: auto;*/
	/*left: auto;*/
/*}*/

 /*#navlist LI:hover UL, #navlist LI.over UL { /* lists nested under hovered list items */
	/*display: block;/*
	/*}*/

/*#navlist LI UL LI {text-align:left; margin:0; background-color:#743A37;	width: 9em;border-bottom:1px solid #FED04A;height: auto;padding:2px;}*/

/* ------------------------------------------------------------ */