@charset "utf-8";
/* Event Calendar */

/* Event Form 
---------------------------------------------------------------*/
.eventsearch form {
	font-family: verdana, "Microsoft Sans Serif", Times, serif;
	color: #FFF;
	height: 80px;
}
.eventsearch input,.quicksearch input {
	background-color: #FFFFFF;
	border: 1px solid #003366;
	margin: 0 0 10px 10px;
	text-align: center;
	font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.quicksearch {
	text-align:center;
}
.event {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	width: 520px;
	border-color: #2A3F55;
	border-style: solid;
	border-width: thin;
}
.event select {
	margin: 0 0 10px 0;
	width: 200px;
}
.eventrequired {
	color: #F04646;  
	font-weight: bold;
}
.eventsmall {
	font-size: .75em;
	float: left;
	margin: 0 0 0 10px;
}
.eventhdr {
	width: 510px;
	background-color: #2A3F55;
	height: 1.5em;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 0 10px;
}
.eventsrchbox {
	width: 500px;
	height: 100%;
	font-size: 14px;
	background-color: #EDF3FC;
	padding: 10px;
}
.eventaddbox {
	width: 490px;
	background-color: #EDF3FC;
	font-size: 12px;
	min-height: 55px;
	padding: 10px 15px 10px 15px;
}
p.eventadd{
	background-color:#EDF3FC;
	font-size:12px;
	font-style:italic;
	padding:0;
	margin: 10px 0;
}
#content p.eventaddbox {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin:0;
	padding:0;
}
.eventclear {
	clear: both;
}
#eventform p {
	font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 10px;
	text-align: left;
}
#eventform form {
	width: 485px;
}
#eventform fieldset {
	padding:5px;
	background-color: #EDF3FC;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	margin-bottom:10px;
	margin: 0 0 10px 10px;
	width: 490px;
}
#eventform label {
	width: 101px;
	float: left;
	text-align: right;
	margin: 0 0 0px 0px;
	clear: both;
	font-size: .8em;
}
#eventform input, textarea, select {
	background-color:#FFFFFF;
	border: 1px solid #003366;
	margin: 0 0 10px 10px;
	font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	text-align: left;
}
#eventform .header {
	width: 490px;
	background-color: #2A3F55;
	height: 1.5em;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	margin-left: 10px;
	padding: 5px 0 5px 12px;
}
.disclaimer {
	font-size: 12px;
	font-style: italic;
}
#storyTools {
	margin-top:8px;
}
.event-add {
	background: url('../images/calendar-add.png') no-repeat scroll 0 50%;
	padding-left:20px;
	font-size:13px;
}
#cal_placeholder {
	margin-top:5px;
}
.search-option {
	font-weight:bold;
	font-style:italic;
	text-align:center;
}
.search-again {
	background: url('../images/calendar/search.gif') no-repeat scroll 0 50%;
	padding-left:20px;
	font-size:13px;
	float:right;
}
.drill-down {
	font-family:inherit;font-size:11px;font-weight:bold;
	float:left;
	margin:0;
}
.drill-down a {
	color:#333333;
	padding: 0 10px 0 0;
	text-decoration:none;
}
.drill-down a:hover, .red:hover{
	color:#BFBFBF;
	text-decoration:line-through;
}
.red {
	font-family:cursive, sans-serif;
	font-size:12px;
	color:#FF0000;
	font-weight:bold;
	vertical-align:bottom;
}

/* Search Results
------------------------------------------------------*/
.groupstartdate {
	color: #000000;
	font-family: Verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0;
}
.groupcity {
	color: #000000;
	font-family: Verdana, sans-serif;
	font-size: 22px;
	font-weight: bold;
}
.groupsubject {
	color: #CC3333;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.eventrow1col1, .eventrow1col2 {
	width: 49%;
	float: left;
	background-color: #EEE;
	border-top-color: #CCCCCC;
	border-top-style: solid;
	border-top-width: 1px;
	margin-bottom: 1px;
	margin-top: 4px;
}
p.eventname {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin:0;
	padding:5px;
}
p.startdate {
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	padding:5px;
}

table.adv-search select {
	font-size:12px;
}

	table.eventdetails{
		border-top: 1px solid #CCCCCC;
		width:515px;
		text-align:left;
	}
		table.eventdetails thead {
			background: #EAEAEA;
		}
		table.eventdetails .date {
			font-weight:normal;
			text-align:right;
			padding:3px;
		}
		table.eventdetails td.left {
			width:80%;
		}
		table.eventdetails td.right {
			width:20%;
			text-align:right;
		}
		table.eventdetails p {
			margin-top:0;margin-bottom:5px;
		}
		table.eventdetails a.elink {
			font-size:14px;text-align:left;vertical-align:top;
			color:#000000; 
			text-decoration:none;
		}
		table.eventdetails a:visited {
			color:#555555;
		}

.external-link{
	background: url('../images/external.gif') no-repeat scroll 0 50%;
	background-position: right 3px;
	padding-right:18px;
}

.edit-link{
	background: url('../images/calendar/edit.png') no-repeat scroll 0 50%;
	background-position: right 0px;
	padding-right:22px;
}

/* Event Summary 
--------------------------------------------------------------*/

.event-summary {
	width: 525px;
	text-align:left;
	font:Verdana, Arial, Helvetica, sans-serif;
}
	h2.event-header {
		background-color:#FFFFFF;
		color:#C44D4D;
		float:left;
		font-size:19px;
		margin:13px 0;
		padding-bottom:0;
		padding-left:0;
		padding-right:0;
		padding-top:3px;
	}
	.event-summary img.eventimage {
		width: 500px;
	}
	
	.event-summary-media img {
		max-width: 525px;
		*width:200px;
	}
			
	.event-summary fieldset.event-glance {
		float:right;
		width: 215px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border: 1px solid #333333;	
		margin:5px 0 5px 10px;
	}	
			.event-summary fieldset.event-glance legend, .event-summary fieldset.event-glance .event-item{
				font-weight:bold;
			}
			.event-summary fieldset.event-glance .event-item{
				width:59px;
			}
			.event-summary fieldset.event-glance legend{
				font-size:12.5px;
			}
			.event-summary fieldset.event-glance table{
				table-layout:fixed;
				font-size: 11px;
				color: #222222;
				width: 215px;
			}
			.event-summary fieldset.event-glance a {
				font-color: 
			}
			
.directions-form {
	background:#EDF3FC;
	float:left;
	border:1px solid #CCCCCC;
	padding:0 0px 10px 0px;
	margin-top:10px;
	width:522px;
}       
	.directions-form td {
		vertical-align:middle;
		padding: 7px;
	}
	.directions-form thead th.header {
		font-size: 14px;
		color: #FFFFFF;
		background: #2A3F55;
		padding: 3px;
		text-align:left
	}              
	.directions-form th {
		text-align:right;
	}
	.directions-form input {
		background-color: #FFFFFF;
		border: 1px solid #003366;
		margin: 0px;
		text-align: center;
		font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
#map_canvas {
	float:left;
	width: 500px; 
	height: 300px;
	padding:10px;
	border:1px solid #CCCCCC;
}
#directions {
	float:left;
	width: 515px;
	padding:5px;
	margin-bottom: 10px;
}	
	#directions .googledir {
		padding-bottom:6px;
		border-bottom: 1px solid #666666;		
	}
.event-tools{
	text-align:right !important;
	margin-top: 19px;
	float:right;
}
	.event-tools ul{
		list-style-type:none;
		list-style-position:inside;
	}
	.event-tools li {
		display:inline;
		margin: 0 2px;
		font-size:12.5px;
	}
	.event-tools a {
		font-family:Verdana, Helvetica, sans-serif;
	}
	.event-tools a.add-event {
		background:url(../images/calendar-add14.png) no-repeat 0 50%;
		padding-left:20px;
	}
	.event-tools a.stbutton {
		background:url(../images/share-icon-12x12.png) no-repeat 0 50% !important;
		padding: 0 0 0 18px !important;
	}
	.event-tools a.directions {
		background:url(../images/directions.png) no-repeat 0 50%;
		padding-left:20px
	}
.breadcrumb {
	margin: 0px;
	font-size:10.6px;
}
	.breadcrumb a {
		color:#555555;
		text-decoration:none;
	}
	.breadcrumb a:hover {
		color:#BFBFBF;
	}
	
	
/*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	margin:0 0 8px 0;
	padding:8px 4px;
	border:0;
	height:18px;                                  /* the menu's overall height */
	width:510px;         /* we always want our menu to fill the available space */
	background:#EAEAEA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11.2px;         /* this (and also below) sets the menu's font size */
	border-bottom:1px solid black;        /* give us a black border underneath */
	border-top:1px solid black;        /* give us a black border underneath */
	
}

.menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}

.menu ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0 10px 0 0;
}
.menu li.top-labels {
	background: url('../images/calendar/bullet-down.gif') no-repeat scroll 0 50%;
	background-position: right 55%;
	padding-right:10px;
}
.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:12px;        /* this sets the base font size for our entire menu */
}

.drop {
	display:block;
	padding:0px 0.33em;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:right;   /* this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}

.drop span {        /* this simultaneously left and right aligns the text and */
	float:left;       /* the >> in the drop-down menus which link to sub-menus */
}

.rightmenu {
	position:relative;  /* establish a local positioning context for YAH label */
	float:right;                  /* and right-align it at the top of our page */
}

#research {            /* this rightmost "Research" button must be positioned */
	position:absolute;       /* absolutely so that the YAH (you are here) text */
	top:0px;               /* label will slide underneath it under Opera v8.54 */
	left:364px;    /* which has a z-order sequencing bug with abs-pos elements */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-moz-box-shadow: 5px 5px 5px #AAAAAA;
	-webkit-box-shadow: 5px 5px 5px #AAAAAA;
	box-shadow: 5px 5px 5px #AAAAAA;

}
.menu ul li ul li {
	display:block;
}
.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height:18px;
	padding:3px 0px 3px 1px !important;
}
.menu ul li:hover {
	cursor:pointer;
}
.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	border-top:1px solid #000;    /* these 2 lines create the push-in illusion */
	height:16px;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:16px;              /* place us just up underneath the top-level images */
	left:-1px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:13.5em;
	color:#000000;                        /* this sets the unselected-text color */
	border:1px solid #000000;
	background-color:#FFFFFF;
	z-index: 10;
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}

.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:8.08333em;   /* with a 12px default font, this is 97px width (97/12) */
}

.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
	left:auto;
	right:0;         /* nudge the right menu right to line up under the border */
}

* html .menu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-1px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding:0;
	height:auto;
	color:#000;               /* this sets the unselected drop-down text color */
	width:13.5em;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover, 
.menu ul li a:hover ul li a:hover ul li a:hover  {                /* 2nd level selected item */
	color:black;
	background:#EAEAEA;
}

.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
	width:8.08333em;
}

/*------------------------------------*/
.menu ul li ul li ul {
	display:none !important;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-bottomleft:3px;
	-moz-box-shadow: 5px 5px 5px #AAAAAA;
	-webkit-box-shadow: 5px 5px 5px #AAAAAA;
	box-shadow: 5px 5px 5px #AAAAAA;
	background-color:#FFFFFF !important;
	z-index: 20;
}
.menu ul li ul li ul li a { background:#FFFFFF !important; width:89px !important; padding:3px !important; }
.menu ul li ul li ul li a:hover { background:#EAEAEA !important; }
.menu ul li ul li:hover ul,
.menu ul li ul li a:hover ul {                           /* 2nd level drop-down box */
	display:inline-block !important;
	position:absolute;
	margin:0;
	top:0px;              /* place us just up underneath the top-level images */
	left:115px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:420px;
	color:#000000;                        /* this sets the unselected-text color */
	border:1px solid #000000;
	background-color:#FFFFFF;
}