body {
background:url(../pict/bg.gif) repeat-x 0 0 #FDF9EE; color:#4E4628;
font:normal 14px/19px Arial, Helvetica, sans-serif;
margin:0; padding:0;
}

div, h1, h2, h3, h4, h5, h6, form, label, input, span, p, a {
margin:0; padding:0;
}

#eventLink ul, #teasers ul {
list-style:none;
}

.spacer {
font-size:0; line-height:0; clear:both;
}

a:link, a:hover { color: #e4302c; }

a:visited { color: #333; }

/* ----------------- top navigation start --------------------- */
#topNav {
width:728px; position:relative;
margin:0 auto; padding:8px 0 0 50px; height: 30px;
}
#topNav img {
border:none; float:left; margin:0 34px 0 0;
}

#topNav ul {
list-style:none;
float:right;
width:auto; 
height:23px; 
padding:8px 0 0 8px !important; 
padding:4px 0 0 4px; 
margin:0 10px 0 0 !important;
margin:0 5px 0 0;
}


#topNav ul li {
background-color:#f29400; color:#fff; float:left;
font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;
background: url(../pict/top_off.gif) no-repeat top left;
padding-left: 5px;
margin-right: 1px;
}
#topNav ul li a {
background-color:#f29400; color:#fff;
font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform:uppercase; text-align:center; text-decoration:none; height:23px; width:80px; padding: 0 5px 0 0; display:block;
background: url(../pict/top_off.gif) no-repeat top right;
}
#topNav ul li.hover a {
background-color: #e4302c; color:#FFFFFF;
font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform:uppercase; text-align:center; text-decoration:none; height:23px; display:block;
background: url(../pict/top_on.gif) no-repeat top right;
}

#topNav ul li.hover {
background: url(../pict/top_on.gif) no-repeat top left;
padding-left: 5px;
margin-right: 1px;
}

/* ----------------- top navigation end --------------------- */
/* ----------------- shadow start --------------------------- */
#topShadow {
background:url(../pict/top_shadow.gif) no-repeat 0 0 #FDF9EE; color:#4E4628;
width:778px; height:34px; margin:9px 0 0; float:left;
}
#bottomShadow {
background:url(../pict/bottom_shadow.gif) no-repeat 0 0 #FDF9EE; color:#4E4628;
width:778px; height:24px; float:left;
}
/* ----------------- shadow end --------------------------- */

#bodyPannel #logo  {
background-color:#FFFFFF; color:#000000;
width:300px; float:left;
}


/* ----------------- body start --------------------------- */
#body {
width:778px; margin:0 auto; position:relative;
}
#bodyPannel {
background:url(../pict/midle_bg.gif) repeat-y 0 0 #FDF9EE; color:#4E4628;
width:722px; padding:0 28px; float:left;
}
#bodyPannel form.vote {
background-color:#FFFFFF; color:#000000; border:#ECE8DB 1px solid; float:left;
width: 718px;
line-height: 180%;
}
#bodyPannel form.vote h2 {
background:url(../pict/contact_h2_bg.gif) no-repeat 0 0; color:#f29400; padding:0 0 10px 50px;
font:italic 24px/42px Georgia, "Times New Roman", Times, serif;
}
#bodyPannel form.vote h2 span {
background-color:#FFFFFF; color:#0B0B0B;
font:italic 24px/42px Georgia, "Times New Roman", Times, serif;
}
#bodyPannel form.vote label {
background-color:#FFFFFF; color:#0B0B0B; margin:0 0 8px 0; 
font:bold 10px/28px Arial, Helvetica, sans-serif; text-transform:uppercase;
}
#bodyPannel form.vote input, #bodyPannel form.vote select {
color:#0B0B0B;
width:auto; 
height:auto; 
font:normal 14px/20px Arial, Helvetica, sans-serif;
}


#bodyPannel form.vote input.submit {
color:#0B0B0B;
margin:7px 0 0 0; 
cursor:pointer;
font:normal 10px/13px Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
#eventLink {
width:345px; padding:0 0 0 70px; float:left;
}
#eventLink h2 {
background:url(../pict/event_link_bg.gif) no-repeat 0 7px #FFFFFF; color:#f29400;
padding:6px 0 10px 48px;
font:italic 28px/42px Georgia, "Times New Roman", Times, serif;
}
#eventLink h2 span {
background-color:#FFFFFF; color:#0B0B0B;
font:italic 28px/42px Georgia, "Times New Roman", Times, serif;
}
#eventLink ul {
float:left; padding:0 0 0 5px;
margin-left: 0px;
}
#eventLink ul li {
font:normal 13px/19px Arial, Helvetica, sans-serif; 
background:url(../pict/red_arrow.gif) no-repeat 0 7px #FFFFFF; color:#4E4628;
padding:0 0 0 6px;
}
#eventLink ul li a {
font:normal 13px/19px Arial, Helvetica, sans-serif; text-decoration:none; 
background-color:#FFFFFF; color:#4E4628;
padding:0 4px; display:block;
}
#eventLink ul li a:hover {
font:normal 13px/19px Arial, Helvetica, sans-serif; text-decoration:none; 
background-color:#F4EFDF; color:#4E4628;
padding:0 4px; display:block;
}
#eventLink a.more { 
background:url(../pict/more_bg.gif) no-repeat top right #FFFFFF; 
color:#0B0B0B; 
float:right;
text-align:right;
font:normal 10px/13px Arial, Helvetica, sans-serif;
text-decoration:none; 
text-transform:uppercase;
padding:0 20px 0 5px; 
margin:5px 10px 0 0;
border: 1px solid #00ff00;
}
#eventLink a.more:hover {
background:url(../pict/more_bg_h.gif) no-repeat top right #FFFFFF; 
}
#colorBg {
background-color:#FCFAF3; float:left; color:#0B0B0B;
margin:18px 0 18px 0; padding:18px 40px 18px 38px; width:642px;
}
#teasers {
width:298px; float:left;
}
#teasers h2.text1 {
background-color:#FCFAF3; color:#0B0B0B;
font:italic 28px/40px Georgia, "Times New Roman", Times, serif;
}
#teasers h2.text1 span {
background-color:#FCFAF3; color:#e4302c;
font:italic 28px/40px Georgia, "Times New Roman", Times, serif;
}
#teasers ul { float:left;
margin-left: 10px; padding-left: 0;
}
#teasers ul li {
font:normal 13px/19px Arial, Helvetica, sans-serif; color:#4E4628;
background:url(../pict/red_bullet.gif) no-repeat 0 6px #FCFAF3; padding:0 0 0 10px;
}
#teasers ul li a {
font:bold 13px/19px Arial, Helvetica, sans-serif; text-decoration:none;
background-color:#FCFAF3; color:#4E4628; display:block;
}
#teasers ul li a:hover {
font:bold 13px/19px Arial, Helvetica, sans-serif; text-decoration:none;
background-color:#EAE6D9; color:#4E4628; display:block;
}
#teasers p {
background:url(../pict/boeder.gif) repeat-x 0 14px #FCFAF3; color:#0B0B0B;
height:13px; line-height:13px; padding:14px 0 19px 0;
}
#teasers p a.more {
background:url(../pict/more_bg.gif) no-repeat top right #FCFAF3; 
color:#0B0B0B; 
float:right;
text-align:right;
font:normal 10px/13px Arial, Helvetica, sans-serif;
text-decoration:none; 
text-transform:uppercase;
padding:0 20px 0 5px; 
margin:5px 0 0 0;
}
#teasers p a.more:hover {
background:url(../pict/more_bg_h.gif) no-repeat top right #FFFFFF; 
}

/* standard content  */
#content {
margin-left: -21px;

}

#content h2 {
background-color:#FCFAF3; color:#0B0B0B;
margin-bottom: 15px;
font:italic 28px/40px Georgia, "Times New Roman", Times, serif;
}

#content h2 span {
color:#e4302c;
}

#content p {
margin-bottom: 1em;
}

.alignright {
float:right;
margin: 0px 0px 10px 10px;
padding: 6px;
background-color: #fff;
border: 1px solid #ddd;
}

/* IMAGELIST */

.imageList {
font-size: 0.9em;
}

dl.gallery
{
width: 130px;
text-align: center;
padding: 10px;
float: left;
margin-right: 1em;
}

.gallery dt.caption-text { 
text-align:center;
font: italic 12px Georgia;
padding: 6px 0 0 0;
color: #222;
}

.gallery dt img
{
padding:4px;
border:1px solid #eee;
background:#fff;
}

.gallery dd
{
font-size: 0.8em;
margin: 0.5em 0 0 0;
padding: 0;
line-height: 1.3em;
}

#colorBg p.error {
padding: 8px;
border: 3px solid #e4302c;
color: #000;
font-weight: normal;
text-align:center;
font-size: 14px;
margin-bottom: 10px;
background-color: #deff00;
}

#contact {
width:312px; float:right;
}
#contact span.ctop {
background:url(../pict/contact_top.gif) no-repeat 0 0 #FCFAF3; color:#000000;
line-height:0; font-size:0; height:14px; display:block;
}
#contact span.cbottom {
background:url(../pict/contact_bottom.gif) no-repeat 0 0 #FCFAF3; color:#000000;
line-height:0; font-size:0; height:25px; display:block;
}
#contact form.contact {
background:url(../pict/contact_midle.gif) repeat-y 0 0 #FCFAF3; color:#000000;
width:272px; padding:0 20px; float:left;
}
#contact form.contact h2.text3 {
background:url(../pict/newsletter_h2_bg.gif) no-repeat 0 0 #FFFFFF; color:#0B0B0B;
padding:0 0 10px 60px; float:left; width:228px; height:37px;
font:italic 24px/30px Georgia, "Times New Roman", Times, serif;
}
#contact form.contact h2.text3 span {
background-color:#FFFFFF; color:#e4302c;
font:italic 24px/30px Georgia, "Times New Roman", Times, serif;
}
#contact form.contact label {
background-color:#FFFFFF; color:#0B0B0B; margin:0 0 3px 0; 
font:normal 11px/22px Arial, Helvetica, sans-serif; text-transform:uppercase;
}
#contact form.contact input  {
background:url(../pict/input_bg.gif) repeat-x 0 0 #FFFFFF;
color:#0B0B0B; 
border:#C3BCA4 1px solid;
width:99%; 
padding:4px; 
margin:0 0 6px 0px;
font:normal 12px/14px Arial, Helvetica, sans-serif;
}
#contact form.contact textarea {
background:url(../pict/input_bg.gif) repeat-x 0 0 #FFFFFF;
color:#0B0B0B; border:#C3BCA4 1px solid;
width:99%; height:90px; padding:2px; margin:0 0 13px 0px;
font:normal 12px/14px Arial, Helvetica, sans-serif;
}

button.btnSubmit,
button.btnCancel  {
margin:0;
padding:0;
border:none;
cursor:pointer;
background:none;
overflow:visible;
text-align:center;
white-space:nowrap;
width:auto !important;
width:1%;
}

button div.btnSubmit, button div.btnCancel {
background: url(../pict/button-left.gif) left top no-repeat; 
}
button div p.btnSubmit, button div p.btnCancel  { 
background: url(../pict/button-right.gif) right top no-repeat; 
}

button div p.btnSubmit, button div p.btnCancel {
font-size:10px;
line-height:21px;
padding: 0 15px;
text-transform: uppercase;
}

/* ----------------- body end --------------------------- */
/* ----------------- footer start --------------------------- */
#footer {
position:relative; margin:0 auto; width:712px; padding:12px 0 50px;
}
#footer a.xhtml {
background-color:#CC0000; color:#FFFFFF; width:49px; height:16px; margin:0 6px 0 0;
font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; 
display:block; text-align:center; text-decoration:none; float:left;
}
#footer a.xhtml:hover {
background-color:#0B0B0B; color:#FFFFFF; width:49px; height:16px; margin:0 6px 0 0;
font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; 
display:block; text-align:center; text-decoration:none; float:left;
}
#footer a.css {
background-color:#0B0B0B; color:#FFFFFF; width:38px; height:16px;
font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
display:block; text-align:center; text-decoration:none; float:left;
}
#footer a.css:hover {
background-color:#CC0000; color:#FFFFFF; width:38px; height:16px;
font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
display:block; text-align:center; text-decoration:none; float:left;
}

#footer p {
color:#666; background-color:#FDF9EE; padding:0 8px; float:right;
font:normal 10px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#footer p a {
color:#666; background-color:#FDF9EE; text-decoration:none;
font:normal 10px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#footer p a:hover {
color:#999; background-color:#EFEBDE; text-decoration:none;
font:normal 10px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* lightbox */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: transparent url(../pict/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../pict/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../pict/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#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;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}