#prevnext{
text-align:left;
margin:10px;
}


.calDetailPhoto{
  border: 3px solid #ffffff;
}

  #calendar table { border-top:1px; border-bottom:0px; border-left:1px; border-right:1px; border-style: solid; border-color: #503515; padding: 0; margin:0 0 0 10; width: 780px; }
#calendar th {background:#312517 ; color: #ac8f73; margin: 0px; padding: 5px; border-top:1px; border-bottom:0px; border-left:1px; border-right:1px; border-style: solid; border-color: #503515; font: normal 13px Century Gothic;}

#calendar td { background: #453320; color: #ac8f73;  padding: 2px; margin:0; height:100px;text-align:left;vertical-align:top; border-bottom:2px;  border-top:0px; border-left:1px; border-right:1px; border-style: solid; border-color: #503515; }
#calendar td a { font: 13px Century Gothic;}

#calendar td.notInMonth{ background: #3c2d1c; }
#calendar ul { list-style: none; list-style-position: outside; padding:0px; margin: 0px 0px 0px 0px}

#daynumber {color: #ac8f73; font: 12px Century Gothic;}

#calendar th.weekend {background:#503515}
#calendar td.weekend {background:#503e28}

#CalDividerBar{
	color:#AAC0D5
	width:100%;
	height:0px;
}


#calendarListNorm td{
font-size:12px;
background-color: #3c2d1c;
font-size:13px;
}

#calendarListAlt td{
font-size:12px;
background-color: #503e28;
font-size:13px;
}

#calendarListHili td{
background: #312517;
font-size:12px;
color: #727277;
}

.calendarListview{
margin-top:0px;
margin-bottom:0px;
border-width: 0px;
width:97%;
}
.calendarListview td{
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #628cbb;
padding: 4px;
border:0px;

}
#calallevents{
color:#9681fe;
}
.calendarListview th{
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color: #727277;
background-color: #312517;
padding: 4px;
}

.calendarListview a{
color: #4C6E93;

	text-decoration:none;
}
.calendarListview img{
border:none;
}

.calendarListview a:hover{
	text-decoration:none;
}


.cal_event_detail_day{
vertical-align: middle;
font-family:  century gothic, Arial,serif;
font-weight: 600;
font-size:14px;
color: #1f75b0;
letter-spacing: 3px;
}
.cal_event_detail_month{

font-weight:bold;
vertical-align: middle;
font-family:   sans-serif;
font-size:14px;
color: #d97720;
letter-spacing: 3px;
}
.cal_event_detail_date{
vertical-align: middle;
font-weight: bold;
font-family:century gothic, Arial,serif;
font-size:14px;
color: #8bb32e;


}
.cal_event_detail_position {

float:right;
margin-top:-15px;
margin-right:25px;
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-size:11px;
color: #919179;
}
.registrationlink{
border: 0px solid red;

position:absolute;
margin:14 0 0 560;
color:#4191C4;
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-size:14px;

}

.registrationlink img{
position:absolute;
border: none;
margin-left:5px;

}

.cal_event_detail_top{
/*border: solid #171717;
border-width: 1px 1px 0px 1px;*/
/*background:  url(/content/images/mag.gif) no-repeat ;*/
width: 48px;
height:46px;
background-position: middle center;
width:710px;
font-weight:bold;
line-height: auto;
text-align: center;
margin-left: 19px;
font-size:12px;
color: #254d0f;
padding-top:20px;
}
.cal_event_detail_mid{
text-align: left;
width:710px;
padding: 13px;
background:  url(/content/images/nav_top.jpg) no-repeat ;
background-position: top right;
font-family:Century Gothic,Arial, sans-serif;
font-weight:bold;
font-size:16px;
color: #769a21;
margin-left: 19px;
}
.cal_event_detail_bot{
border:  solid #71583a;
border-width: 0px 1px 1px 1px;
background-color: #654d1;
width:710px;
font-size:12px;
color: #c8af91;
margin-left: 19px;
padding:10px;
}
.cal_event_detail_bot span {
margin:40 20 60 60;
}



.CalCategoryMenuSel img{
  border: 0px solid #ffffff;
	vertical-align:middle;
	margin:0 5 0 5;
}
.CalCategoryMenuSel{
	border: 1px solid #886e4e;
}
.CalCategoryMenuSel font{
  text-decoration:none;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}
.CalCategoryMenuSel{
padding:7 10 7 10;
}
.CalCategoryMenu{
padding:7 10 7 10;
}

.CalCategoryMenu img{
border: 0px solid #ffffff;
	vertical-align:middle;
	margin:0 5 0 5;
}
.CalCategoryMenu font{
	text-decoration:none;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	
}

.CalCategoryMenu font:hover{
	text-decoration:none;
	color:#8BB32E;
}

.CalMonthSelector img{
border: 0px solid #ffffff;
vertical-align: middle;
margin-left:10px;
margin-right:10px;
}
.CalMonthSelector {
  border: 0px solid #ffffff;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #ac8f73;
	text-decoration:none;
	text-align:center;
}
.CalMonthSelector table{
margin:auto;

}
.CalMonthSelector td{
	padding:0 17 10 17;
}
.CalMonthSelector a{
	color: #ac8f73;
	font-size:11px;
	text-decoration:none;
}
.CalMonthSelector a:hover{
    color:#8BB32E;
	text-decoration:none;
}

.CalMonthSelector select {
	font-size: 12px;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	border: solid 1px #ac8f73;
	
margin:10 0 0 0;
}


#calendarContainer{
margin-top:5px;
}

#calendarContainer td{

}


/* *************  calendar *****************/


#galleryContainer {
  border: 0px red solid;
  width:100%;
  margin:0 0 0 10;
}
#galleryContainer a:hover{
text-decoration: underline;
}
#galleryContainer a{
text-decoration: none;
}

#albumsLink{
margin: -100 10 20 10;
}

#albdesc {
  border:0px solid red;
 	width: 140px;
 	height: 400px;   /*this sets the height of the whole gallery*/
 	color: #8c909b;
 	font: normal 11px Century Gothic;
 	text-align: left;
 	float:right;
}

#albdesc b{
  font: bold 12px Century Gothic;
  display:block;
  text-align:center;
}

#albdesc a{
vertical-align: middle;
  color: #8c909b;
  text-decoration: none;
}

#albdesc a:hover{
  text-decoration: underline;
}

#currentContainer {
  	border:0px solid orange;
  	
  	height:auto;
  	float:left;
  	margin-top:0px;
  	text-align:center;

}

#photoContainer {
z-index:500;
  	border:0px solid blue;
  	margin:0 20 0 20;
  	/*height:400px;*/
}

#photoContainer img{
  	border:1px solid #3f4553;
}
#photoContainer a{
  cursor: pointer;
}
#photoTitle {
  border:0px solid blue;
padding:10px;
  	text-align:center;
  }

  #photoDesc {
position:relative;
  	border:0px solid blue;
padding:10px;

  }

#photoEnlargeMessage {
  	border:0px solid blue;
    font-size:9px;
  }

#thumbNavcontainer{
float:left;
  border:0px solid blue;
  margin-top:0;
  width: 100px;
  text-align:center;
}

/* thumbnail floater */
.float {
	float: left;
	width: 230px;
	height: 210px;
	padding: 0px;
   text-align: center;
}

div.float a{
color: #8c909b;
font: bold 11px Century Gothic;
text-decoration:none;
 }

 div.float a:hover{
text-decoration:underline;
 }

div.float p {
  margin: 10 0;
  padding:0px;
     text-align: center;
  color: #8c909b;
  }



  #tightGalleryContainer {
  height: 700px;
  width:600px;
  margin-left:70px;
  margin-top:0px;
  }

  div.floatTight {
  	float: left;
  	width: 120px;
  	height: 148px;

  	padding: 15px;
  color: #8c909b;
  font: bold 11px Century Gothic;
   }
  div.floatTight a{
  color: #8c909b;
  font: bold 11px Century Gothic;
  text-decoration:none;

   }
   div.floatTight a:hover{
  color: #8c909b;
  font: bold 11px Century Gothic;
  text-decoration:underline;
   }

  div.floatTight p{
  padding:0px;
  color: #8c909b;
  margin-top:2px;
  margin-bottom:2px;
   }






  #navigationContainer{
width:100%;
text-align:center;
  }

  #stopButton{
  display: none;
  }

  #startButton{

  }
  #albumThumbFrameBig{
    cursor: pointer;

  background: url("/floaty/content/images/albumThumbFrameBig.gif") no-repeat;
  border: black solid 0px;
  margin:0 auto;
  padding-top:37px;
  width:160px;
  height:150px;
  }
#albumThumbFrameBig img{
border: 1px #808080 solid;
}
#albumThumbFrameBig p{
border: 0px #808080 solid;
text-align:left;
padding:0 10 0 15;
}

  #albumThumbFrame{
  background: url("/floaty/content/images/albumThumbFrame.gif") no-repeat;
  border: black solid 0px;
  padding-top:17px;
  padding-left:22px;
  margin-left: 10px;
  width:120;
  height:120;
  }
  #albumThumbFrame img{
  vertical-align: middle;
  text-align: center;
  }

  #thumbnailsContainer {
  	color: #4E2F16;
  	height: 400px;
  	border-color: #000000;
  	overflow: hidden;
  }

.thumbnailsContainerFadeBottom {
  	  position: relative;
height: 40px;
margin-top: -40px;
  }

.thumbnailsContainerFadeTop {
  	  position: relative;
height: 40px;
margin-top: -434px;
  }




  #thumbnailsContainer img {
  border:1px solid #3f4553;
  margin: 5 0 5 0;
  cursor: pointer;
  }
 
  #thumbnailsContainerHoriz {
  float: right;
  	color: #4E2F16;
  	height: 90px;
  	width:225px;
  	border-color: #000000;
  	overflow: hidden;
  }

  #horizcontainer {
  	width:100%;
    text-align:center;
  }
  #horizcontainer table{
  	width:100%;
  }
  #horizcontainer img{
  cursor: pointer;
  }

  #thumbnailsContainerHoriz img {
  border-color: #FFFFFF;
  border-width: 3px;
  border-style: solid;
  cursor: pointer;
  }


  .photo{
  border-color: #FFFFFF;
  border-width: 5px;
  border-style: solid;
  }

  .thumb{
  border-color: #FFFFFF;
  border-width: 3px;
  border-style: solid;
  }

  .photo2{
  border-color: #000000;
  border-width: 1px;
  border-style: solid;
  }

  .title {
  	font-family: "Courier New", Courier, mono;
  	font-size: 18px;
  	color: #333333;
  }



  #albTitle {
  	font-family: "Arial";
  	font-size: 18px;
  	color: #8c909b;
  }

  .Container {
    position: absolute;

  left: 100px;
    width: 240px;
    height: 50px;
  /*  background: #FFF url(container_background.gif) no-repeat;*/
  }
  #Scroller-1 {

    position: absolute;
    overflow: hidden;
    width: 240px;
    height: 50px;
  }
  #Scroller-1 p {
    margin: 0; padding: 10px 20px;
    font-family: Century Gothic, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-indent: 20px;
    color: #6F6048;
  }
  .Scroller-Container {
    position: absolute;
    top: 0px; left: 0px;
  }
  .Scrollbar-Up {
    cursor: pointer;
    position: absolute;
    top: -40px; left: 70px;
  }
  .Scrollbar-Down {
    cursor: pointer;
    position: absolute;
    top: 260px; left: 70px;
  }
  .Scrollbar-Left {
    cursor: pointer;
    position: absolute;
    top: 220px; left: 0px;
  }
  .Scrollbar-Right {
    cursor: pointer;
    position: absolute;
    top: 220px; left: 380px;
  }