/* CSS Document */
body {
	 background-color: #000033;
	 margin: 0;
	 padding: 0;
	 text-align:center;
	}
h2{	font: 115% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform:lowercase;
	letter-spacing: 2px;
	color:#FF6600;
	}
h3{	font: 90% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform:lowercase;
	color:#99CCFF;
	}   	
#container{
	position: absolute;
	top:50%;
	left:50%;
	width: 797px;
	margin-left:-399px;
	margin-top:-260px;
	text-align:left;
	padding:0;
    }
#header{
	width: 797px;
	height: 129px;
    margin: 0 ;
	padding: 0;
	background-image:url(images/winter-page-elements/logo-bckgrnd.jpg);
	}
#logo{
    position: absolute;
	z-index: 10;
	top: 28px;
	left: 198px;
	width: 297px;
	height: 74px;
	margin: 0;
	padding: 0;
	background-image:url(images/logo.gif);
	}
/*Start of main navBar*/
/* use div#nav instead of just #nav to avoid a bug in IE/Win*/
div#navBar{
	position: absolute;
	top: 135px;
	left: 0px;
    height: 27px;
	margin: 0;
	padding: 0;
	border-right:1px solid #ffffff;
	border-left:1px solid #ffffff;
	background-image: url(images/navigation/sidestrip.gif);
    width: 797px;/* height plus padding for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 795px;/* actual height for other browsers*/
	}
html>body #navBar {/* for Opera */
	width: 795px;
	 }	
div#navBar ul{
	 width: auto;
     height: 27px;
     margin: 0 0 0 131px;
	 padding:0;	 
	 border-left: 1px solid #000033;
	 font: 12px Verdana, Arial, Helvetica, sans-serif;
	}
div#navBar li {
     position:relative;
	 list-style:none;
	 margin:0;
	 padding:0;
	 float:left;
	 width:106px;
	 height:27px;
	 text-align:center;     
	 background-image:url(images/navigation/up.gif);
 	 font: 12px Verdana, Arial, Helvetica, sans-serif;
	 font-weight: bold;
	 letter-spacing: 1px;
	 line-height: 27px;
	 border-right: 1px solid #000033;
	 }
div#navBar li a {
     display: block;
	 text-decoration:none;
	 color:#000033;
} 
div#navBar li:hover {
     background-image:url(images/navigation/over.gif);
	 }
div#navBar li a:hover {
     color:#ffffff;
	 }			
/*End of main navBar*/

/*Start of leftNavigation*/
#leftNavigation {
     position: absolute;
	 top: 168px;
	 left: 0px;
	 width: 127px;
	 margin: 0;
	 padding: 7px 0 0 0; 
	 background-image: url(images/winter-page-elements/centre-left.jpg);
	 height: 288px;/* height plus padding for IE5/Win */
	 voice-family: "\"}\"";
	 voice-family: inherit;
	 height: 281px;/* actual height for other browsers*/
	}
html>body #leftNavigation {/* for Opera */
     height: 281px;
	 }	 
#leftNavigation li {
	 position:relative;
	 list-style:none;
	 margin: 0;
	 padding: 8px 5px 7px 5px;
	 text-align:center;
	 font: 75% Verdana, Arial, Helvetica, sans-serif;
	 font-weight: bold;
	 }
#leftNavigation li a{
     text-decoration:none;
	 color:#ffffff;
	 }
#leftNavigation li a:hover {
     color:#FF6600;
	 }
/*End ofleftNavigation*/
#mainImage {
     position: absolute;
	 top: 168px;
	 left: 132px;
	 width: 428px;
	 height: 288px;
	 margin: 0;
	 padding: 0; 
	 z-index:2;
	 }
#overallPagetext {
	position: absolute;
	z-index: 117;
	 top: 168px;
	 left: 132px;
	 width: 428px;
	 height: 288px;
	margin: 0;
	padding: 0;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height: 1.35em;
	overflow: auto;
	visibility: visible;
    }
#overallPagetext h2 {
    margin: 0;
	padding: 14px 0 0 0;
	text-align:center;
	}
#overallPagetext h3 {
    margin: 0;
	padding: 10px 10px 5px 10px;
	}
#overallPagetext p {
    padding: 0 20px 0 20px;
    }
#overallPagetext a {
	 text-decoration:underline;
	 font: 95% Verdana, Arial, Helvetica, sans-serif;
	 font-weight:bold;
	 color:#CE540E;
	 }
#overallPagetext img {
    padding: 0 6px 0 0;
    border: 0;
	 }
#text {
	position: absolute;
	z-index: 117;
	top: 168px;
	left: 565px;
	width: 232px;
	height: 288px;
	margin: 0;
	padding: 0;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height: 1.35em;
	overflow: auto;
	visibility: visible;
    }
#text h2 {
    margin: 0;
	padding: 14px 0 0 0;
	text-align:center;
	}
#text h3 {
    margin: 0;
	padding: 14px 0 0 5px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform:lowercase;
	color:#FFFFFF;
	}
#text p {
    padding: 0 1em 0 1em;
    }
#text a {
	 text-decoration:underline;
	 font: 95% Verdana, Arial, Helvetica, sans-serif;
	 font-weight:bold;
	 color:#CE540E;
	 }
#text img {
    padding: 0 6px 0 0;
    border: 0;
	 }
#textDescription {
	position: absolute;
	z-index: 110;
	top: 168px;
	left: 132px;
	width: 426px;
	height: 286px;
	margin: 0;
	padding: 0;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height: 1.35em;
	visibility: hidden;
	overflow: auto;
	background-color:#000033;
	border:1px solid #fff;
	}
#textDescription h2 {
	margin: 0;
	padding: 14px 10px 0px 10px;
	}
#textDescription h3 {
    margin: 0;
	padding: 10px 10px 5px 10px;
	}
#textDescription p {
	padding: 0 20px 0 20px;
}
#textDescription a {
	 text-decoration:none;
	 font: 95% Verdana, Arial, Helvetica, sans-serif;
	 font-weight:bold;
	 color:#FF6600;
	 }
#textProgramme {
	position: absolute;
	z-index: 111;
	top: 168px;
	left: 132px;
	width: 426px;
	height: 286px;
	margin: 0;
	padding: 0;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height: 1.35em;
	visibility: hidden;
	overflow: auto;
    background-color:#000033;
	border:1px solid #fff;
}
#textProgramme h2 {
    margin: 0;
	padding: 14px 10px 0px 10px;
	}
#textProgramme h3 {
    margin: 0;
	padding: 10px 10px 5px 10px;
	}
#textProgramme p {
    padding: 0 20px 0 20px;
}
#textProgramme a {
	 text-decoration:none;
	 font: 95% Verdana, Arial, Helvetica, sans-serif;
	 font-weight:bold;
	 color:#FF6600;
	 }
#textDates {
	position: absolute;
	z-index: 112;
	top: 168px;
	left: 132px;
	width: 426px;
	height: 286px;
	margin: 0;
    padding: 0;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height: 1.35em;
	visibility: hidden;
    overflow: auto;
    background-color:#000033;
    border:1px solid #fff;
}
#textDates h2 {
    margin: 0;
	padding: 14px 10px 0px 10px;
	}
#textDates h3 {
    margin: 0;
	padding: 10px 10px 5px 10px;
	}
#textDates p {
    padding: 0 20px 0 20px;
}
#textDates a {
	 text-decoration:none;
	 font: 95% Verdana, Arial, Helvetica, sans-serif;
	 font-weight:bold;
	 color:#FF6600;
	 }
#textDates ul {
     margin:0;
	 padding: 10px 0 10px 0;
	 }
#textDates li {
     list-style:none;
	 font-weight:bold;
	 padding: 0 0 0 30px;
	 letter-spacing:0.1em;
	 line-height:2em;
	 }
#textContact {
	position: absolute;
	z-index: 113;
	top: 168px;
	left: 132px;
	width: 426px;
	height: 286px;
	margin: 0;
	padding: 0;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height: 1.35em;
	overflow: auto;
	visibility: hidden;
    background-color:#000033;
	border:1px solid #fff;
}
#textContact h2 {
    margin: 0;
	padding: 14px 10px 0px 10px;
	}
#textContact h3 {
    margin: 0;
	padding: 10px 10px 5px 10px;
	}
#textContact p {
    padding: 0 20px 0 20px;
}
#textContact a {
	 text-decoration:none;
	 font: 95% Verdana, Arial, Helvetica, sans-serif;
	 font-weight:bold;
	 color:#FF6600;
	 }
#textExtraOne {
	position: absolute;
	z-index: 109;
	top: 168px;
	left: 132px;
	width: 428px;
	height: 288px;
	margin: 0;
	padding: 0;
    background: url(images/winter-page-elements/text-background.jpg) no-repeat;
    visibility: hidden;
}
/*Start of rightNavigation*/
/* use div#nav instead of just #nav to avoid a bug in IE/Win*/
#rightNavigation{
     position: absolute;
	 top: 168px;
	 left: 565px;
	 width: 232px;
	 height: 288px;
	 margin: 0;
	 padding: 0; 
	 background-image: url(images/winter-page-elements/centre-right.jpg);
	 }
#rightNavigation li {
     position: relative;
	 list-style: none;
	 height: 42px;
	 margin:1px 1px 0 1px;
	 padding: 0 0 0 30px;
	 font: 12px Verdana, Arial, Helvetica, sans-serif;
	 font-weight: bold;
	}
#rightNavigation li a {
     display: block;
	 text-decoration: none;
	 font-weight: bold;
	 line-height: 42px;
	 color: #ffffff;
	 }
#rightNavigation li:hover { 
     background-color: #718ac3;
	 }
#rightNavigation li a:hover {
     color: #000033;
	 background-color: #718ac3;
	 }
#description {
	 background: url(images/small-icons/description.gif) no-repeat 14px 50%;
	 }
#programme {
	 background: url(images/small-icons/programme.gif) no-repeat 14px 50%;
	 }	 
#dates {
	 background: url(images/small-icons/dates.gif) no-repeat 14px 50%;
	 }
#contact {
	 background: url(images/small-icons/contact.gif) no-repeat 14px 50%;	 
     }
#stuart {
	 background: url(images/small-icons/stuart.gif) no-repeat 14px 50%;	 
     }
#anna {
	 background: url(images/small-icons/anna.gif) no-repeat 14px 50%;	 
     }	
#info {
	 background: url(images/small-icons/info.gif) no-repeat 14px 50%;	 
     }	
/*End of rightNavigation*/
#bottomStrip {
	position: absolute;
	top: 462px;
	left: 0px;
	width: 797px;
	height: 61px;
	margin: 0;
	padding: 0;
	background-image:  url(images/winter-page-elements/bottom.jpg);
	}
#bottomStrip h1{
	margin: 1px 0 0 133px;
	padding: 15px 0 0 0;
	text-align:center;
	font: 120% Verdana, Arial, Helvetica, sans-serif;
    text-transform:lowercase;
	letter-spacing: 3px;
	color:#FFFFFF;
	height: 59px;/* height plus padding for IE5/Win */
    width: 293px;/*width minus margin for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 44px;/* height and width for other browsers*/
	width: 426px;
	}
html>body #bottomStrip h1 {/* for Opera */
     height: 44px;
	 width: 426px;
	 }
#bottomStrip h4{
	margin: 1px 0 0 133px;
	padding: 5px 0 0 0;
	text-align:center;
	font: 120% Verdana, Arial, Helvetica, sans-serif;
    text-transform:lowercase;
	letter-spacing: 3px;
	color:#FFFFFF;
	height: 59px;/*height plus padding for IE5/Win */
    width: 293px;/*width minus margin for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 54px;/* height and width for other browsers*/
	width: 426px;
	}
	html>body #bottomStrip h4 {/* for Opera */
    height: 44px;	
	width: 426px;
	 }