/* ELEMENT SETTINGS */

body {
	text-align: center ;
}
img {
	border: 0px
}

/* PAGE LAYOUT SETTINGS */


/* The main box, everything goes inside this */
#container {
	text-align: left ;
	margin-left: auto ;
        margin-right: auto ;
        width: 750px ;
        border: 10px solid #99CC99 ;
}
/* page header, with main links */
#header {
	background: #99CC99 url("Images/header-lights2.jpg") top left repeat-x ;
	width: 750px;
	height: 40px;
	margin: 0;
	display: block;
}
/* box containing the main content of the page */
#content {
	padding: 0px ;
	margin: 0px ;
        background-color: #FFFFFF ;
        width: 730px ;
        voice-family: "\"}\"" ;
        voice-family: inherit ;
        width: 750px ;
	background: url("Images/header-lights-fade.jpg") top left repeat ;
}
/* first column of content */
#content1 {
	float: left ;
        margin: 5px 5px ;
        width: 200px ;
}
/* second column of content */
#content2 {
	padding: 5px ;
	margin: 10px ;
        border: solid 0px #A5BAF7 ;
/*        background-color: #C6DBF7 ;	*/
         float: left ;
/*        width: 730px ;		*/
/*        voice-family: "\"}\"" ;	*/
/*        voice-family: inherit ;	*/
        width: 280px ;
}
/* third column of content */
#content3 {
        float: left ;
	padding: 5px ;
        margin-top: 10px ;
        border: solid 0px #A5BAF7 ;
/*        background-color: #C6DBF7 ;	*/
        width: 220px ;
}
/* page footer, with copyright etc. */
#footer {
	width: 750px;
	margin: 0 ;
	display: block;
}
#footer p {
	font: 8pt sans-serif ;
	color: #333333 ;
        text-align: center ;
        padding: 5px 0px ;
        margin: 0px ;
}

/* STYLE AND CONTENT SETTINGS */

/* the main 'tree' logo */
#mainlogo {
/*	position: relative ;
        top: -25px ;
        left: 5px ;	*/
}

/* tabs across the page header */
.tabBar {
	text-align: center ;
	padding: 14px 0px 0px 0px;
	display: block;
	font: bold 8pt sans-serif ;
}
.tab {
	color: #660099 ;
        margin: 0px 5px ;
        padding: 2px 5px ;
        border: 1px solid #000000 ;
        border-width: 1px 1px 0px 1px ;
	background: url("Images/header-lights-fade2.jpg") top left repeat ;
}
a.tablink, a.tablink:visited {
        color: #660099 ;
	text-decoration: none ;
}
a.tablink:hover {
        color: #666666 ;
	text-decoration: underline ;
}
.tabOn {
        color: #FFFFFF ;
        margin: 0px 5px ;
        padding: 2px 5px ;
        border: 1px solid #000000 ;
        border-width: 1px 1px 0px 1px ;
	background: #99CC99 ;
}

/* for reversed out headings */
#heading {
	font: bold 8pt sans-serif ;
	color: #FFFFFF ;
        background: #9933CC ;
	display: block ;
        padding: 2px 4px ;
        margin-bottom: 5px ;
}

/* basic text */
.info {
	font: 8pt sans-serif ;
	color: #333333 ;
        border: 0px solid #9933CC ;
        padding-bottom: 5px ;
}
.info h1 {
	font: bold 8pt sans-serif ;
	color: #9933CC ;
        padding: 0px ;
        margin: 0px ;
}
.info h2 {
	font: bold 8pt sans-serif ;
        padding: 0px ;
        margin: 0px ;
}
.info p {
        margin-top: 5px ;
        margin-bottom: 5px ;
}

/* info headings as links */
a.infoheadlink, a.infoheadlink:visited {
	font: bold 8pt sans-serif ;
        color: #9933CC ;
        margin: 0px ;
        padding: 0px ;
	text-decoration: none ;
        display: block ;
}
a.infoheadlink:hover {
	font: bold 8pt sans-serif ;
        color: #9933CC ;
        margin: 0px ;
        padding: 0px ;
	text-decoration: underline ;
        display: block ;
}

a.infolink {
	font: 8pt sans-serif ;
        color: #660099 ;
	text-decoration: underline ;
}
a.infolink:visited {
	font: 8pt sans-serif ;
        color: #666666 ;
	text-decoration: underline ;
}
a.infolink:hover {
	font: 8pt sans-serif ;
        color: #99CC99 ;
	text-decoration: none ;
}

/* similar to info but text is centred */
.info-centre {
	font: 8pt sans-serif ;
	color: #333333 ;
        border: 0px solid #9933CC ;
        padding-bottom: 5px ;
        text-align: center ;
        margin-top: 10px
}
.info-centre h1 {
	font: bold 8pt sans-serif ;
	color: #9933CC ;
        padding: 0px ;
        margin: 0px ;
}

/* boxed text */
.infoBox {
	font: 8pt sans-serif ;
	color: #333333 ;
        border: 1px solid #99CC99 ;
        margin: 0px 0px 10px 0px;
        background: #FFFFFF ;
}
.infobox h1 {
	font: bold 8pt sans-serif ;
        color: #9933CC ;
        margin: 0px ;
        padding: 4px 8px 0px 8px ;
}
.infoboxContent {
        line-height: 140% ;
	color: #333333 ;
        padding: 4px 8px;
}

/* infobox headings as links */
a.infoboxheadlink, a.infoboxheadlink:visited {
	font: bold 8pt sans-serif ;
        color: #9933CC ;
        margin: 0px ;
        padding: 4px 8px 0px 8px ;
	text-decoration: none ;
        display: block ;
}
a.infoboxheadlink:hover {
	font: bold 8pt sans-serif ;
        color: #9933CC ;
        margin: 0px ;
        padding: 4px 8px 0px 8px ;
	text-decoration: underline ;
        display: block ;
}

/* more info links */
a.moreInfo, a.moreInfo:visited {
	font: 8pt sans-serif ;
        color: #660099 ;
	text-decoration: underline ;
        text-align: right ;
        display: block ;
}
a.moreInfo:hover {
	font: 8pt sans-serif ;
        color: #99CC99 ;
	text-decoration: none ;
        text-align: right ;
}

/* for 'sponsor' entries */
.sponsor {
	font: 8pt sans-serif ;
	color: #333333 ;
        border: 0px solid #9933CC ;
        padding-bottom: 5px ;
}
.sponsor h1 {
	font: bold 8pt sans-serif ;
        color: #9933CC ;
        padding: 0px ;
        margin: 5px 0px 0px 0px ;
}
.sponsor p {
	color: #000000 ;
        margin-top: 0px ;
        margin-bottom: 0px ;
}
a.sponsorlink {
	font: bold 8pt sans-serif ;
        color: #9933CC ;
	text-decoration: underline ;
        margin: 5px 0px 0px 0px ;
}
a.sponsorlink:visited {
	font: bold 8pt sans-serif ;
        color: #9933CC ;
	text-decoration: underline ;
        margin: 5px 0px 0px 0px ;
}
a.sponsorlink:hover {
	font: bold 8pt sans-serif ;
        color: #99CC99 ;
	text-decoration: none ;
        margin: 5px 0px 0px 0px ;
}

/* for images inside info boxes */
#imgInset {
	margin-top: 0px ;
	margin-bottom: 0px ;
        float: right ;
}

/* the Festival 2000 image */
#festival2000 {
	margin: 0px ;
}

/*
.sponsor {
	font: bold 8pt sans-serif ;
	color: #9933CC ;
}
*/

a.boxlink {
	font: bold 8pt sans-serif ;
        color: #660099 ;
	text-decoration: underline ;
}
a.boxlink:visited {
	font: bold 8pt sans-serif ;
        color: #660099 ;
	text-decoration: underline ;
}
a.boxlink:hover {
	font: bold 8pt sans-serif ;
        color: #99CC99 ;
	text-decoration: none ;
}


.gallery {
	background: #FFFFFF ;
        border: 0px solid #99CC99 ;
	margin: 5px ;
        padding: 5px ;
}

a.gallerylink {
	font: bold 8pt sans-serif ;
        color: #660099 ;
	text-decoration: underline ;
}
a.gallerylink:visited {
	font: bold 8pt sans-serif ;
        color: #660099 ;
	text-decoration: underline ;
}
a.gallerylink:hover {
	font: bold 8pt sans-serif ;
        color: #99CC99 ;
	text-decoration: none ;
}

