/* CSS Document */

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

.float{
display:block;
float:left;
margin-left:5%;
}
ul.hearts{
cursor:	auto;
list-style-image:	none;
list-style-position:	outside;
list-style-type:	none;
marker-offset:	auto;
}
ul.hearts li{
background-color:	transparent;
background-image:	url("../images/bullet-heart.gif");
background-repeat:	no-repeat;
background-position:	0 2px;
background-attachment:	scroll;
opacity	1
}

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

#container1{
width: 100%
}



div#banner{
width: 100%;
height: 127px;
background:#fff url(images/bannerx.png) repeat-x; 
/* #a751a2 */
}

div#banner div.left{
position:absolute;
height:127px; 
width:380px; 
background:#fff url(images/banner1.png) top left no-repeat; 
background-position-left:100px;
overflow:invisible;
}
div#banner div.right{
position:relative;
overflow:invisible;
height:127px; width:160px; 
background:#fff url(images/banner1.png) top right no-repeat; 
display:block;
float:right;
}


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

#left_container{
float: left;
width: 70%;
margin-left: 5%;
background-color: #ffffff;
}

.main_txt{
padding-top: 20px;
padding-left: 1%;
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: 1%;
padding-right: 7px;
font-family: arial;
font-size: small;
color: #000000;
padding-bottom: 30px;
}

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

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

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

#about{
float: left;
width: 90%;
background-color: #ffffff;
padding-left:5%;
}

#right_container{
float: right;
width: 23%;
margin-left: 2%;
background-color: #ffffff;
}

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

#what_images{
padding-left: 2%;
padding-top: 20px;
padding-bottom: 20px;
}
.image{
border-style:solid;
border-width:thin;
border-color:#ec008c;
}
.thumb img {
border-style:solid;
border-width:thin;
border-color:#ec008c;
width:90px;
margin:10px;
}

#festivals_container{
width: 100%;
background-color: #ffffff;
background-repeat: repeat-y;
}

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

#list li{
margin-left: 3%;
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: 100%;
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: 100%;
padding-top: 7px;
font-family:arial;
line-height: 100%;}

ul#navlist { 
margin:0;
line-height: 100%;
font-family:arial;
}

ul#navlist>li { 
display: inline;
margin-right: 5%;
background: none;
padding-left: 1%;
line-height: 100%;
font-family:arial;
}

#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: 10%; /*position where enlarged image should offset horizontally */
}