/* GACF Stylesheet */
* { margin: 0; padding: 0; }

body{ background: #e0e0e0 url(../images/header_bg_blue.gif) top center repeat-x; font: 12px/16px Arial, helvetica, sans-serif; }

ul { margin: 10px; margin-left: 30px; }

#container { width: 1000px; \width: 1090px; w\idth: 1000px; margin: 0 auto; padding: 0; background: url(../images/nav_bg.jpg) center 160px no-repeat; }

#header{ padding: 0 20px; margin-bottom: 10px; }
#logo{ margin: 0 50px; border: none; }
#slides{ float: right; }

#navigation{ padding: 10px 0 10px 20px; font: bold 14px Arial, helvetica, sans-serif; height: 24px; clear: both; position: relative; top: -6px; }

ul.dropdown,
ul.dropdown li,
ul.dropdown ul { list-style: none;margin: 0;padding: 0; }
ul.dropdown { position: relative;z-index: 597;float: left; }
ul.dropdown li { float: left;line-height: 1.3em;vertical-align: middle;zoom: 1; }
ul.dropdown li.hover,
ul.dropdown li:hover { position: relative;z-index: 599;cursor: default; }
ul.dropdown ul { visibility: hidden;position: absolute;top: 100%;left: 0;z-index: 598;width: 100%; }
ul.dropdown ul li { float: none; }
ul.dropdown ul ul { top: 1px;left: 99%; }
ul.dropdown li:hover > ul {visibility: visible; }

ul.dropdown li{ padding: 7px 12px; color: #fff; }
ul.dropdown a:link,
ul.dropdown a:visited{ color: #fff; text-decoration: none; }
ul.dropdown a:hover{ color: #fff; text-decoration: underline; }
ul.dropdown a:active{ color: #fff; }
ul.dropdown ul{ margin-left: -6px; width: 170px; padding-bottom: 9px; background: #fff; color: #000; font-size: 11px; font-weight: normal; }
ul.dropdown ul li{ background-color: transparent; color: #000; }
ul.dropdown ul li.hover,
ul.dropdown ul li:hover{ background-color: transparent; }
ul.dropdown ul li.empty{ padding: 12px 12px 7px !important; font-weight: bold; }
ul.dropdown ul a:link,
ul.dropdown ul a:visited{color: #000; }
ul.dropdown ul a:hover{color: #000; text-decoration: none; }
ul.dropdown ul a:active{color: #000; }
ul.dropdown ul ul{ display: none; }
ul.dropdown ul ul li{}
ul.dropdown *.dir{ padding-right: 12px; background-image: none; background-position: 100% 50%; background-repeat: no-repeat; }
ul.dropdown-horizontal ul *.dir{ padding-right: 15px; background-image: url(images/nav-arrow-right.png); background-position: 100% 50%; background-repeat: no-repeat; }
ul.dropdown-vertical *.dir{ background-image: url(images/nav-arrow-right.png); }
ul.dropdown-vertical-rtl *.dir{ padding-right: 15px; background-image: url(images/nav-arrow-left.png); background-position: 0 50%; }

ul.dropdown li a{ display: block; padding: 7px 12px; }
ul.dropdown li{ padding: 0;}
ul.dropdown li.dir{ padding: 7px 20px 7px 12px; }
ul.dropdown ul li.dir{ padding-right: 15px; }
ul.dropdown li{}
/* Especially for IE6 or lower */
ul.dropdown ul a{ padding: 4px 5px 4px 12px; /*width: 139px;*/ }
ul.dropdown ul a:hover{ padding: 3px 5px 3px 11px; font-weight: bold; }
ul.dropdown ul a.dir{ /*width: 129px;*/ }

#navigation .active { text-decoration: underline; }

a img{ border: none; }

#page_body{ padding: 0 20px; background: blue url(../images/content_bg.jpg) top center; clear: both; }

p { margin-bottom: 5px; }

#slideshow{ float: left; width: 635px; height: 350px; margin: 0; padding: 0; }
#buy{ float: right; width: 320px; height: 350px; margin: 0; padding: 0; }
#countdown{ float: right; width: 300px; margin: 0; padding: 10px 0 0 20px; color: #fff; background: transparent !important; }
.hasCountdown{ background: transparent !important; color: #fff !important; }

#whatsnew{ clear: left; float: left; width: 615px; /*height: 415px;*/ margin: 10px 0 10px 0; padding: 20px 0 20px 20px; font-size: 12px; overflow: auto; }
#whatsnew h1{ font: 24px "Times New Roman", Times, Georgia, Serif; }
#whatsnew p{ padding: 0 0 1em 0; }

#other{ float: right; width: 225px; padding: 20px; margin: 0 0 0 10px; font-size: 10px; background: #e0e0e0; border: 1px solid #aaa; }
#other h1{ font: bold 10px Arial, helvetica, sans-serif; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 15px; }
#other ul span{ float: left; clear: left; padding: 0 25px 10px 0; font-weight: bold; }
#other ul li{ list-style-type: none; display: block; padding: 5px 0; border-bottom: 1px dotted #fff; }


#calendar{ float: right; width: 320px; height: 280px; background: url(../images/calendar.jpg) top center no-repeat; margin: 0; padding: 20px 0 0 0; color: #fff; font-size: 11px; }
#calendar h1{ text-align: right; padding: 0 20px; margin: 0; font-size: 14px; }
#calendar dl{ margin: 0; padding: 0 0 15px 0; }
#calendar dl dt{ color: #fff; padding: 6px 40px; margin: 10px 0 -5px 0; font-size: 14px; font-weight: bold; }
#calendar dl dd{ padding: 5px 0 0 45px; margin: 0; }
#calendar a:link { color: #FBA917; }

#video{ clear: right; float: right; width: 295px; height: 280px; margin: 0; padding: 0; }
#youthcamp{ clear: left; float: left; width: 635px; height: 125px; margin: 0; padding: 0; }
.clear{ clear: both; }

img#spotlight{ float: left; margin: 0; }
img.figure-a{ display: block; margin: 0 auto; }
img.figure-b{ float: right; margin: 0 0 10px 10px; }
img.figure-c{ float: left; margin: 0 10px 10px 0; }

#footer{ clear: both; padding: 0; margin: 0; text-align: left; border-top: 10px solid #fff; background: #fff; }
#sponsors img{ width: 100%; display: block; margin: 0; }


#main { 
clear: left; 
float: left; 
width: 615px; 
xheight: 415px; 
margin: 10px 0 10px 0; 
padding: 20px 0 20px 20px; font-size: 12px;
}

#sitemap {
 border: 1px solid #264185;
 height: 300px;
 width: 300px;
}


#right-column { float: right; width: 280px; height: 350px; margin: 3px; padding: 3px 20px 3px 3px; color: #fff; }

.teaser {
 float: left;
 width: 128px;
 height: 128px;
 background-color: #d88600;
 vertical-align: middle;
}

.content-right { float: right; margin-left: 10px; }
.content-left { float: left; margin: 0; margin-right: 10px; }

.news-item {
    margin: 10px;
    padding: 10px;
    border: 1px solid #cccccc;
}

#countdown { border: none; width: 280px; float: left; }

#festival-date {
 margin-top: 3px;
 margin-bottom: 20px;
 text-align: center;
}

#festival-date h1 { font-size: 200%; font-weight: bold; }

.sponsor {
    border: 1px solid #cccccc;
    padding: 5px;
    margin: 3px;
    width: 200px;
    height: 200px;
    float: left;
    text-align: center;
}

.sponsor-info {
    margin: 10px;
}


.home-news-item h2 { margin-bottom: 5px; }
.date { margin-bottom: 5px; font-style: italic; font-size: 12pt; }

/* big buttons */
#big-buttons{ float:left; display:block; width:630px; height:108px;overflow:hidden; margin:-30px 0 20px}
#index #big-buttons{ width:650px;margin:0;} /* home page corrections */
#big-buttons a{ float:left; display:block; width:151px; height:108px; background: no-repeat 0 0; }
#big-buttons a:hover { background-position: 0 108px; }
a#whos-coming{background: url(../images/button-whos-coming.png);margin-left:80px; }
#index a#whos-coming{margin-left:100px; }
a#ticket-info{background: url(../images/button-ticket-info.png);}
a#dates-events{background: url(../images/button-dates-events.png);}