/* Clearfix */
.clearfix:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{/*height:1%;*/}

/* Initiliasation */
body{background:url(../images/bg-inner.jpg) no-repeat center top #A6D87F; color:#000; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:20px;}
h1, h2, h3, h4, h5, h6{font-family:Georgia, "Times New Roman", Times, serif; color:#990000;}

/*Common*/
.flLeft{float:left;}
.flRight{float:right;}
.mgnBottom20{margin-bottom:20px;}
.mgnTop10{margin-top:10px;}
b{font-weight:bold;}
.clear{clear:both;}
a{color:#000;}
a:hover{color:#000;}

/* Layout */
.wrapper{margin:0 auto; width:980px; padding:0;/* height:770px;*/min-height:770px; height:auto; !important}
.header{height:270px; min-height:270px; height:auto; !important}

.logoArea{margin:0; padding:0; float:left;}
.navContainer{width:760px; float:right;}
.bannerInner{font-size:0px; color:fff; border:1px solid #339900; padding:3px; text-align:center; }

.mainNavigation{margin:0; padding:0; height:25px;}
.mainNavigation ol {padding-top:15px; margin-left:575px;}
.mainNavigation ol li{margin-right:10px; float:left; font-size:12px; font-weight:bold; line-height:25px;}
.mainNavigation ol li a{padding:0 0 0 10px; color:#fff; display:block; #display:inline-block;}
.mainNavigation ol li a span{padding:0 10px 0 0;/*  background:url(../images/menu-hover.jpg) no-repeat right top;*/ display:block;}
.mainNavigation ol li a:hover{padding:0 0 0 10px; color:#000; background:url(../images/menu-hover.jpg) no-repeat left 0;}
.mainNavigation ol li a:hover span{padding:0 10px 0 0;  background:url(../images/menu-hover.jpg) no-repeat right 0; display:block;}
.mainNavigation ol li a.current{padding:0 0 0 10px; color:#000; display:block; #display:inline-block; background:url(../images/menu-hover.jpg) no-repeat 0 -50px;}
.mainNavigation ol li a.current span{padding:0 10px 0 0;  background:url(../images/menu-hover.jpg) no-repeat right -50px; display:block;}

.topNavigation{margin:20px 0 10px 0; padding:5px; height:25px;}
.topNavigation ol {padding-top:15px;}
.topNavigation ol li{margin-right:10px; float:left; font-size:15px; font-weight:bold; line-height:25px; text-transform:uppercase; text-shadow:0 1px 0 #fff;}
.topNavigation ol li a{padding:0 0 0 10px; color:#000; display:block; #display:inline-block;text-shadow:0 1px 0 #fff;}
.topNavigation ol li a span{padding:0 10px 0 0;/*  background:url(../images/menu-hover.jpg) no-repeat right top;*/ display:block;}
.topNavigation ol li a:hover{padding:0 0 0 10px; color:#000; background:url(../images/menu-hover.jpg) no-repeat left 0;}
.topNavigation ol li a:hover span{padding:0 10px 0 0;  background:url(../images/menu-hover.jpg) no-repeat right 0; display:block;}
.topNavigation ol li a.current{padding:0 0 0 10px; color:#000; display:block; #display:inline-block; background:url(../images/menu-hover.jpg) no-repeat 0 0; text-shadow:0 1px 0 #fff;}
.topNavigation ol li a.current span{padding:0 10px 0 0;  background:url(../images/menu-hover.jpg) no-repeat right 0; display:block;}

/*contain*/
.pageArea{margin:0; padding:10px; background:url(../images/page-area-bg.jpg) repeat-x 0 0 #EBF8DC;}
.content{margin:0; padding:0 10px; border-right:1px dashed #666; width:720px;}
.content a{color:#999900;}
.content a:hover{ color:#CC3300;}
.content h3{font-size:18px; color:#000; border-bottom:1px dashed #B3B3B3; padding-bottom:5px;}
.content h4{font-size:15px; color:#000; padding:5px;}
.sponsorInner{float:right; width:200px;}
.sponsorInner h4{font-size:14px; color:#000; padding-bottom:5px; margin-left:30px;}
/*.sponsorInner img{border:1px solid #339900; padding:5px;}*/
/*Footer*/
.footer{background:url(../images/bg-footer.jpg) no-repeat center top; height:40px; width:980px; margin:0 auto;}
.footer p{font-size:12px; color:#666; padding:10px;}
.footer p a{color:#666; text-decoration:none;}
.footer p a:hover{text-decoration:none;}

/*current*/
#pageSchedule .schedule a.current{padding:0 0 0 10px; color:#000; display:block; #display:inline-block; background:url(../images/menu-hover.jpg) no-repeat 0 0;}


/*table*/
.dataTable{ border-left:1px solid #7D9C23; border-top:1px solid #7D9C23; width:400px;}
.dataTable th{ padding:10px; text-align:left; background:#ABD96C; font-size:13px; color:#000; border-right:1px solid #7D9C23; border-bottom:1px solid #7D9C23;}
.dataTable td{ padding:10px; font-size:12px; border-right:1px solid #7D9C23; border-bottom:1px solid #7D9C23;  }

/*calender
.calendar{background:url(../images/calendar.gif) no-repeat; width:58px; height:70px; float:left; margin:20px 10px 10px 20px;}
.calendar h5{border:none; font-size:12px; font-weight:bold; margin:0; padding:5px 0 0 0; color:#fff; text-align:center; margin-top:5px;}
.calendar h6{text-align:center; font-size:11px;}
.topicHeading{padding:0 10px; font-size:12px; text-align:left; float:left; width:720px; margin:50px 10px 10px 20px;}
.topicHeading a{font-weight:normal;}
.bulletinList .calendar{background:none; width:60px; height:48px; float:left;}
.bulletinList .topicHeading{width:210px;}*/
/*calender*/
.calendar{background:url(../images/calendar.gif) no-repeat; width:58px; height:70px; float:left; margin:20px 10px 10px 10px;}
.calendar h5{border:none; font-size:12px; font-weight:bold; margin:0; padding:5px 0 0 0; color:#fff; text-align:center; margin-top:5px;}
.calendar h6{text-align:center; font-size:11px;}
.topicHeading{padding:0 10px; font-size:12px; text-align:left; float:left; width:580px; margin:20px 10px 10px 20px;}
.topicHeading h2{color:#CC0000; font-size:15px;}
.topicHeading h2 a{color:#CC0000; font-size:15px; text-decoration:none;}
.topicHeading h2 a:hover{text-decoration:underline;}
.topicHeading a{font-weight:normal;}
.bulletinList .calendar{background:none; width:60px; height:48px; float:left;}
.bulletinList .topicHeading{width:210px;}

.artists{float:left; margin-top:20px;}
.artists b{ font-style:italic; font-weight:bold; color:#CC3300; font-size:18px;}
.artists img{ border:dotted 1px #333333; padding:10px; margin:0 10px 0 0;}

.PhotoCatagories{width:555px; margin-left:60px;}
.PhotoCatagories .dataLinks{padding:0 20px; background:url(../images/catagory/popmid.gif) repeat-y;}
.PhotoCatagories .dataLinks td{border-bottom:1px solid #CDD6D8; font-size:12px; height:100%;}
.PhotoCatagories .dataLinks td a{padding:10px; display:block; color:black; text-decoration:none;}
.PhotoCatagories .dataLinks td a:hover{background-color:#9FDC7E; color:#000; text-decoration:underline;}


/*current*/
#pgHome .home a, #pgArtist .artist a, #pgContact .contact a, #pgSchedule .scheduleLink a, #pgProgramme .programme a, #pgVenue .venue a, #pgSponsor .sponsorLink a{padding:0 0 0 10px; color:#000; display:block; #display:inline-block; background:url(../images/menu-hover.jpg) no-repeat 0 0; text-shadow:0 1px 0 #fff;}
#pgHome .home a span, #pgArtist .artist a span, #pgContact .contact a span, #pgSchedule .scheduleLink a span, #pgProgramme .programme a span, #pgVenue .venue a span, #pgSponsor .sponsorLink a span{padding:0 10px 0 0;  background:url(../images/menu-hover.jpg) no-repeat right 0; display:block;}

/*sponsor logo*/
.sponsors ul{ margin:0; padding:0;}
.sponsors ul li {list-style:none; border-bottom:1px dotted #999900; padding:0px 0 5px 20px; float:left; margin:10px; background:url(../images/bullet.png) no-repeat 0 4px; width:690px;}
.sponsors ul li img { border:1px thin #666666;}

.photoList ul{ margin:0; padding:0;}
.photoList ul li {list-style:none; padding:0px 0 5px 20px; float:left; margin:10px; width:288px;}
.photoList ul li h5{font-size:16px; color:#A77502; margin-bottom:10px;}

.photo{margin:0; padding:0;}
.photo img{border:1px solid #CEC4B5; background:#EBF8DC; padding:10px; margin:0 5px 5px 5px;}
.photo ol{margin:0; padding:0;}
.photo li{margin:0 5px; padding:0; float:left;}

.photo1{margin:0; padding:0; clear:both; width:700px; float:left;}
.photo1 ol{margin:5px; padding:0;}
.photo1 li{margin:10px;; padding:0; float:left; font-weight:bold; font-size:14px; color:#990000;}

.dropmenuDiv{background-color:#ccc; z-index:1030; width:150px; display:none; color:#990000;}
.dropmenuDiv a{display:block; border-bottom: 1px dotted #ccc; padding:4px 0 4px 10px; text-decoration: none; color: black; /*background:url(../images/icon/bullet.png) no-repeat 4px 4px;*/ font-size:13px; text-align:left;}
.dropmenuDiv a:hover{color:#fff; background:#990000;}
.dropmenuDiv[class] br{display:none;}