/* CSS Document */

*{
margin: 0;
padding: 0;
}

body{
background-image: url(images/bk.gif); 
background-color: #aa6eab;
background-repeat: repeat-x;
}

#container{
margin: 0 auto;
width: 650px;
background-repeat: repeat-y;
margin-top: 30px;
background-color: #ffffff;
}

#banner{
width: 650px;
height: 127px;
background-image: url(images/banner1.png);
}

#navbar{
width: 650px;
height: 37px;
background-image: url(images/navbar.gif);
background-repeat: repeat-x;
text-align: center;
margin: 0px;
padding: 0px;
}

#left_container{
float: left;
width: 400px;
background-color: #ffffff;
}

.main_txt{
padding-top: 20px;
padding-left: 10px;
font-family: arial;
font-size: small;
color: #000000;
padding-bottom: 30px;
}

.main_txt a:link{
font-family: arial;
font-size: small;
color: #b37ab4;
text-decoration: underline;
}

.main_txt a:active{
font-family: arial;
font-size: small;
color: #b37ab4;
text-decoration: underline;
}

.main_txt a:hover{
font-family: arial;
font-size: small;
color: #b37ab4;
text-decoration: none;
}

.main_txt a:visited{
font-family: arial;
font-size: small;
color: #b37ab4;
}

.main_txt_small{
padding-top: 20px;
padding-left: 10px;
padding-right: 7px;
font-family: arial;
font-size: small;
color: #000000;
padding-bottom: 30px;
}

.h1{
font-family: arial;
font-size: 16px;
color: #ec008c;
font-weight: bold;
text-align:left;
}

.h2{
font-family: arial;
font-size: 16px;
color: #ec008c;
font-weight: bold;
}

#tipi_pic{
float: left;
width: 245px;
height: 353px;
background-image: url(images/tipi_about.jpg); 
}

#about{
float: left;
width: 600px;
background-color: #ffffff;
padding-left:25px;
}

#right_container{
float: right;
width: 250px;
background-color: #ffffff;
}

#which_image{
padding-left: 20px;
padding-top: 60px;
}

#what_images{
padding-left: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
.image{
border-style:solid;
border-width:thin;
border-color:#ec008c;
}
#festivals_container{
width: 650px;
background-color: #ffffff;
background-repeat: repeat-y;
}

#wickerman_banner{
width: 635px;
margin: 0 auto;
padding-top: 8px;
}

#list li{
margin-left: 15px;
padding-bottom: 4px;
}

.submitbtn {
   color:#ffffff;
   font-family: arial;
   background-color: #b37ab4;
   font-size: small;
   font-weight: bold;
   border:1px solid #000000;
}

#footer{
clear: both;
width: 650px;
height: 37px;
background-color: #4d0353;
background-repeat: no-repeat;
text-align: center;
font-family: arial;
font-size: x-small;
color: #ffffff;
}

#footer_txt{
padding-top: 6px;
}
#footer_txt a{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-decoration:underline;
}
#footer_txt a:active{color:#FF0099; text-decoration:underline; }
#footer_txt a:visited{color:#FF0099; text-decoration:underline; }
#footer_txt a:hover{color:#FFFFFF; text-decoration:underline; }
/*NAVIGATION*/

#navcontainer{
width: 650px;
padding-top: 7px;
}

#navlist li { 
display: inline;
margin-right: 25px;
background-repeat: no-repeat;
background-position: 1px;
padding-left: 8px;
}

#navbar a:link{
color: #ffffff;
font-family: arial;
font-size: x-small;
text-decoration: none;
font-weight: bold;
}

#navbar a:active{
color: #ffffff;
font-family: arial;
font-size: x-small;
text-decoration: none;
font-weight: bold;
}

#navbar a:visited{
color: #ffffff;
font-family: arial;
font-size: x-small;
text-decoration: none;
font-weight: bold;
}

#navbar a:hover{
color: #ffffff;
font-family: arial;
font-size: x-small;
text-decoration: none;
font-weight: bold;
}

/*GALLEY ROLLOVERS*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 2px solid #cccccc;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 10px;
left: 80px; /*position where enlarged image should offset horizontally */
}