/* ================================================================ 
Red #8d0e1a
Orange #f7941e
Yellow #ffcb08
=================================================================== */
* {
margin:0;
padding:0;
}
body {
font:0.8em/1.6em 'Lucida Grande', Arial, serif;
background:url(/img/bkgrad.jpg) bottom left repeat-x fixed #e3e4e5;
padding:20px 30px 0 30px;
color:#333;
}
a {outline:none;}
a {
text-decoration:none;
color:#f63;
}
a:hover {text-decoration:underline;}

#language {
text-transform:uppercase;
font-family:Arial, serif;
font-size:11px;
text-align:right;
}
.current {
color:#fff;
background:#333;
padding:3px 8px;
}

#language a {
background: #fc9417;
text-decoration:none;
color:#fff;
padding:3px 8px;
margin:0 1px;
}
#language a:hover {background:#8d0e1a;}
#masthead {
margin:0 0 10px 0;
line-height:41px;
font-size:16px;
font-family:Georgia, serif;
font-style:italic;
font-weight:bold;
color:#8d0e1a;
}
#masthead img {
border:0;
margin: 0 20px 0 0;
}
marquee {

}
#wrapper {
min-width:920px;
margin:0 auto;
max-width:1400px;
}
#mainblock {
height:240px;
clear:both;
border-top:4px solid #fc9417;
border-bottom:2px solid #fc9417;
overflow:hidden;
}
#mainblock img {
width:100%;
height:auto;

}
#welcome {
padding:5px 30px;
min-height:230px;
font: 1.1em/1.4em Georgia,serif;
}
#welcome p {
margin:0 0 0.7em 0;
}
#myGallery {
float:right;
margin:0 0 0 20px;
}
#content {
padding:10px 0 0 30px;
background:#fff;
clear:both;
}
#sideblock {
float:right;
background:#eee;
width:30%;
padding:15px;
margin:-10px 0 0 30px;
}
#sideblock h3 {
font:1.3em/1.15em Arial, sans-serif;
font-weight:bold;
color:#444;
letter-spacing:-0.025em;
padding:5px 0;
margin:0;
}
#newsblock {
float:left;
width:45%;
padding:0 30px 30px 0;
}
#eventsblock img {
max-width:200px;
height:auto;
}
#eventsblock {
margin-left:50%;
padding-bottom:30px;
}
#footer {
clear:both;
background:#eee;
padding:10px 30px;
color:#666;
margin:30px 0 0 -30px;
border-top:1px solid #aaa;
border-bottom:5px solid #666;
}
#footer a {
text-decoration:none;
color:#666;
}
#footer a:hover {text-decoration:underline;}
#singlearticle{
margin:0 30% 0 0;
padding:0 50px 0 0;
}
#highlight {
padding:0.5em;
background:#ff9;
border:2px solid #eee;
margin:3em 0 1em 0;
color:#444;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
clear:left;
}
.threecolbox {
width:30%;
float:left;
font-size:0.9em;
line-height:1.4em;
}

.boxpad {margin-right:4%;}
.eventpix {
float:left;
margin: 0 10px 5px 0;
}
.threecolbox p, .eventblock p {text-align:justify;}

.threecolbox h3 {
margin:20px 0 1px 0;
padding:20px 0 0 0;
border-top:1px solid #ddd;
}
.newsmore {
text-transform:uppercase;
font-size:0.9em;
letter-spacing:0.05em;
padding:1px 3px;
font-weight:bold;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;

}
.eventblock {
padding:10px 0;
clear:left;
margin:0;
font-size:0.9em;
line-height:1.4em;
border-top:1px solid #ddd;
}
.eventblock h3 {
border:0;
padding:0;
margin:0;
font-size:1.3em;
}
.eventblock h5 {
font-size:1.1em;
margin:0 0 5px 0;
}
.eventblock .eventpix {
display:block;
width:100px;
}
.eventpix img {
max-width:100px;
height:auto;
}
 .eventpix {text-align:center;}
.eventtxt {
margin:0 0 0 110px;
}
.newsmore:hover {
background:#f63;
color:#fff;
text-decoration:none;
}
#wufooform {
border:1px solid #ddd;
padding:15px 15px 0 15px;
margin:25px 0 0 0;
box-shadow: 0px 0px 25px #ddd;
-moz-box-shadow: 0px 0px 25px #ddd;
}

#banner img {
width:100%;
height:auto;
}


h1 {
font: 1.95em/1.2em Georgia,serif;
margin:0.5em 0 0.5em 0;
letter-spacing:-0.01em;
}
#singlearticle h6 {margin-bottom:30px;}

#welcome h1 {
font: 1.5em/1.3em Georgia,serif;

}
h2 {
font:1.75em/1.5em Georgia,serif;
color:#444;
}
h3 {
font:1.5em/1.1em Arial, sans-serif;
font-weight:bold;
letter-spacing:-0.03em;
color:#f63;
margin:10px 0 0 0;
padding:10px 0 0 0;
}
h4 {
border-top:6px solid #fc3;
font:1.8em/1.7em Arial, sans-serif;
font-weight:bold;
letter-spacing:-0.025em;
margin:6px 0 0 0;
color:#444;
}
h5 {
font:1.2em/1.2em Arial, sans-serif;
font-weight:bold;
letter-spacing:-0.01em;
margin:0 0 0.84em 0;
color:#444;
}
h6 {
font-size:0.8em;
line-height:1.4em;
font-weight:normal;
text-transform:uppercase;
margin:0 0 0.5em 0;
color:#666;
}
#banner img {
margin: 10px 0;
border:0;
}
p {margin:0 0 0.7em 0;
}

.intro, #footer {
font:0.75em/1.45em Georgia, serif;
letter-spacing:0.2em;
word-spacing:0.1em;
text-transform:uppercase;
}

.overline {
border-top:1px #ccc solid;
}

.clear {clear:both;}
.float {
float:left;
padding:0 30px 30px 0;
margin:0 30px 5px 0;
border-right:1px solid #ccc;
display:inline;
}

#content ol, #content ul {
margin: 0 0 0 2em;
}
#content li {
margin: 0 0 0.7em 0;
}
.paginate {
background:#eee;
color:#888;
font-weight:bold;
margin:20px 0;
font-size:0.9em;
text-align:right;
padding:5px 6px;
border-top:1px solid #ddd;
}
.paginate a {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius:5px;
padding:2px 4px;
}
.paginate a:hover {
background:#f7941e;
color:#fff;
text-decoration:none;
}
/*-----------------------
CHARTS
----------------------*/
.chart td, .chart th {
border-bottom:1px solid #ddd;
padding:3px 10px 3px 0;
vertical-align:top;
text-align:left;
line-height:16px;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
clear:both;
border-top:6px #444 solid;
height:36px;
line-height:20px;
background:#555;

}

/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:13px;
width:90px;
color:#fff;
background:#555;
text-decoration:none;
border-left:1px solid #444;
border-bottom:1px solid #444;
border-right:1px solid #666;
text-align:center;
font-family:Arial, sans-serif;
font-weight:bold;
letter-spacing:-0.2px;
line-height:34px;
}
.menu ul li ul a, .menu ul li ul :visited {
font-weight:normal;
font-size:12px;
letter-spacing:0;
line-height:14px;
text-align:left;
padding:5px;
width:172px;
}
/* style the links hover */
.menu :hover{
color:#444;
background:#fc3;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
.clearleft {clear:left;}
.menu a.menutrim {
line-height:15px;
padding:2px 0;
}

/*-----------------------
CALENDAR
----------------------*/
.calendar {
}
.calendarHeader th {
background:#f63;
color:#fff;
font:24px/40px Georgia, serif;
font-style:italic;
text-align:center;
padding:0 10px;
}
.calendar td.calday {
padding:4px;
background:#f93;
color:#fff;
border:0;
}
.calendar td {
background:#fff;
border:1px solid #eee;
padding:3px 3px 12px 3px;
width:75px;
font:15px/16px Georgia, serif;
color:#666;
vertical-align:top;
}
.calendar td a {
font:11px/14px 'Lucida Grande', Arial, serif;
display:block;
margin:5px 0;
}

.calendarMonthLinks {
color:#fff;
text-decoration:none;
}
.calendar td.caltoday {
background:#eee;
font-weight:bold;
color:#f60;
}
.calendar td a {
font-weight:bold;
display:block;
margin-bottom:4px;
}
.Notice {color:#06c;}
/*----------------------------------------------------
FORMS
-----------------------------------------------------*/
input[type=button], input[type=submit], button {
cursor: pointer;
}
.field {
clear:left;
padding:8px 0;
}

.formarea label {
width:130px;
display:block;
float:left;
padding:3px 0;
line-height:18px;
}
.formarea input, .formarea textarea {
padding:3px 5px;
width:350px;
border:1px solid #ccc;
-moz-border-radius: 5px;
-khtml-border-radius:5px;
background:#fefefe;
-webkit-border-radius: 5px;
font:1em/18px 'Lucida Grande', Arial, sans-serif;
}
.formarea input.check {width:30px; float:left;}
textarea {height:180px;}
textarea.shorter {height:90px;}
input:focus, textarea:focus {
border:1px solid #aaa;
background:#fff;
}
.option {
margin: 0 0 0 12.5em;
font:1em/1.4em 'Lucida Grande', Arial, sans-serif;
}
p.trimleft {
clear:left;
margin-left:-128px;
}
.submitbutton {
-moz-border-radius: 18px;
-khtml-border-radius:18px;
-webkit-border-radius: 18px;
color:#fff;
font-weight:bold;
text-shadow: 1px 1px 0px #ef5804; 
background-color: #f7941e; /* fallback color */
background-image: -moz-linear-gradient(100% 100% 90deg, #f8770a, #fac12b);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fac12b), to(#f8770a));
box-shadow: 0px 0px 5px #bbb;
-moz-box-shadow: 0px 0px 5px #bbb;
text-decoration:none;
}
a.submitbutton {
line-height:40px;
padding:5px 16px;
}
input.submitbutton, input.submitbuttongrey {
clear:left;
border:none;
width:150px;
padding:5px 8px;
-moz-border-radius: 18px;
-khtml-border-radius:18px;
box-shadow: 0px 0px 5px #bbb;
-moz-box-shadow: 0px 0px 5px #bbb;
-webkit-border-radius: 18px;
}
input.submitbuttongrey {
color:#222;
margin:15px 0 0 0;
text-shadow: 1px 1px 0px #fff; 
background-color: #ccc; /* fallback color */
background-image: -moz-linear-gradient(100% 100% 90deg, #ccc, #eee);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ccc));
}
input.submitbutton {
margin:15px 0 0 128px;
background-color: #f7941e; /* fallback color */
background-image: -moz-linear-gradient(100% 100% 90deg, #f8770a, #fac12b);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fac12b), to(#f8770a));
}
input.submitbutton:hover, a.submitbutton:hover, input.submitbuttongrey:hover {
color:#fff;
text-decoration:none;
text-shadow: 1px 1px 0px #8d0e1a; 
background-color: #f7941e; /* fallback color */
background-image: -moz-linear-gradient(100% 100% 90deg, #8d0e1a, #bc5f68);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bc5f68), to(#8d0e1a));
}
input.submitbutton:active, a.submitbutton:active, input.submitbuttongrey:active {
color:#fff;
text-shadow: -1px -1px 0px #8d0e1a; 
background-color: #f7941e; /* fallback color */
background-image: -moz-linear-gradient(100% 100% 90deg, #bc5f68, #8d0e1a);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8d0e1a), to(#bc5f68));
}
#highlight {
padding:0.5em;
background:#ff9;
border:1px solid #eee;
margin:0 0 1em 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.asterix {
color:#f00;
font-weight:bold;
}
fieldset {
border:0;
background:#eee;
padding:20px 20px 20px 10px;
margin:4em 0 2em 0;
width:500px;
}
legend {
font:1.5em/1em Arial, sans-serif;
font-weight:bold;
letter-spacing:-0.03em;
color:#f63;
margin:-1em 0 0 -0.5em;
background:#eee;
padding:5px 8px;
}
.formtextright {
width:500px;
float:left;
}
input.check {
width:20px;
float:left;
}
input.shorter {
width:322px;
padding-left:32px;
background: url(/img/http.gif) no-repeat 3px center #fff;
}
/*-----------------------
IE6 HACKS
----------------------*/
/* add display:inline to floated elements */
#myGallery,
#sideblock,
#newsblock,
{display:inline;}

/* convert min height values */
#welcome {
  height:auto !important;
  height:230px;
}

/* convert min widths values */
#wrapper {
  width:auto !important;
  width:920px;);
}

/* fix negative margins */
#masthead,
#sideblock,
#footer {position:relative; zoom:1;}

/* add zoom:1 to pos:relative elements */
.menu li {zoom:1;}