body {
	margin: 0;
	font-family: arial;
	text-align: center;
}
h1 {
	font-size: 18px;
	color: #970c53;
	margin-top: 0px;
	margin-bottom: 20px;
}
h2 {
	font-size: 16px;
	color: #970c53;
	margin-top: 25px;
	margin-bottom: 15px;
}
p, ol, ul, td {
	font-size: 12px; 
}
img {
	border: none;
}
#site {
	position: relative;
	width: 690px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 55px;
	padding-right: 55px;
	background-color: #FFFFFF;
}
/* --------------------
--  MASTHEAD ----------
------------------------*/
#masthead {
	margin-top: 10px;
	height: 152px;
	text-align: left;
	position: relative;
}
#masthead h1 {
	margin: 0;
}
#masthead-home a {
	display: block;
	background-image: url(../../../assets/images/common/header-home.gif);
	width: 690px;
	height: 152px;
	text-indent: -9999px;
}
#masthead-news a {
	display: block;
	background-image: url(../../../assets/images/common/header-news.gif);
	width: 690px;
	height: 152px;
	text-indent: -9999px;
}
#masthead-programmes a {
	display: block;
	background-image: url(../../../assets/images/common/header-programmes.gif);
	width: 690px;
	height: 152px;
	text-indent: -9999px;
}
#masthead-festival a {
	display: block;
	background-image: url(../../../assets/images/common/header-festival.jpg);
	width: 690px;
	height: 152px;
	text-indent: -9999px;
}
#masthead-friends a {
	display: block;
	background-image: url(../../../assets/images/common/header-friends.gif);
	width: 690px;
	height: 152px;
	text-indent: -9999px;
}
#masthead-contact a {
	display: block;
	background-image: url(../../../assets/images/common/header-contact.gif);
	width: 690px;
	height: 152px;
	text-indent: -9999px;
}

/* --------------------
--  MAIN NAVIGATION  --
------------------------*/
#main-nav-box {
	height: 60px;
	text-align: left;
	position: relative;
	border: solid red 0px;
}
#main-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 60px;
	border: solid red 0px;
}
#main-nav li {
	float: left;
}
#main-nav a:link, #main-nav a:visited {
	display: block;
	height: 60px;
	background-image:url(../../../assets/images/common/menu.gif);
	text-indent: -9999px;
}
#main-nav a:hover {
	background-image:url(../../../assets/images/common/menu-hover.gif);
}
#main-home a {
	width: 69px;
}
#main-news a {
	width: 72px;
	background-position: -69px 0;
}
#main-programmes a {
	width: 159px;
	background-position: -141px 0;
}
#main-festival a {
	width: 106px;
	background-position: -300px 0;
}
#main-friends a {
	width: 180px;
	background-position: -406px 0;
}
#main-contact a {
	width: 104px;
	background-position: -586px 0;
}

/* ------------------------
--  CONTENT AREA 2 COLUMN -
--------------------------- */
#content {
	position: relative;
	width: 688px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}

#side-col {
	margin-top: 10px;
	float: right;
	text-align: right;
	width: 100px;
	margin-left: 8px;
}

#main-col { 
	margin-top: 10px;
	float: left;
	margin-left: 5px;
	width: 538px;
	text-align: left;
}

/* ------------------------
--  CONTENT AREA 3 COLUMN -
--------------------------- */
/*
http://www.positioniseverything.net/articles/onetruelayout/equalheight
*/

#block_1 {
	float: left;
	width: 85px;
	padding-left: 5px;
	margin-top: 10px;
	margin-right: 20px;
	text-align: left;
	color: #970c53;
	border: solid red 0px;
}
* html #block_1 {
	display: inline;
}
#block_2 {
	float: left;
	width: 463px;
	margin-top: 10px;
	margin-right: 20px;
	text-align: left;
	border: solid red 0px;
}
#block_3 {
	float: right;
	width: 90px;
	margin-top: 10px;
	text-align: right;
	border: solid red 0px;
}

/* Start Mac IE5 filter \*/
#block_1, #block_2, #block_3 {
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
}
@media all and (min-width: 0px) {
#block_1, #block_2, #block_3 {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important; 
}
#block_1:before, #block_2:before, #block_3:before {
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	background: inherit;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height: 0;
}
}
/* End Mac IE5 filter */

#wrapper {
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	z-index: 1;
}

/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper{
	float: left;
	float/**/: none;
}

/* easy clearing */
#wrapper:after {
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#wrapper {
	display: inline-block;
}

/*\*/
#wrapper {
	display: block;
}
/* end easy clearing */
.clrdiv	{
	clear: both;
}
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #clrdiv, * > form, * > #notes, * > .output {
	position: relative;
	z-index: 100;
}
#footer {
	font-size: 11px;
	color: #fc7613;
	padding: 20px;
	margin-top: 20px;
	border-top: dotted #ccc 1px;
	text-align: left;
}
#footer-copyright {
	float: left;
}
#footer-developed {
	float: right;
}
#footer-developed a {
	text-decoration: none;
	color: #fc7613;
}
#footer-developed a:hover {
	text-decoration: underline;
	color: #fc7613;
}

/* GALLERY */

table.tableGallery { 
	width				: 100%;
	empty-cells			: show;
	border-collapse		: collapse;
	border-spacing		: 0px;
}
table.tableGallery td { 
	width				: 33%;
	text-align			: center;
}