body {
background-color: #181818;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
background-image:url(/images/body-bg.jpg);
background-repeat:repeat-x;
font-size: 13px;
color: #ffffff;
margin: 0;
padding: 0;
height: 100%;
}

img, ol, ul, li {
margin: 0;
padding: 0;
border: 0px;
}

h6 {
font-family: Georgia, serif;
padding: 0;
margin: 0;
font-size: 24px;
color: #0387C8
}



a {
color: #1091E8;
text-decoration: none;
}

a:hover {
color: #fff;
}


#body {
width: 958px;
}

#header-left {
float: left;
width: 430px;
text-align:left;
height: 161px;
}

div.clear {
clear:both	
}

.liveportal {
margin-left: 6px;
margin-top: 19px;
}

#header-right {
float: right;
height: 161px;
}



.navigation ul{
margin: 0;
padding: 0;
float: left;
font: bold 15px Arial;
text-transform: uppercase;
width: 100%;
border-width: 1px 0;
}

.navigation li{
display: inline;
}

.navigation li a {
float: left;
color: #fff;
padding: 9px 11px;
text-decoration: none;
}

.navigation li a:visited{
color: #fff;
}

.navigation li a:hover, .navigation li a.current{
color: #fff;
background: transparent url(/images/navigation-bg.png);
}

div.bannerinthehead {
width: 468px;
height: 60px;
margin-top: 26px;
}

#flash-home {
width: 958px;
margin-top: 22px;
margin-bottom: 22px;
height: 284px;
background-color:#FFF
}

#main {
width: 958px;
text-align:left
}

#home-left {
float:left;
width: 728px;
}

#home-left ul{
float: left;
margin-left: 10px;
list-style-type: circle
}


#home-left li{
display: list-item;
list-style-type: circle;
margin-left: 10px;

}

#home-right {
float:right;
width: 211px;
}

#home-right ul{
float: left;
margin-left: 10px;
list-style-image: url(/images/li.gif);
}


#home-right li{
display: list-item;
list-style-type: none;
margin-left: 10px;

}


div.flash-728 {
}

div.headline-title {
background-image:url(/images/728-background.jpg);
width: 703px;
height: 34px;
padding-top: 10px;
padding-left: 25px;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 18px;
color: #F8FBF9;
font-weight:bold;
margin-bottom: 20px;
margin-top: 20px;
}

div.headline-title2 {
background-image:url(/images/728-background.jpg);
width: 728px;
height: 34px;
padding-top: 10px;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 16px;
color: #F8FBF9;
font-weight:bold;
text-align:center;
margin-bottom: 20px;
}


div.right-title {
background-image:url(/images/210-background.jpg);
width: 200px;
height: 34px;
padding-top: 10px;
padding-left: 10px;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 18px;
color: #F8FBF9;
font-weight:bold;
margin-bottom: 20px;
margin-top: 20px;
}

.newshome {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 16px;
color: #1091e8;
text-decoration:none;
font-weight:bold
}

.newshome:hover {
color: #1091e8;
border-bottom: 1px solid #fff
}

div.newsonhomeimage {
width: 210px;
float: left;
height: 140px;
text-align:center
}

div.newsonhomeimage img {
border: 1px solid #f0f0f0
}

div.newsonhomeimage img:hover {
border: 1px solid #1091E8
}


div.newsonhometext {
width: 485px;
float: left;
height: 140px
}

div.newsonhometext p {
margin: 0px;
padding: 0px
}


div.dots {
background-image: url(/images/dots.gif);
height: 10px;
background-repeat: repeat-x;
margin: 5px;
}

.eventtitle {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 14px;
color: #F8FBF9;
font-weight:bold;
text-decoration: none;
}


div.home-right-box-button {
height: 25px;
text-align:right;
font-size: 12px;
text-transform: uppercase;
padding-top: 10px;
padding-right: 10px;
}

div.home-right-box-button a {
background-color: #11496e;
color: #fff;
text-decoration:none;
padding: 8px;
}

div.home-right-box-button a:hover {
background-color: #444;
color: #fff;
text-decoration:none;
padding: 8px;
}


#wrapper {
width: 680px;
margin: 25px auto;
}

#intro {
padding-bottom: 10px;
}

#slider {
width: 680px;
margin: 0 auto;
position: relative;
}

.scroll {
overflow: hidden;
width: 680px;
margin: 0 auto;
position: relative;
}

.scrollContainer {
position: relative;
}

.scrollContainer div.panel {
padding: 10px;
width: 274px;
height: 318px;
}

#left-shadow {
position: absolute;
top: 0;
left: 0;
width: 12px;
bottom: 0;
}

#right-shadow {
position: absolute;
top: 0;
right: 0;
width: 12px;
bottom: 0;
}

.inside {
padding: 10px;
}

.inside img {
display: block;
border: 1px solid #666;
margin: 0 0 10px 0;
width: 250px;
}

.inside h2 {
font-weight: normal;
color: #111;
font-size: 16px;
margin: 0 0 8px 0;
}

.inside p {
font-size: 11px;
color: #ccc;
}



.scrollButtons {
position: absolute;
top: 127px;
cursor: pointer;
}

.scrollButtons.left {
left: -45px;
}

.scrollButtons.right {
right: -45px;
}

.hide {
display: none;
}


#searchfieldinput {
width:206px;
height:38px;
background:url(/images/searchfieldinput.gif) no-repeat;
margin-left: 440px;
float:left
}

#searchfieldinput input {
width:188px; 
height:22px;
padding:5px;
background:none;
margin:5px 0 0 4px;
border:none;
font:12px Arial;
color:#fff;
}

div.searchfieldbutton {
margin:10px 0px;
}


#searchfieldinput2 {
width:143px;
height:38px;
background:url(/images/searchfieldinput.gif) no-repeat;
float:left
}

#searchfieldinput2 input {
width:110px; 
height:22px;
padding:5px;
background:none;
margin:5px 0 0 4px;
border:none;
font:12px Arial;
color:#fff;
}


div.bottombox {
float: left;
width: 210px;
text-align:left;
padding-left: 15px;
padding-right: 15px
}

div.bottombox img {
padding-bottom: 5px;
}

#footer {
margin-top: 15px;
padding-top: 5px;
background-image:url(/images/footer-bg.jpg);
font-size: 12px;
}

#footer-958 {
width: 928px;
padding: 15px;

}

#footer-left {
float: left;
}

#footer-right {
float: right;
}

div.eventbox {
float: left;
width: 260px;
text-align:left;
padding-left: 15px;
padding-right: 15px;
height: 290px;
}

div.eventbox img {
padding-bottom: 5px;
}

div.eventtext {
width: 210px;
padding-left: 15px;
padding-right: 15px;
}

#eventsspace {
width: 958px;
margin-top: 15px;
margin-bottom: 15px;
height: 1px;
}

#chronology {
line-height: 24px;
}

#chronology ul{
float: left;
margin-left: 10px;
list-style-image: url(/images/li.gif);
}

#chronology li{
display: list-item;
list-style-type: none;
margin-left: 10px;
}


div.folkloretitle {
background-color: #403E41;
padding-left: 8px;
padding-top: 8px;
padding-bottom: 8px;
text-align:left;
font-family: Georgia, serif;
font-size: 14px;
font-weight: bold;
}

div.folkloretitle a {
color: #ffffff;
text-decoration:none
}

div.folkloretitle a:hover {
color: #0AA9E0;
text-decoration:none
}

div.folklorecomment {
padding-left: 8px;
padding-top: 10px;
padding-bottom: 15px;
text-align: justify;
}

div.gallerythumb {
float:left;
width: 240px;
height: 245px;
text-align:center
}

div.gallerythumb img {
border: 1px solid #615F62
}

.galleriesthumbs  {
text-align:center;
}

.galleriesthumbs img {
margin-right: 25px;
margin-bottom: 25px
}