/* CSS Document */

/* Main Styles */
html, body, table, tr, td, div, img, a, p, ul, ol, li, h1, h2, h3, h4, blockquote, form { margin:0px; border:0px; padding:0px; }
body { font-family:"Trebuchet MS", sans-serif; font-size:10pt; line-height:1.2; color:#000000; }
#mainWrap { width:900px; margin-left:auto; margin-right:auto; }

/* Banner Styles */
#bannerWrap { width:900px; height:100px; background-color:#440088; }
#bannerLeft { width:650px; height:80px; float:left; background-image:url(graphics/bannerBkgrnd.jpg); padding-left:50px; padding-top:20px; }
#bannerRight { width:200px; height:auto; float:right; padding-top:5px; font-size:14pt; color:#FFFFFF; text-align:center; line-height:1.2; }

/* Menu Styles */
#menuBarWrap { width:900px; height:35px; margin-left:auto; margin-right:auto; background-image:url(graphics/menuBkgrnd.jpg); padding-top:5px; }
#menuTop { width:700px; height:26px; float:left; padding-top:4px; background-color:#440088; font-size:12pt; color:#FFFFFF; text-align:center; }
#menuSearch { width:200px; height:26px; float:right; padding-top:4px; background-color:#440088; text-align:center; }
#menuLeft { width:105px; height:auto; float:left; padding-left:10px; padding-top:30px; padding-bottom:35px; background-color:#440088; background-image:url(graphics/rainbowLeft.jpg); background-position:bottom; background-repeat:no-repeat; line-height:1.5; }
#menuLeftArts { width:105px; height:auto; float:left; padding-left:10px; padding-top:30px; padding-bottom:30px; background-color:#336666; line-height:1.5; }
#menuFooter { width:900px; height:auto; text-align:center; }

/* Main Menu Styles */
#menuMain { width:700px; float:left; background:#440088; height:30px; }
/* Top Level Menu */
.menu ul li a { display:block; overflow:hidden; width:137px; height:25px; padding-top:5px; background:#440088; font-size:12pt; font-weight:normal; text-align:center; text-decoration:none; color:#FFFFFF; }
.menu ul li:hover a { background:#440088; color:#FFFFFF; }
.menu ul li a:visited { display:block; overflow:hidden; width:137px; height:25px; padding-top:5px; background:#440088; font-size:12pt; font-weight:normal; text-align:center; text-decoration:none; color:#FFFFFF; }
/* Top Level Box Properties */
.menu ul { list-style-type:none; }
.menu ul li { float:left; margin-right:0px; position:relative; }
.menu ul li ul { display:none; }
/* Sub Menu Level: drop-down position */
.menu ul li:hover ul { display:block; left:-15px; width:145px; position:absolute; top:30px; }
/* Sub Menu Level: drop-down colors */
.menu ul li:hover ul li a { display:block; font-size:10pt; font-weight:normal; background:#440088; color:#FFFFFF; }
/* Sub Menu Level: drop-down mouseover colors */
.menu ul li:hover ul li a:hover { background:#440088; color:#FFFFFF; text-decoration:underline; }

/* Content Styles */
#contentWrap { width:900px; height:auto; }
#contentLeftFull { width:670px; height:auto; float:left; padding:30px; padding-left:0px; }
#contentLeftWrap { width:700px; height:auto; float:left; }
#contentCentre { width:525px; height:auto; float:right; padding:30px;  }
#contentRightCol { width:200px; height:auto; float:right; }
#newsHeader { width:195px; height:31px; float:left; padding-top:4px; padding-left:5px; background-color:#440088; font-size:12pt; color:#FFFFFF; background-image:url(graphics/rainbowRight.jpg); background-position:bottom; background-repeat:no-repeat; }
#newsDetail { width:190px; height:205px; overflow:auto; padding:5px; padding-top:10px; }
#imageDisplay { width:200px; height:205px; background-image:url(graphics/rainbowRight.jpg); padding-top:5px; }
#imageRainbowDancer{ width:102px; height:150px; float:right; margin:10px; margin-right:0; margin-top:0; background-image:url(graphics/rainbowDancer.jpg); }
#dates { width:388px; height:auto; float:none; padding:10px; border:#FF0000 2px solid; font-size:11pt; font-weight:bold; color:#440088; text-align:center; }
#weatherHeader { width:195px; height:26px; float:right; padding-top:4px; padding-left:5px; background-color:#440088; font-size:12pt; color:#FFFFFF; }
#weatherDetail { width:200px; height:125px; background-image:url(graphics/rainbowRight.jpg); background-position:top; padding-top:5px; padding-bottom:5px; }
#advert { width:190px; padding:5px; text-align:center; }
.galleryThumb { border:#440088 2px solid; margin-right:25px; margin-bottom:10px; }
.venueWrap { width:670px; height:auto; border-bottom:#440088 1px dashed; margin-bottom:5px; padding-bottom:5px; float:right; }
.eventWrap { width:670px; height:auto; float:right; }
.eventWrapBtm { width:670px; height:auto; float:right; border-bottom:#FF0000 1px dashed; margin-bottom:7px; padding-bottom:5px; }
.eventHeader { width:auto; height:auto; float:none; margin-bottom:5px; margin-top:5px; }
.sponsorWrap { width:670px; height:auto; float:right; border-bottom:#440088 1px dashed; margin-bottom:5px; padding-bottom:5px; }
.sponsorLogo {  width:auto; height:auto; float:left; margin:10px; margin-left:0; }
.newsWrap { width:auto; height:auto; float:none; margin-bottom:5px; padding-bottom:5px; border-bottom:#440088 1px dashed; }
.newsDateHeader { width:auto; height:auto; float:none; margin-bottom:5px; font-weight:bold; }
.artistsWrap { width:auto; height:auto; float:none; margin-bottom:5px; padding-bottom:5px; border-bottom:#440088 1px dashed; }
.artistsHeader { width:auto; height:auto; float:none; margin-bottom:5px; font-weight:bold; color:#440088; }
.contactWrap { width:auto; height:auto; float:left; margin:0; margin-left:50px; }
.artsDisplayWrap { width:200px; background-color:#336666; text-align:center; padding-top:5px; padding-bottom:5px; }
.artsDisplayItem { width:180px; text-align:center; padding:5px; padding-left:10px; padding-right:10px; }
.spacer { width:200px; height:5px; background-image:url(graphics/rainbowRight.jpg); }

/* Image Container Styles */
.imageLeft { float:left; margin:10px; margin-left:0; text-align:center; border:#440088 1px solid; }
.imageRight { float:right; margin:10px; margin-right:0; text-align:center; border:#440088 1px solid; }
.imageVenue { width:auto; height:auto; float:right; margin:0px; margin-left:10px; border:#440088 1px solid; }
.imageArtists { width:auto; height:auto; float:right; margin:10px; margin-top:0; margin-right:0; text-align:center; border:#440088 1px solid; }
.imageGallery { height:100px; width:100px; border:#440088 1px solid; padding:2px; margin:5px; }

/* Footer Styles */
#footerWrap { width:900px; height:auto; margin-left:auto; margin-right:auto; background-image:url(graphics/rainbowMain.jpg); background-position:top; background-repeat:no-repeat; padding-top:10px; font-size:9pt; }
#footerCredits { width:900px; height:auto; padding-top:10px; }
#footerCreditsRight { width:400px; height:auto; float:right; text-align:right; }
#footerCharityReg { width:890px; margin-left:auto; margin-right:auto; padding:5px; text-align:center; }

/* Text Styles */
h1 { font-size:15pt; font-weight:bold; color:#440088; margin-bottom:15px; }
h2 { font-size:13pt; font-weight:normal; color:#440088; margin-bottom:5px; }
h3 { font-size:11pt; font-weight:bold; color:#440088; margin-bottom:5px; }
.bold { font-weight:bold; }
.red { color:#FF0000; }
.boldRed { font-weight:bold; color:#FF0000; }
.italic { font-style:italic; }
ul { margin-left:15px; }
.centre { text-align:center; }
.boldSmall { font-weight:bold; font-size:8pt; }

/* Link Styles */
a { text-decoration:underline; color:#000000; }
a:hover { text-decoration:none; color:#000000; }
a.menu { text-decoration:none; color:#FFFFFF; font-size:12pt; }
a.menu:hover { text-decoration:underline; color:#FFFFFF; font-size:12pt; }
.menuActive { text-decoration:underline; color:#FFFFFF; font-size:12pt; }
a.footer { text-decoration:none; color:#000000; }
a.footer:hover { text-decoration:underline; color:#000000; }
.footerActive { text-decoration:underline; color:#000000; }
a.highlight { text-decoration:underline; color:#FF0000; font-weight:bold; }
a.highlight:hover { text-decoration:none; color:#FF0000; font-weight:bold; }

/* Search Form Styles */
.search { padding:0; padding-left:1px; font-family:"Trebuchet MS", sans-serif; font-size:9pt; color:#000000; border:#440088 1px solid; }

/* Search Results Styles */
.searchHitTitle { font-size:11pt; font-weight:bold; color:#440088; }
.searchResultTitle { font-size:11pt; }
.searchHitText { font-weight:bold; color:#440088; }

/* Default DOM Tooltip Styles */
div.domTT { border:2px solid #440088; background-color:#FFFFFF; padding:1px; }
div.domTT .contents { padding:1px; font-weight:bold; background-color:#FFFFFF; text-align:center; }

/* Lightbox Styles */
#lightbox{ position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(graphics/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(graphics/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }