/*******************/
/* --- GENERAL --- */
/*******************/
* {
   border:0;
   padding:0;
   margin:0;
}

/******************/
/* --- LAYOUT --- */
/******************/

div#pagewrap {
   margin: 0 auto;
   width: 930px;
}

div#page {
   margin: 0 auto;
   width: 900px;
}

div#header {
   width: 900px;
   height: 194px;
   margin: 0 auto;
}

div#main {
   width: 898px;
}

div#contentwrap {
   display: inline /*Fix IE floating margin bug*/;
   width: 720px;
   float: right;
}

div#content {
   width: 680px;
   margin: 20px 20px 0 10px;
}

div#homePageLeftCol {
   width: 475px;
   margin: 0 0 0 10px;
   float:left;
}

div#slideshow {
   width:320px;
   height:220px;
   margin:auto;
}

div#homePageRightCol {
   width: 180px;
   margin: 0 0 0 10px;
   float:right;
}

div#toplinks {
   width:680px;
}

div#linkswrap {
   width: 380px;
   float: left;
}

div#menuwrap {
   display: inline /*Fix IE floating margin bug*/;
   width: 170px;
   float: left;
}

div#menu {
   width: 160px;
   margin: 30px 0 0 9px;
   min-height: 400px;
}

div#footer {
   width: 900px;
}

div.sharelinks {
   width:500px;
   margin:10px auto;
   text-align:center;
}

#header:after, #main:after, #contentwrap:after, #content:after, #newswrap:after, #news:after, #footer:after {
   clear:both;
   content:'.';
   display:block;
   height:0;
   visibility:hidden;
}


/**********************/
/* --- FORMATTING --- */
/**********************/
body {color: #000; background: url('../images/bkg-grunge3.png') left top repeat; font-family: arial, helvetica, geneva, sans-serif; font-size: 80%;}

div#pagewrap {}

div#page {}

div#header {background:url('../images/header-logo.png') left top no-repeat;}
div#header h1 {text-indent:-9999px;}

div#main {background: #000 url('../images/bkg-page.png') 70px 140px no-repeat; border-left:1px solid #404040; border-right: 1px solid #404040;}

div#contentwrap {background:transparent;}

div#content {font-family: arial, helvetica, sans-serif; color: #EAEAEA;}
div#content h1 {font-size: 1.4em; font-weight: bold; color: #E06604; line-height: 1.125em; margin: 1.5em 0 1.125em 0;}
div#content h2 {font-size: 1.4em; font-weight: bold; color: #F0F0F0; line-height: 1.125em; margin: 1.5em 0 1.125em 0;}
div#content h3 {font-size: 1.2em; font-weight: bold; color: #E06604; line-height: 1.125em; margin: 1.2em 0 0 0;}
div#content p {font-size: 1.1em; line-height: 1.125em; margin-bottom: 0.6em; color: #E0E0E0;}
div#content table.thumbs td { vertical-align:middle; text-align: center; padding: 5px;}
div#content table.thumbs td img { margin: auto;}
div#content td, div#content li {font-size:1.1em;}
div#content input, div#content textarea, div#content select{font: 1.0em arial, helvetica, sans-serif; padding:0.2em; border:1px solid #404040; background:#dadada}
div#content a img { border:0;}
div#content a:link {text-decoration: none; color: #DA0000; line-height: 1.125em;}
div#content a:visited {text-decoration: none; color: #DA0000; line-height: 1.125em;}
div#content a:hover {text-decoration: underline; color: #F0F0F0; line-height: 1.125em;}
div#content p.moreinfo { font-size:1.0em; float:right; margin-top:-0.5em; font-style: italic;}
div#content p.moreinfo a:link {text-decoration: none; color: #DA0000; line-height: 1.125em;}
div#content p.moreinfo a:visited {text-decoration: none; color: #DA0000; line-height: 1.125em;}
div#content p.moreinfo a:hover {text-decoration: underline; color: #F0F0F0; line-height: 1.125em;}
div#content ul { margin-left:2em;}

div#homePageRightCol {}
div#homePageRightCol img { margin:auto; margin-bottom:2em;}

div#toplinks {}

div#linkswrap { text-align: center;}
div#linkswrap p { color:#ccc; font-size:1em;}
div#linkswrap p a:link, div#linkswrap p a:hover, div#linkswrap p a:visited { color:#DA0000; font-size:1em; text-decoration:none;}

div#timerwrap {margin:0 5px 5px 15px; padding:5px; width:250px; float:right; color:#f0f0f0; font-weight: bold; text-align:center; border: 1px dashed red;}

div#cdtimer {}

div#newswrap {background: #f6f6f6;}

div#news {font-family: 'times new roman', serif; color: #000; background: #fff;}
div#news h1 {font-size: 1.1em; font-weight: bold; text-align: center; color: red; text-transform: uppercase; line-height: 1.125em; padding-bottom: 0.6em;}
div#news p {font-size: 1.0em; line-height: 1.125em; text-align: justify;}

div#footer {padding: 0.5em 0; background: url('../images/bkg-footer.png') left top repeat; clear: both;}
div#footer p {font-family: verdana, helvetica, sans-serif; font-size: 1em; text-align: center; color: #ddd; line-height:1.2em;}
div#footer a:link {text-decoration: none; color: #e9e9e9;}
div#footer a:visited {text-decoration: none; color: #e9e9e9;}
div#footer a:hover {text-decoration: underline; color: #e9e9e9;}

img {line-height: 0; border: 0;}

/*******************/
/* --- CLASSES --- */
/*******************/
.tiny {font-size:0.7em;}
.small {font-size:0.8em;}
.big {font-size:1.125em;}
.bigger {font-size:1.3em;}
.note {font-size: 0.75em; color: #B22222;}
.indent {padding-left: 3em;}
.rightPad {float:right; margin-left:20px;}
.leftPad {float:left; margin-right:20px;}
.imgBorder {border:1px solid #A344A8;}
.bold {font-weight:bold}
.italic {font-style:italic}
.underline {text-decoration:underline;}
.left {text-align:left}
.right {text-align:right}
.center {text-align:center}
.justify {text-align:justify}
.clear {clear:both;}


/****************/
/* --- MENU --- */
/****************/

#menu ul {
   list-style: none;
   margin: 0;
   padding: 0;
   border: none;
}

#menu li {
   background: url(../images/menu_sep.jpg) no-repeat bottom left;
   margin: 0;
}

#menu li a {
   display: block;
   height: 40px;
   width:160px;
   padding:0;
   border: 0px;
   width: 100%;
   text-indent:-9999px;
}

#menu li a.active {
}

html>body #menu li a {
   width: auto;
   }

#menu li a:hover {
   border: 0px;
}

#menu li a.active:hover {
   border: 0px;
}

div#menu ul li a#home {background: url('../images/menu-home.png') top left no-repeat;}
div#menu ul li a#home:hover {background: url('../images/menu-home.png') bottom left no-repeat;}
div#menu ul li a#artists {background: url('../images/menu-artists.png') top left no-repeat;}
div#menu ul li a#artists:hover {background: url('../images/menu-artists.png') bottom left no-repeat;}
div#menu ul li a#program {background: url('../images/menu-program.png') top left no-repeat;}
div#menu ul li a#program:hover {background: url('../images/menu-program.png') bottom left no-repeat;}
div#menu ul li a#pastfestivals {background: url('../images/menu-pastfestivals.png') top left no-repeat;}
div#menu ul li a#pastfestivals:hover {background: url('../images/menu-pastfestivals.png') bottom left no-repeat;}
div#menu ul li a#roadshows {background: url('../images/menu-roadshows.png') top left no-repeat;}
div#menu ul li a#roadshows:hover {background: url('../images/menu-roadshows.png') bottom left no-repeat;}
div#menu ul li a#galleries {background: url('../images/menu-galleries.png') top left no-repeat;}
div#menu ul li a#galleries:hover {background: url('../images/menu-galleries.png') bottom left no-repeat;}
div#menu ul li a#newsletter {background: url('../images/menu-newsletter.png') top left no-repeat;}
div#menu ul li a#newsletter:hover {background: url('../images/menu-newsletter.png') bottom left no-repeat;}
div#menu ul li a#membership {background: url('../images/menu-membership.png') top left no-repeat;}
div#menu ul li a#membership:hover {background: url('../images/menu-membership.png') bottom left no-repeat;}
div#menu ul li a#tickets {background: url('../images/menu-tickets.png') top left no-repeat;}
div#menu ul li a#tickets:hover {background: url('../images/menu-tickets.png') bottom left no-repeat;}
div#menu ul li a#volunteers {background: url('../images/menu-volunteers.png') top left no-repeat;}
div#menu ul li a#volunteers:hover {background: url('../images/menu-volunteers.png') bottom left no-repeat;}
div#menu ul li a#sponsors {background: url('../images/menu-sponsors.png') top left no-repeat;}
div#menu ul li a#sponsors:hover {background: url('../images/menu-sponsors.png') bottom left no-repeat;}
div#menu ul li a#preferredaccom {background: url('../images/menu-preferredaccom.png') top left no-repeat;}
div#menu ul li a#preferredaccom:hover {background: url('../images/menu-preferredaccom.png') bottom left no-repeat;}
div#menu ul li a#media {background: url('../images/menu-media.png') top left no-repeat;}
div#menu ul li a#media:hover {background: url('../images/menu-media.png') bottom left no-repeat;}
div#menu ul li a#contact {background: url('../images/menu-contact.png') top left no-repeat;}
div#menu ul li a#contact:hover {background: url('../images/menu-contact.png') bottom left no-repeat;}
div#menu ul li a#forms {background: url('../images/menu-forms.png') top left no-repeat;}
div#menu ul li a#forms:hover {background: url('../images/menu-forms.png') bottom left no-repeat;}
div#menu ul li a#stallholders {background: url('../images/menu-stallholders.png') top left no-repeat;}
div#menu ul li a#stallholders:hover {background: url('../images/menu-stallholders.png') bottom left no-repeat;}