/* CSS Document */



/* Misc
-------------------------------------*/

.centeringDiv { text-align: center; }

form { margin: 0; padding: 0; }



/* homePage
-------------------------------------*/

#featureContainer {
	color: #f0eedc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	padding-top: 300px;
	width: 100%;
	}

#featureContainer h2 {
	color: #FFFFFF;
	margin: 5px 10px;
	}
	
#featureList {
	border-top: 1px solid #fff;
	margin: 0 auto;
	padding: 0;
	}

#featureList ul {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0 5px; }

#featureList li {
	margin: 0 5px;
	display: inline;
	}

#featureList li a{
	color: #FFFFFF;
	}

#featureList em {
	background: #335266 url(../img/bkg_eventArrow.gif) right center no-repeat;
	float: left;
	margin-right: 10px;
	width: 60px;
	padding: 2px 4px;
	border-left: 1px solid #263d4c;
	font-style: normal;
	font-size: 80%;
	text-transform: uppercase;
	}

#findEventsHome {
	background: url(../img/bkg_findEventsHome.gif) top left no-repeat;
	display: block;
	height: 62px;
	text-indent: -9999px;
	width: 199px;
	}

#eventFormHome { padding: 0 20px; }
#eventFormHome input, #eventFormHome select { margin: 0; padding: 0; width: 160px; }
#eventFormHome p { margin: 4px 0; }
#eventFormHome hr { border: none; border-top: 1px solid #939285; margin: 15px 0; }
#eventFormHome hr { _margin: 2px 0; } /* IE margin modification */
	
#eventSearchHome {
	background: url(../img/bkg_eventSearchHome.gif) top left no-repeat;
	display: block;
	height: 30px;
	text-indent: -9999px;
	width: 159px;
	}

#eventCategoryHome {
	background: url(../img/bkg_categoriesHome.gif) top left no-repeat;
	display: block;
	height: 30px;
	text-indent: -9999px;
	width: 159px;
	}

#eventDateHome {
	background: url(../img/bkg_eventDatesHome.gif) top left no-repeat;
	display: block;
	height: 30px;
	text-indent: -9999px;
	width: 159px;
	}

#eventFormHome .dateField {
	color: #333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-align: right;
	text-transform: uppercase;
	}
#eventFormHome .dateField input { width: 90px; }

#findEventsFoot {
	background: url(../img/bkg_findEventsFoot.gif) bottom left no-repeat;
	height: 20px;
	}



/* eventWrap
-------------------------------------*/

#eventWrap {
	font-size:14px;
	padding: 0 5px 15px 5px;
	}

#eventWrap img { border: none; }

#eventWrap #pagination {
	color: #597180;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	margin: 0;
	text-align: center;
	}
#eventWrap #pagination .pagePrev {
	background: url(../img/pagePrev.gif) top left no-repeat;
	padding: 0 10px 0 18px;
	}
#eventWrap #pagination .pageMid {
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	font-weight: bold;
	padding: 0 10px;
	}
#eventWrap #pagination .pageNext {
	background: url(../img/pageNext.gif) top right no-repeat;
	padding: 0 18px 0 10px;
	}

#eventWrap #pagination a, #eventWrap #pagination a:visited { color: #597180; text-decoration: none; }
#eventWrap #pagination a:hover { color: #acb8bf; }


#eventWrap h1 {
	color: #990000;
	font-size: 150%;
	font-style: normal;
	margin: 20px 0 20px 0;
	text-align: center;
	}

#eventWrap .eventNotice {
	color: #000;
	font-size: 80%;
	margin: 20px 0;
	}


/* eventListing Details
-------------------------------------*/

body #eventsList .timelineWrap table td {
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 1.25em;
	}
#content #eventWrap table td {
	padding: 1px 5px;}
#eventWrap p {
	font-size:.95em; line-height:1.5em; margin: 0 0 7px 0; color:#555;
	}

#eventWrap h6 {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 120%;
	line-height: 1.2em;
	margin: 0 0 2px 0;
    color:#3c7394;
	}
	#eventWrap h6:hover {
	cursor:pointer;
	}
#eventWrap h6 a, #eventWrap h6 a:visited {
    color:#3c7394;
	text-decoration: none;
	}
#eventWrap h6 a:hover {
	color: #990000;
	}

#eventWrap ul {
	margin: 0 0 40px 0;
	padding: 0;
	list-style: none;
	}
#eventWrap li { margin-top: 10px; list-style:none !important; }

#eventWrap ul img {
	border: 1px solid #e4e8ea;
	float:right;
	margin-left: 10px;
	margin-top:0px;
	}
#eventWrap .eventDescription {display: block;}
#eventWrap .eventDescription p { font-size:.85em; line-height:1.4em; color:#222;}
#eventWrap .eventPosting { }
#eventWrap .eventPosting table { background-color: #cdcab7; font-size:9px; clear:right; margin-top:2px;}

#eventWrap .timelineWrap {
  clear: both;
  margin: 10px auto;
  width: 548px;
}
body #eventsList .timelineWrap table tr{
  border: none;
}
body #eventsList .timelineWrap table td{
  background-color: #C1C1BB;
  border: none;
}
body #eventsList .timelineWrap table td.eventStart {
	background: #E9E9E2;
	border: none;
	color: #333;
	padding-right: 10px;
	text-align: right;
	}
	
body #eventsList .timelineWrap table td.eventEnd {
	background: #E9E9E2;
	border: none;
	color: #333;
	padding-left: 10px;
	}
#eventWrap .timelineWrap p { margin-top:-6px; font-style:italic; color:#9b998b; }
#eventWrap .timelineWrap p a { color:#9b998b; border-bottom:none; }
.warning { color:#761F20 !important; } 


/* eventForm
-------------------------------------*/

#eventForm {
	background:#E9E5D4;
	position:relative;
	top:-10px;
	padding-bottom: 5px;
	text-align: left;
	width: 152px;
	font-family:Garamond,Goudy,Palatino,"Times New Roman",Times,serif;
	font-size:12px;
	}

#eventForm div { padding: 0 10px 0 7px; }

#eventForm p {
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	margin: 2px 0;
	}

#eventForm input { margin: 0; padding: 0; }

#eventFormHome #findEvents_btn, #findEvents_btn{
	width: auto;
	margin: 0;
	}
#eventDates #findEvents_btn{
	margin-top: 5px;
	}
	

#findEvents {
	display: block;
	overflow: hidden;
	font-family:Garamond,Goudy,Palatino,"Times New Roman",Times,serif;
	font-size:14px;
	color:maroon;
	padding:5px 0;
	margin:0;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	background:#9E2A2B;
	color:#fff;
	}
#eventForm #eventDates, #eventForm #eventSearch, #eventForm #eventCategories { border-bottom:1px solid #adadad; padding:0 0 6px 0;}

#eventDates h3, #eventCategories h3, #eventResults h3 {
	font-family:Garamond,Goudy,Palatino,"Times New Roman",Times,serif;
	text-align:center;
	margin: 5px 0 0 0;
	padding-bottom:0;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	color:#546F7F;
	}
#eventDates .dateField {
	font-family:Helvetica,Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	text-align:right;
	padding-right:10px;
	margin:0;
	}
#eventDates .dateField input { width: 72px; }

#eventDates .eventOptions { padding:3px 0 0 10px; }
#eventForm .eventOptions input {margin-right: 1px;  }
#eventForm .eventOptions label { font-size:12px; }

#eventResults {
	clear: both;
}

#butFindEvents {
/*	background: url(../img/but_findEvents.gif) top left no-repeat;*/
	display: block;
	height: 20px;
	margin: 10px auto;
	/*text-indent: -9999px;*/
	width: 110px;
	overflow: hidden;
	}
	
	

#eventForm #eventSearch {
height:40px; }

#keywords { 
	float: left; padding-left:15px;
}
input#butGo {
    display: inline;
	float: left;
	height: 20px;
	margin-left: 4px;
	position: relative;
	width: 29px !important;
	}
#butGo span {
	background: url(../img/but_go.gif) no-repeat;
	height: 20px;
	position: absolute;
	width: 29;
	}
#butGoDiv {
   display: inline !important;
   padding-top: 10px !important;
}
a img {
 border: 0;
}
.visitBody img {
margin-right: 15px;
 float: left;
}
.visitBody{
	margin-right: 20px;
	}
.eventDescription{
	margin-right: 0px;
	}
.eventView{
   /* border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;*/
    margin: 0 10px 0 10px;
    
}

.goBack{
	background: url(../img/pagePrev.gif) top left no-repeat;
	padding-left: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*text-transform: uppercase;*/
	color: #597180;
	}

.right {   
    float: right;
    padding-right: 7px;
}

.subtlehr {margin:5px 0; padding:0;}
hr[class=subtlehr] { margin:20px 0; padding:0; }

/*----NEW CSS ADDED DEC. 1 2009 BY ATEN--------*/
#content li.clear{
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/*Search & Filltering Tools*/
#eventSearch{
  background-color: #F5F5ED;
  border: solid 1px #CFCFC2;
  margin: 0 0 20px 0;
  padding: 3px 0 0 0;
  width: 572px;
}
#eventAdvSearch{
  border-top: dashed 1px #CFCFC2;
  display: none;
}
  #content #eventSearch h3{
    color: #4E7C99;
    font-family: arial, helvetica, verdana;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 8px 10px 4px 10px;
  }
    #content #eventSearch h3 span{
      color: #434341;
      font-size: 11px;
      font-weight: normal;
    }
    #eventAdvSearch fieldset label{
      font-family: arial, helvetica, verdana;
      font-size: 11px;
    }
  #content #eventSearch h4{
    color: #434341;
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 4px 0;
    padding: 0;
  }
#eventTypes{
  float: left;
  padding: 0 0 5px 10px;
  width: 408px;
}
  #eventTypes fieldset{
    float: left;
    width: 134px;
    padding: 0 0 4px 0;
  }
#eventContent,
#eventTimes{
  border-left: solid 1px #CFCFC2;
  float: left;
  padding: 0 0 0 10px;
  width: 130px;
}
  #eventContent fieldset,
  #eventTimes fieldset{
    padding: 0 0 4px 0;
  }
#calendar_search fieldset.eventSearchItem{
  float: left;
  padding-left: 10px;
  width: 128px;
  position: relative;
}
  #calendar_search fieldset.eventSearchItem label{
    color: #434341;
    display: block;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 0;
  }
    #calendar_search fieldset.eventSearchItem label span{
      font-weight: normal;
    }
  #calendar_search fieldset.eventSearchItem input{
    margin: 0;
    padding: 0;
  }
  #calendar_search input#start_date,
  #calendar_search input#end_date{
    width: 90px;
  }
  #calendar_search input#keywords{
    width: 130px;
  }
  #calendar_search .ui-datepicker-trigger{
    border: none;
    display: block;
    height: 16px;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 96px;
    top: 19px;
    width: 16px;
  }
  
  #calendar_search fieldset.eventSearchItem.first .ui-datepicker-trigger{
    right: 16px;
  }
#calendar_search fieldset#eventSpanThree{
  clear: both;
  padding: 7px 10px 10px 10px;
}
#calendar_search fieldset#eventSpanThree label{
  font-size: 11px;
}
  #calendar_search fieldset#eventSpanThree input{
    margin: 0 3px 0 0;
    padding: 0;
  }
#content ul#eventSubmit{
  background-color: #EDE9DD;
  border-top: dashed 1px #CFCFC2;
  clear: both;
  list-style: none;
  margin: 0;
  padding: 10px;
}
#content ul#eventSubmit li{
  list-style: none;
  margin: 0;
  padding: 0;
}
  ul#eventSubmit li#eventShowAdvSearch{
    float: left;
    padding: 4px 0 0 0;
  }
    ul#eventSubmit li#eventShowAdvSearch a{
      background: transparent url(../img/bkg_cal_sprite.png) no-repeat 0 0;
      display: block;
      float: left;
      font-weight: bold;
      line-height: 11px;
      margin: 0;
      padding: 0 0 0 14px;
    }
    ul#eventSubmit li#eventShowAdvSearch a.hide{
      background-position: -291px 0;
      color: #434341;
    }
  ul#eventSubmit li#eventSubmitBttn{
    float: right;
  }
    ul#eventSubmit li#eventSubmitBttn input{
      display: block;
      margin: 0;
      padding: 0;
    }
    
  /*Tabs for swithcing view type*/
  #content #eventViewTabs{
    background: transparent url(../img/bkg_cal_tabs.png) repeat-x 0 bottom;
    margin: 0;
    padding: 0 0 0 5px;
  }
    #eventViewTabs li{
      float: left;
      margin: 0;
      padding: 0 0 0 5px;
    }
      #eventViewTabs li a{
        background-color: #FAFAEA;
        border: solid 1px #CFCFC2;
        display: block;
        float: left;
        font-size: 12px;
        padding: 4px 10px;
      }
      #eventViewTabs li a.act{
        background-color: #fff;
        border-bottom: solid 1px #fff;
      }

  /*Pagination*/
  #content ul.pagination{
    border-bottom: solid 1px #CFCFC2;
    margin: 0 0 20px 0;
    padding: 8px 10px 24px 10px;
  }
    #content ul.pagination li{
      margin: 0;
      padding: 0;
    }
      #content ul.pagination li a{
        background: transparent url(../img/bkg_cal_sprite.png) no-repeat 0 0;
        display: block;
        float: left;
        line-height: 12px;
        padding: 0;
      }
   #content ul.pagination li.pageNum{
      color: #434341;
      float: left;
      font-size: 12px;
    }
    /*Prev*/
    #content ul.pagination li.pagePrev{
      float: right;
    }
      #content ul.pagination li.pagePrev a{
        background-position: 0 -158px;
        padding-left: 14px;
      }
      #content ul.pagination li.pagePrev a:hover{
        background-position: 0 -178px;
        color: #434341;
      }
      #content ul.pagination li.pagePrev.inactive a,
      #content ul.pagination li.pagePrev.inactive a:hover{
        background-position: 0 -198px;
        color: #CFCFC2;
      }
    /*Next*/
    #content ul.pagination li.pageNext{
      float: right;
      padding-left: 16px;
    }
      #content ul.pagination li.pageNext a{
        background-position: right -98px;
        padding-right: 14px;
      }
        #content ul.pagination li.pageNext a:hover{
          background-position: right -118px;
          color: #434341;
        }
        #content ul.pagination li.pageNext.inact a,
        #content ul.pagination li.pageNext.inact a:hover{
          background-position: right -138px;
          color: #CFCFC2;
        }
/*Events Table Listing*/
#content #eventsList{
	border-bottom: solid 1px #CFCFC2;
	margin: 0;
	width: 100%;
}
#eventsList th{
	border-bottom: solid 1px #CFCFC2;
	font-family: arial, verdana;
	font-size: 12px;
	padding: 10px;
	text-align: left;
}
body #content #eventsList td{
	font-family: arial, verdana;
	vertical-align: top;
}
body #content #eventsList td.eventTitle{
  background-image: url(../img/bkg_cal_sprite.png);
  background-repeat: no-repeat;
  background-position: 10px 11px;
  border-right: solid 1px #CFCFC2;
	color: #3C7394;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 10px 10px 24px;
	width: 174px;
}
  body #content #eventsList tr.act td.eventTitle{
    background-position: -281px 11px;
  }
  body #content #eventsList tr.act td.eventTitle a{
    color: #434341;
    padding: 0;
  }
body #content #eventsList td.type{
	font-size: 11px;
	padding: 10px;
	 border-right: solid 1px #CFCFC2;
}
body #content #eventsList td.location{
 
	font-size: 11px;
	padding: 10px;
}
body #content #eventsList td.date{
  border-right: solid 1px #CFCFC2;
	font-size: 11px;
	padding: 10px;
	width: 110px;
}
	#eventsList td.date span{
		display: block;
		font-weight: bold;
	}

#eventsList tr.odd{ background: #F6F6EE; }
#eventsList tr.even{ background: #fff; }

body #content #eventsList tr.description td.descriptionInfo{
  border: none;
	border-bottom: solid 2px #434341;
	border-top: dashed 1px #C0C0C0;
	padding: 10px;
	font-size: 12px;
}
body #content #eventsList tr.description td.descriptionInfo img{
  border: solid 1px #CFCFC2;
  display: block;
  float: right;
  margin: 0 0 0 10px;
  padding: 2px;
  width: 155px;
}
body #content #eventsList tr.act td.eventTitle,
body #content #eventsList tr.act td.date,
body #content #eventsList tr.act td.location,
body #content #eventsList tr.act td.type{
	border: none;
	border-top: solid 2px #434341;
}

/*Legend at the Bottom*/
#calLegend{
  background-color: #F5F5ED;
  border: solid 1px #CFCFC2;
  margin: 0;
}
#calLegend h3{
  background-color: #EDE9DD;
  border-bottom: dashed 1px #CFCFC2;
  color: #434341;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  margin: 0 0 10px 0;
  padding: 8px 10px;
}
#calLegend ul{
  margin: 0;
  padding: 0;
}
#calLegend ul li{
  background: transparent url(../img/bkg_cal_sprite.png) no-repeat 0 0;
  color: #434341;
  float: left;
  font-family: arial, helvetica, verdana;
  font-size: 11px;
  line-height: 13px;
  margin: 0 0 6px 0;
}
  /*23 - Kid friendly*/
  #calLegend ul li.icon23{
    background-position: 0 -230px;
    padding: 2px 0 4px 40px;
    width: 99px;
  }
  /*41 Walk-in Program*/
  #calLegend ul li.icon41{
    background-position: 0 -310px;
    padding: 2px 0 4px 30px;
    width: 109px;
  }
  /*42 Specific start time*/
  #calLegend ul li.icon42{
    background-position: 0 -390px;
    padding: 2px 0 4px 27px;
    width: 112px;
  }
  /*44 Repeats Throughout the Day*/
  #calLegend ul li.icon44{
    background-position: 0 -470px;
    padding: 0 0 0 23px;
    width: 116px;
  }
  /*40 - Free Event*/
  #calLegend ul li.icon40{
    background-position: 0 -270px;
    padding: 5px 0 6px 40px;
    width: 99px;
  }
  #calLegend ul li.requiresTicket{
    background-position: 0 -350px;
    padding: 1px 0 6px 30px;
    width: 109px;
  }
  /*43 - Reservation Required*/
  #calLegend ul li.icon43{
    background-position: 0 -430px;
    padding: 2px 0 4px 27px;
    width: 112px;
  }

/*Mini Legend that goes with each event*/
body #content ul.miniLegend{
  margin: 3px 0 0 0;
  padding: 0;
}
body #content ul.miniLegend li{
  float: left;
  margin: 0;
  padding: 0 7px 0 0;
}
body #content ul.miniLegend li span{
  background: transparent url(../img/bkg_cal_sprite.png) no-repeat 0 0;
  display: block;
  float: left;
  height: 13px;
  overflow: hidden;
  text-indent: -9999em;
  width: 13px;
}
  body #content ul.miniLegend li.extraTicket span{
    background-position: 0 -628px;
  }
  /*23 - Kid friendly*/
  body #content ul.miniLegend li.icon23 span{
    background-position: 0 -508px;
  }
  /*41 - Walk-in program*/
  body #content ul.miniLegend li.icon41 span{
    background-position: 0 -590px;
  }
  /*42 - Specific start time*/
  body #content ul.miniLegend li.icon42 span{
    background-position: 0 -670px;
  }
  /*44 - Repeats throughout the day*/
  body #content ul.miniLegend li.icon44 span{
    background-position: 0 -749px;
  }
  /*40 - Free event*/
  body #content ul.miniLegend li.icon40 span{
    background-position: 0 -550px;
  }
  /*43 - Reservation required*/
  body #content ul.miniLegend li.icon43 span{
    background-position: 0 -709px;
  }

/*Tooltips*/
#tooltip {
  background: transparent url(../img/bkg_cal_tooltip.png) no-repeat left center;
	position: absolute;
	z-index: 3000;
	padding: 2px 5px 2px 11px;
}
#tooltip h3,
#tooltip div {
  color: #fff;
  font-size: 11px;
  font-weight: normal;
  margin: 0;
}
/* http://www.positioniseverything.net/easyclearing.html */
/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	font-size: 1px;
}

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}