@charset "UTF-8";
/* CSS Document */

body{
background:url('../images/bg.png');
}

body.slideshow{
background:transparent;
}

img{
border:none;
}

a{
	cursor:pointer;
}

a.m{
color:#663300;
text-transform: uppercase;
}

a.m:hover{
color:#E5856E;
}

a.s{
color:#663300;
}

a.s:hover{
color:#0D0DF5;
}

a.t{
color:#663300;
text-transform: uppercase;
}

a.t:hover{
color:#12771B;
}

a.p{
color:#663300;
text-transform: uppercase;
}

a.p:hover{
color:#FFFFDD;
}

a.c{
color:#663300;
text-transform: uppercase;
}

a.c:hover{
color:#B90000;
}


a{
cursor:pointer;
text-decoration:none;
font-weight:bold;
color:#CC3333;
  -webkit-transition-property: color;
  -webkit-transition-duration: .3s;
  -webkit-transition-timing-function: ease-in;
}

a:hover{
text-decoration:none;
color:#000099;
font-weight:bold;
  -webkit-transition-property: color;
  -webkit-transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
}

#nav_sub li a{
cursor:pointer;
text-decoration:none;
font-weight:bold;
color:#CC3333;
  -webkit-transition-property: color;
  -webkit-transition-duration: .3s;
  -webkit-transition-timing-function: ease-in;
}

#nav_sub li a:hover{
text-decoration:none;
color:#000099;
font-weight:bold;
  -webkit-transition-property: color;
  -webkit-transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
}

#nav_sub li.here a:link, #nav_sub li.here a:visited, #nav_sub li.here a:hover { 
text-decoration:none;
color:#000099;
font-weight:bold;
}


h2{
  font-size: 16px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold ;
  color: #333;
  display:inline;
}

b{
  font-size: 12px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold ;
  color: #000;
  display:inline;
}

#header {
  position: relative ;
  background:transparent ;
  margin-top: 0px ;
  margin-left: auto;
  margin-right: auto;
  width: 920px ;
  height: auto ;
}


#banner {
  position: relative ;
  background: transparent ;
  margin-top: 20px ;
  margin-bottom:10px;
  margin-left: auto ;
  margin-right: auto;
  width: 483px ;
  height: auto ;
}

#sisters {
  position: relative ;
  background: transparent ;
  margin-top: 0px ;
  margin-left: auto ;
  margin-right: auto;
  width: 250px ;
  height: 98px ;
}

#map{
 position: relative ;
  background: transparent ;
  margin-top: 5px ;
  margin-left: 165px ;
  margin-bottom: 0px;
  width: 70px ;
  height: 45px ;
}

#flag{
 position: absolute ;
  margin-top: -23px ;
  margin-left: 710px ;
  width: 70px ;
  height: 45px ;
}

#enter{
 position: relative ;
  background: transparent;
  margin-top: -35px ;
  margin-left: 410px ;
  margin-bottom: 10px;
  width: 200px ;
  height: 21px ;
  z-index:500;
  font-size: 18px;
  font-family: helvetica, arial, sans-serif;
}

#linksfirst {
  position: relative ;
  margin-top: 10px ;
  margin-left: auto ;
  margin-right: auto;
  margin-bottom: 0px;
  padding-top:5px;
  padding-bottom:3px;
  border-style:solid ;
  border-bottom-color:#000000 ;
  border-top-color:#000000 ;
  border-left-color:transparent;
  border-right-color:transparent;
  border-width: 2px ;
  width: 600px ;
  height: auto ;
  font-size: 14px;
  font-family: helvetica, arial, sans-serif;
  font-weight: normal ;
  letter-spacing: 1px;
}

#sublinks {
  position: relative ;
  margin-top: 5px ;
  margin-left: auto ;
  margin-right: auto;
  margin-bottom: 0px;
  padding-top:5px;
  padding-bottom:3px;
  border-style:solid ;
  border-bottom-color:#000000 ;
  border-top-color:#000000 ;
  border-left-color:transparent;
  border-right-color:transparent;
  border-width: 2px ;
  width: 600px ;
  height: auto ;
  font-size: 14px;
  font-family: helvetica, arial, sans-serif;
  font-weight: normal ;
  letter-spacing: 1px;
}

#linkshome {
  position: relative ;
  margin-top: 15px ;
  margin-left: auto ;
  margin-right: auto;
  margin-bottom: 10px;
  padding-top:5px;
  padding-bottom:3px;
  border-style:solid ;
  border-bottom-color:#000000 ;
  border-top-color:#000000 ;
  border-left-color:transparent;
  border-right-color:transparent;
  border-width: 2px ;
  width: 690px ;
  height: auto ;
  font-size: 14px;
  font-family: helvetica, arial, sans-serif;
  font-weight: normal ;
  letter-spacing: 1px;
}


/*Mainpage Slideshow*/

#slideshow{
position:relative;
background:;
border: none;
width:690px;
height:360px;
margin-left:-8px;
margin-top:-8px;
}

/*Art Slideshow*/
#slideshowart{
  position: relative ;
  background: #FFFFCC ;
  margin-left: -7px ;
  margin-top:-7px;
  margin-right: auto;
  width: 688px ;
  height: 255px ;
}
/*Google Map*/

#map_canvas{
position:relative;
background:;
border: none;
width:690px;
height:360px;
margin-left:0px;
margin-top:10px;
}


/*Index Intro Page*/

#intro{
  position: static ;
  background:url('../images/about.png') no-repeat;
 position:relative;
background:;
border: none;
width:690px;
height:360px;
margin-left:165px;
margin-top:10px;
}

#introtext{
  width: 665px ;
  height: 340px ;
  font-size: 15px;
  padding:10px;
  font-family: helvetica, arial, sans-serif;
  overflow:auto;
  text-align:justify;
}


/*Villages*/

#linksindividual {
  position: relative ;
  margin-top: 10px ;
  margin-left: auto ;
  margin-right: auto;
  padding-top:5px;
  padding-bottom:3px;
  border-style:solid ;
  border-bottom-color:#000000 ;
  border-top-color:#000000 ;
  border-left-color:transparent;
  border-right-color:transparent;
  border-width: 2px ;
  width: 850px ;
  height: auto ;
  font-size: 14px;
  font-family: helvetica, arial, sans-serif;
  font-weight: normal ;
  letter-spacing: 1px;
}

#navcontent-wrapper{
  position: relative ;
  background: #333 ;
  margin-top: 10px ;
  margin-left: 0px ;
  margin-right: auto;
  width: 140px ;
  height:auto;
}

#leftnav{
  position: relative ;
  background-color: transparent ;
  margin-top: 35px ;
  margin-left: 0px ;
  margin-right: auto;
  width: 140px ;
  height: auto ;
  font-size: 12px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold ;
} 

#content-wrapper{
  position: relative ;
  background: url('../images/paper.png') ;
  margin-top: 20px ;
  margin-left: auto ;
  margin-right: auto;
  width: 880px ;
  height:auto;
  border: solid #333 1px;
  font-size: 12px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: normal ;
  padding:10px
  
}

#villagenav{
  position:absolute;
  width:auto;
  height:auto;
  }

#villagenav a {
  font-size: 14px;
  font-family: Verdana, Arial, sans-serif;
  font-weight:normal;
  }
  
#villagenav ul {
list-style:none;
padding: 0;
margin: 0;
}
  
#villagenav li {
margin-bottom: 10px;
}  


#villagecontent{
position:relative;
margin-left: 150px;
border-left: double #333 7px;
padding: 0px 0px 0px 30px;
}  


/*Bottom*/

#bottom{
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
  color: #000000;
  background: url('../images/white-trans.png');
  border-top: 1px dotted #FFFFFF;
  position: fixed; 
  bottom: 0px; 
  left: 0px; 
  width: 100%;
  height:15px;
  padding: 7px 0px 5px 0px;
  z-index:2000;
}

#bottomindividual{
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
  color: #000000;
  background-color: #FFCC77;
  opacity: .85;
  border-top: 1px dotted #FFFFFF;
  position: fixed; 
  bottom: 0px; 
  left: 0px; 
  width: 100%;
  height:15px;
  padding: 4px 0px 7px 0px;
  z-index:2000;
}

#bottom div{
margin-top:-18px;
}

#floatinglink{
position:absolute;
z-index:500;
width:auto;
height:auto;
padding:10px;
background:#fff;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
margin-top:70px;
}

#spacer{
position:relative;
height:30px;
}