body
{
margin:0;
padding:0;
font-size:100%;
font-family:"Arial" ,sans-serif;
}

#container
{
width:47.5em;
background-color:#07C307;
margin:auto;
}

#logo
{
background-color:#23A9EF;
background:url(/newsite/images/festivals/grass.gif);
height:109px;
}

/* thesite.org logo */
#logo h1
{
margin:0;
padding:0;
}

#nav
{
border-top:1px solid #fff;
border-bottom:1px solid #fff;
background-color:#23A9EF;
text-align:center;
font-size:0.7em;
font-family:"arial", sans-serif;
width:100%;
}

#nav ul
{
margin:0;
padding:3px 0px;
}

#nav ul li 
{
list-style-type: none;
display:inline;
background-image:url(/newsite/images/festivals/bullet.gif);
background-position:0% 40%;
background-repeat: no-repeat;

}
#nav li a
{
padding:1px 1px;
text-decoration:none;
color:#fff;
padding:0px 8px;
padding-left:16px;
font-weight:bold;
}

/* Hide from IE-Mac \*/ 
#nav li a
{
padding-left:12px;
}
/* End hide */

#nav li a:hover
{
text-decoration:underline;
}

#subheading
{
font-size:0.7em;
font-family:"verdana", sans-serif;
font-weight:bold;
width:100%;
overflow:auto;
background-image:url(/newsite/images/festivals/dots.gif);
background-repeat: repeat-x;
background-position: 100% 100%;
padding-bottom:10px;
float:left;
}

#subheading img
{
float:left;
}

#subtext
{
width:32em;
padding:20px 30px 0px 0px;
float:right;
}

#subtext p
{
margin:0;
padding:0;
}

#main-content
{
width:100%;
margin-top:5px;
font-family:"verdana", sans-serif;
}

#main-content a
{
color:#fff;
text-decoration:none;
}

#main-content a:hover
{
color:#fff;
text-decoration:underline;
}

#main-content ul
{
font-size:0.7em;
list-style-type: none;
margin:0;
padding:0;
}

#main-content li a
{
color:#fff;
text-decoration:none;
margin:0;
padding:0;
background:none;
}

#main-content li a:hover
{
text-decoration:underline;
background:none;
}

#main-content p
{
font-size:0.7em;
margin:2px;
padding:0 2px 2px 0;
}

#left h2, #right h2, #left2 h2, #right2 h2
{
font-size:0.7em;
color:#fff;
font-weight:bold;
margin:2px;
padding-top:0px;
padding-bottom:2px;
voice-family: "\"}\"";
voice-family: inherit;
padding-top:3px;
}

html>body #left h2, #right h2, #left2 h2, #right2 h2{
padding-top:1px;
}

#main-content h3
{
font-size:0.7em;
font-weight:bold;
margin:2px;
padding-bottom:2px;
padding-top:2px;
}

/* parent div float right */

#right, #right3
{
float:right;
padding:8px 8px;
width:36%;
voice-family: "\"}\"";
voice-family: inherit;
width:30%;
}

#right3 h2, #right3 h2 a, #right3 h2 a:hover
{
font-size:0.84em;
color:#ffff00;
font-weight:bold;
margin:2px;
padding-top:0px;
padding-bottom:2px;
voice-family: "\"}\"";
voice-family: inherit;
padding-top:3px;
}

html>body #right3 h2{
padding-top:1px;
}

/* parent div float right */

#left
{
float:left;
width:64%;
padding:10px 10px;
}


/* float right within the parent div */

.content-right
{
float:right;
width:48%;
background-image:url(/newsite/images/festivals/dots.gif);
background-repeat: repeat-x;
background-position: 100% 100%;
padding-bottom:8px;
padding-top:3px;
background-color:#07C307;
clear:right;
}

/* float left within the parent div */

.content-left
{
float:left;
width:48%;
background-image:url(/newsite/images/festivals/dots.gif);
background-repeat: repeat-x;
background-position: 100% 100%;
padding-bottom:8px;
padding-top:3px;
background-color:#07C307;
clear:left;
}

/* div within right or left parent div */

.highlights
{
background-image:url(/newsite/images/festivals/dots.gif);
background-repeat: repeat-x;
background-position: 100% 100%;
padding-bottom:8px;
padding-top:3px;
float:left;
width:100%;
background-color:#07C307;
}

#main-content img
{
float:left;
margin:5px;
border: 1px solid #000
}

#main-content img.sponser
{
float:none;
margin:5px;
border: 1px solid #000
}

#footer
{
background-image:url(/newsite/images/festivals/footer.gif);
background-repeat:repeat-x;
background-position: 100% 100%;
padding:30px 0 30px 0;
color:#fff;
text-align:center;
background-color:#07C307;
font-size:0.7em;

}


#footer img
{
border:0;
float:none;
margin:auto;
}

.clear { clear: both; }

/* teaser text on article page */

.teaser
{
font-weight:bold;
}

#article h1
{
font-size:0.85em;
color:#fff;
font-weight:bold;
margin:2px;
padding-top:0px;
padding-bottom:12px;
}

#article h2
{
font-size:0.7em;
color:#000000;
font-weight:bold;
margin:2px;
padding-top:8px;
padding-bottom:5px;

}


#article ol
{
font-size:0.7em;
}

/* div within right parent div on article page */


#articleimage
{
width:100%;
float:left;
}

#articleimage p
{
color:#fff;
padding:0px;
margin:0px 0px 5px 2px;
text-align:left;
float:left;
width:80%;
}

#articleimage img
{
border: 1px solid #000;
}

#articleimage li img
{
margin:0;
border: none;
}


/* read more */

a.readmore
{
color:#fff;
font-size:0.7em;
text-decoration:none;
padding:0 28px 0 0 ;
background-image:url(/newsite/images/festivals/button.gif);
background-repeat:no-repeat;
background-position: 100% 50%;
float:left;
}

a.readmore:hover
{
color:#fff;
text-decoration:none;
background-image:url(/newsite/images/festivals/button2.gif);
background-repeat:no-repeat;
background-position: 100% 50%;
}

/* parents div with different width for template 2 */

#right2
{
float:right;
padding:0 10px;
width:64%;
}

#left2
{
float:left;
padding:0 10px;
width:36%;
voice-family: "\"}\"";
voice-family: inherit;
width:30%;
}


/* form */

#emailform
{
font-size:0.7em;
margin-top:20px;
}

#emailform label
{
display: inline;
float: left;
margin-bottom: 10px;
text-align: left;
padding-right: 20px;
width:95%
}

#emailform label.check
{
display: inline;
float: left;
margin-bottom: 10px;
text-align: left;
padding-right: 20px;
width:80%
}

#emailform input.ch {
display: inline;
float: left;
margin-bottom: 10px;
width:10%
}

#emailform input, #emailform textarea, #emailform select {
display: inline;
font-size:0.9em;
float: left;
margin-bottom: 10px;
width:50%
}

#emailform textarea{
display: inline;
font-size:1.3em;
float: left;
margin-bottom: 10px;
width:50%
}

#emailform br {
clear: left;
}

#emailform input.loginbutton
{
font-size:0.8em;
padding:2px;
width:20%;
display:inline;

}

#emailform input.check
{
font-size:0.8em;
padding:2px;
float:left;
display:inline;
width:5%;
}

#article p.disclaimer
{
padding-top:25px;
float:left;
}

.error
{
color:red;
font-weight:bold;
font-size:0.8em;
}

#poll
{
font-size:0.7em
}

#poll p
{
font-size:1em;
padding-bottom:10px;
}

#poll input.pollbutton
{
font-size:0.8em;
background-color:#07C307;
float:right;
background-image:url(/newsite/images/festivals/button.gif);
background-repeat:no-repeat;
background-position: 100% 50%;
border:none;
color:#fff;
padding:0 20px 0 0 ;
}

/* poll blocks */

.poll-block { clear:both;width:100%; margin-top:-5px}

.poll-label {float: left; width: 75%; text-align: left; padding: 8px 5px 0 5px}

.poll-image-block {float: left; width: 10%; margin-top: 8px; padding: 0}

.poll-image-bg {width:1.6em;  overflow:auto}

.poll-image-percentage {background: url(/newsite/images/festivals/ffffff.gif); height:0.5em}

.poll-figure {float: left; width: 10%; font-weight: bold; text-align: right; padding: 5px 0 0 0}

.poll-clear {height:25px; clear:both}


/* add for boltons */


.poll-block-bolton {clear:both; width:100%; margin-top:-5px;  padding-bottom:5px; overflow:auto;}

.poll-label-bolton {float: left; width: 55%; font-size:0.7em; text-align: left; padding: 5px 0px 0 5px}

.poll-image-bolton {float: left; width: 20%; margin-top: 5px;  padding: 0}

.poll-figure-bolton {float: left; width: 15%; font-size:0.7em; font-weight: bold;  text-align: right; padding: 2px 5px 0 0}

.poll-pad {padding-bottom:10px}


.hide {position: absolute; left: -2000px; top: -2000px;}

#main-content ul.bulletBody 
{
list-style:disc;
font-size:0.7em;
margin-left:20px;
}