/*  
Michael Hall CSS document
by Thomas Prior at Makemedia
http://www.makemedia.com
*/

/************* NOTES! ***************/

/* A sticky footer solution has been used in this project, and selectors
required to make this work are commented. For more info visit http://www.cssstickyfooter.com - TP*/

* {margin:0;padding:0;} /* Ye olde holy hack - TP */

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

/* MAIN STRUCTURE */

body{font-size:62.5%; background:url(/images/header.gif) no-repeat top center #ffffed;}

html, body, #wrapper {height: 100%;}

body > #wrapper {width:940px; margin:0 auto; height: auto; min-height: 100%;}

#mainContent {width:940px; margin:0 auto; padding-bottom: 170px; font-size:1.2em;} /* must be same height as the footer */

#header{
	width:940px;
	height:192px;
}

#footer {position: relative;
	margin-top: -170px; /* negative value of footer height */
	height: 170px;
	clear:both;
	background: url(/images/footer.jpg) no-repeat bottom center;} 

#newsAndEvents{
	width:230px;
	height:580px;
	padding:35px 25px 25px 25px;
	margin:-21px 0 0 660px;
	background: url(/images/news_events_widget_BG.gif) no-repeat top center;
}

#secondaryNav
{
	float:left;
	width: 150px;
	padding: 0 10px 0 0;
	margin: 0;
	background: url(/images/secondaryNavBg.png) no-repeat scroll center top;
}

#mainContentFocus
{
	float: left;
	width: 460px;
	min-height:500px;
	padding: 12px 20px 0;
	line-height: 1.8em;
}
	

/* END OF MAIN STRUCTURE */


/* menu CSS */
/* position menu elements */

#menu a, #menu li 
{
	float:left;
	display:block;
	white-space:nowrap;
	position:relative;
	z-index:1;
	border: none;
}

#menu ul a, #menu ul li 
{
	float:none;
	margin:0;
}

#menu ul li a
{
	background: url(/images/dropDownDivider.png) no-repeat scroll bottom center;
}

#menu li 
{
	z-index:auto;
	margin-left:0;
	display:inline;
	font-weight:bold;
	margin:0 35px 0 0;
	padding:0;
}

#menu ul 
{
	left:-10000px;
	position:absolute;
	z-index:10;
	top:100%;
}

#menu li a 
{
	float:none;
	white-space:nowrap;
	margin:0;
	padding:0 0 4px 0;
	color:#1e5a65;
	background:url(/images/mainNav_underline.gif) repeat-x bottom right;
	cursor:default;
	
}

#menu li a:hover
{
	background: none;
}

#menu li:hover>ul
{
	left:auto;
}

#menu ul li:hover>ul
{
	top:0px;
	left:100%;
}


/*"""""""" (MAIN) Container""""""""*/	
#menu	
{	
	width:941px;
	height:2.3em;
	margin:0;
	padding:0 0 4px 0;
	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size:1.5em;
	color:#1e5a65;
	position:relative;
	z-index:10;
	}

/*"""""""" (SUB) Container""""""""*/	
#menu ul	
{	
	font-family: Arial, sans-serif;
	padding:0px;
	margin: -1px 0px 0px;
	/*background-color:#4c4039;*/
	background-color:#f3e4c3;
	border: solid 1px #999;
	opacity:0.9;
	filter:alpha(opacity=90);
	width: 150px;
	
}

/*"""""""" (SUB) Items""""""""*/	
#menu ul a	
{	
	padding: 10px;
	margin: 0;
	background-color:transparent;
	font-size:11px;
	border-width:0px;
	border-style:none;
	width:130px;
	color: #1E5A65;
	cursor: pointer;
}

/*"""""""" (SUB) Hover State """"""""*/	
#menu ul li:hover>a	
{	
	background-color:#999;
}



/* BREADCRUMB NAV */

#breadcrumb{
	width:660px;
	height:1.8em;
	margin:0 0 6px 6px;
	padding:0;
	font-weight:bold;
}

#breadcrumb li{
	display:inline;
	background:url(/images/breadcrumbItemsSeparater.gif) no-repeat left;
	padding:0 0 0 15px;
	color:#545454;
}

#breadcrumb li:first-child{
	background:none;
	padding-left:0;
	color:#9a9a9a;
}

#breadcrumb li a{
	border-bottom:1px solid #C0B799;
}

#breadcrumb li a:hover{
	color:#000;
	border-bottom:none;
}

/*SECONDARY NAV STYLES*/

#secondaryNav dt
{
	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	letter-spacing:0.5px;
	padding: 15px 0 8px 0;
	text-align:center;
	background: url(/images/secondaryNavHeader.png) no-repeat bottom right;
	margin: 0 0 10px 0;
}

#secondaryNav dt a
{
	color: #545454;
}

#secondaryNav dt a:hover
{
	color: #000;
}

#secondaryNav dd
{
	font-family: Arial, sans-serif;
	padding: 2px 0 12px 25px;
	background: url(/images/secondaryNavInactive.png) no-repeat left top;
}

#secondaryNav dd a
{
	border-bottom: solid 1px #c0b799;
	font-weight: normal;
}

#secondaryNav .active
{
	background: url(/images/secondaryNavActive.png) no-repeat left top;
}

#secondaryNav .active a{
	font-weight: bold;
	border: none;
}

/* MAIN CONTENT FOCUS STYLES*/

#mainContentFocus a
{
	color:#444;
	text-decoration: none;
	font-weight: bold;
	border-bottom:1px solid #C0B799;
}

#mainContentFocus h1 a,#mainContentFocus h2 a,#mainContentFocus h3 a
{
	border-bottom: none;
}

#mainContentFocus a:hover
{
	color:#000;
	border-bottom:none;
}

#mainContentFocus h1
{	
	font-size: 1.5em;
	background: url(/images/mainContentFocusH1.png) no-repeat bottom right;
	padding: 0 0 8px 0;
	margin: 0 0 10px 0;
}
	
#mainContentFocus h2
{
	background: url(/images/mainContentFocusH1.png) no-repeat bottom right;
	font-size: 1.4em;
	padding: 0 0 4px 0;
	margin: 35px 0 10px 0;
}

#mainContentFocus h3
{
	font-size: 1.3em;
	margin: 35px 0 10px 0;
}

#mainContentFocus h4
{
	font-size: 1.2em;
	margin: 35px 0 10px 0;
}

#mainContentFocus p 
{
	line-height: 1.9em;
}

#mainContentFocus img
{
	border: solid 6px #fdf1d2;
	margin: 0 auto;
	display: block;
}

#mainContentFocus .leftImage
{
    float: left;
    margin: 10px 10px 10px 0px;
}

#mainContentFocus .rightImage
{
    float: right;
    margin: 10px 0px 10px 10px;
}

#mainContentFocus ul li
{
	margin: 5px 0;
	padding: 0 0 0 20px;
	background: url(/images/unorderedBullet.png) no-repeat top left;
}

#mainContentFocus ol 
{
	margin: 1em 1em 1em 2.6em;
}

#mainContentFocus ol li
{
	margin: 5px 0;
	list-style: decimal;
}

#mainContentFocus dt
{
	font-size: 1.1em;
	font-weight: bold;
}

#mainContentFocus dd
{
	padding: 0 0 0 20px;
	margin: 5px 0 5px 2px;
	background: url(/images/unorderedBullet.png) no-repeat top left;
}

#mainContentFocus table
{	
	max-width: 448px;
	width: 100%;
	margin: 1em auto 2em auto;
	font-size:11px;
	background: #fff;
}

#mainContentFocus tr
{
	border:1px solid #CCC;
}

#mainContentFocus tbody tr:hover
{
	background:#EDEDE4;
	color:#000000;
}

#mainContentFocus td
{
	padding: 8px 4px;
	vertical-align: middle;
	text-align: center;
	border:1px solid #CCC;
}

#mainContentFocus th
{
	padding: 8px 4px;
	vertical-align: middle;
	text-align: center;
	border:1px solid #CCC;
	background: #f3f3f3;
}

#mainContentFocus textarea
{
	width: 454px;
	height: 100px;
	border:1px solid #CCCCCC; 
	padding: 2px;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#545454;
	margin: 0 0 1em 0;
}

/*#mainContentFocus input
{
	border: solid 1px #ccc; 
	padding: 4px 0;
}*/

#mainContentFocus blockquote
{
	text-align:justify;
	font-style: italic;
	background: url(/images/blockquote.png) no-repeat top left;
}

#mainContentFocus blockquote p
{
	margin: 0;
	padding: 20px;
	background: url(/images/blockquote2.png) no-repeat bottom right;
	font-weight: bold;
}

#mainContentFocus blockquote p:first-letter
{
	font-size: 175%;
}

/* INNER PAGE WIDGET STYLES */

#mainContentFocus #widgetsWrapper
{
	background: url(/images/mainContentFocusH1.png) no-repeat scroll right top;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
	clear:both;
}

#mainContentFocus #widgetsWrapper img
{
	border: none;
	display: inline;
	margin: 0;
	padding: 4px;
}

#mainContentFocus #widgetsWrapper a
{
	border:none;
}

/* NEWS AND EVENTS WIDGET SPECIFIC STYLES */

#homepageWidget{
	width:640px;
	height:385px;
	float:left;
	padding:12px 0 0 5px;
	background: url(/images/homepageWidget/homepageWidgetBg.gif) no-repeat left;
	z-index: 1;
}

#newsAndEvents{
	font-size:12px;
}

#newsAndEvents h3{
	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
	font-weight:bold;
	text-align:center;
	background: url(/images/newsWidgetUnderlines.png) no-repeat bottom;
	margin:0 0 10px 0;
	padding:0 0 6px 0;
	color:#414141;
}

#newsAndEvents dl{
	margin:0;
	padding:0;
}

#newsAndEvents .newsFeed dt{
	background: url(/images/newsFeedTitlesBG.png) no-repeat left;
	margin:0 -6px 0 -5px;
	padding:7px 0 7px 28px;
	display: table-cell;
	vertical-align: middle;
	height: 40px;
	width: 202px;
}

#newsAndEvents .newsFeed dt a{
	border:none;
	font-weight: bold;
}

#newsAndEvents .newsFeed dd{
	line-height:1.7em;
	padding:0 6px 6px;
	color:#414141;
}

#newsAndEvents .newsFeed dd a
{
	border-bottom: 1px solid #C0B799;
	color:#414141;
	font-weight: bold;
}

#newsAndEvents .newsFeed dd a:hover
{
	border: none;
	color:#222;
}

#newsAndEvents .viewNewsArticleButton img{
	margin:0 0 18px 0;
}

#newsAndEvents a.viewNewsArticleButton, #newsAndEvents a.viewEventsCalendar{
	border:none;
}

/* Events Feed as definition list */

#newsAndEvents .eventsFeed{
	margin:6px 0 0 0;
}

#newsAndEvents .eventsFeed dt{
	width:70px;
	float:left;
	font-weight:bold;
	margin:0 0 0 0;
	background:url(/images/newsEventsAssetsSprite.png) no-repeat -11px -23px;
}

#newsAndEvents .eventsFeed span{
	font-size:40px;
	width:18px;
	float:left;
	line-height:15px;
	padding:0 0 23px 0;
}

#newsAndEvents .eventsFeed dd{
	width:160px;
	float:right;
	margin:0;
	padding:0 0 23px 0;
	background:url(/images/newsEventsAssetsSprite.png) no-repeat -40px -23px;
}

#newsAndEvents .eventsFeed dd a{
	font-weight:bold;
	color:#414141;
}

#newsAndEvents .eventsFeed dd a:hover{
	color:#000;
}

#newsAndEvents .eventsFeed .school span a{
	color:#7ea053 !important;
}

#newsAndEvents .eventsFeed .trips span a{
	color:#a08116 !important;
}

#newsAndEvents .eventsFeed .meeting span a{
	color:#94908e !important;
}

#newsAndEvents .eventsFeed .cultural span a{
	color:#5c91a0 !important;
}

#newsAndEvents .eventsFeed .parents span a{
	color:#a0589a !important;
}

#newsAndEvents .eventsFeed span a:hover{
	color: #666 !important;
}

/* Events Feed as table */

#newsAndEvents .eventsFeed{
	width:230px;
	margin:-10px 0 10px 0;
	padding:0;
	line-height:3.1em;
}

#newsAndEvents .eventsFeed tr{
	width:230px;
}

#newsAndEvents .eventsFeed tr td{
}

#newsAndEvents .eventsFeed .eventType{
	background:url(/images/newsEventsAssetsSprite.png) no-repeat -10px -14px;
	line-height:10px;
}

#newsAndEvents .eventsFeed .eventType a{
	margin:0;
	padding:0;
	border:none;
}

#newsAndEvents .eventsFeed .eventDate{
	background:url(/images/newsEventsAssetsSprite.png) no-repeat -17px -14px;
	padding: 0 0 0 4px;
}

#newsAndEvents .eventsFeed .eventDate a{
	border:none;
	font-weight: normal;
}

#newsAndEvents .eventsFeed .eventName{
	background:url(/images/newsEventsAssetsSprite.png) no-repeat -70px -14px;
}

#newsAndEvents .eventsFeed .eventName a{
	font-weight:bold;
	color:#414141;
		border:none;
}

#newsAndEvents .eventsFeed .eventName a:hover{
	color:#000;
}

#newsAndEvents .eventsFeed .school .eventType a{
	color:#7ea053 !important;
}

#newsAndEvents .eventsFeed .trips .eventType a{
	color:#a08116 !important;
}

#newsAndEvents .eventsFeed .meeting .eventType a{
	color:#94908e !important;
}

#newsAndEvents .eventsFeed .cultural .eventType a{
	color:#5c91a0 !important;
}

#newsAndEvents .eventsFeed .parents .eventType a{
	color:#a0589a !important;
}

#newsAndEvents .eventsFeed .eventType a:hover{
	color: #333 !important;
}

/* CALENDAR */

#calendarTitle
{
	width:940px;
	height:28px;
	background:url(/images/event-calendar/calendarTitleBg.png) no-repeat top center;
	font-size:19px;
	margin:0 0 18px 0;
	text-align: center;
	padding: 12px 0 10px 0;
}

#eventFilter
{
	width:220px;
	padding:0 0 0 60px;
	float:right;
	background:url(/images/event-calendar/filterEventsTitle.gif) no-repeat top left;
}

#eventFilter p
{
	width:80px;
	height:23px;
	float:left;
	margin:0;
	padding:0;
	font-size:11px;
	font-weight:bold;
	color:#6d6d6d;
}

#eventFilter p img
{
	margin:5px 3px 0 0;
	cursor:pointer;
}

#eventFilter input
{
	width:110px;
	height:14px;
	float:left;
	border:none;
	cursor:pointer;
	margin:28px 5px 0 -59px;
	background:url(/images/event-calendar/showAllEventsButton.gif) no-repeat top left;
}

#monthSelector
{
	width:258px;
	float:left;
	font-size:22px;
	font-family:Tahoma;
}

#prevMonth
{
	background:url(/images/event-calendar/previousMonthButton.gif) no-repeat top;
	border:none;
	width:28px;
	height:42px;
	margin:0 20px 0 0;
	float:left;
	cursor:pointer;
}

#nextMonth
{
	background:url(/images/event-calendar/nextMonthButton.gif) no-repeat top;
	border:none;
	width:28px;
	height:42px;
	margin:0 0 0 19px;
	float:right;
	cursor:pointer;
}

#showMonth
{
	width:auto;
	float:left;
	margin:5px 0 0 0;
	padding:0 10px 5px 0;
	background:url(/images/mainNav_underline.gif) repeat-x bottom right;
}

#showYear
{
	width:auto;
	float:left;
	margin:5px 0 0 0;
	padding:0 0 5px 0;
	background:url(/images/mainNav_underline.gif) repeat-x bottom right;
}

#fullCalendar
{
	width:940px;
	float:left;
	margin:22px 0 0 0;
	background:url(/images/event-calendar/background.jpg) no-repeat top;
	padding: 0 0 80px 0;
}


#fullCalendar table
{
	width:870px;
	margin:30px 33px 0 33px;
}

#fullCalendar thead tr
{
	height:54px;
	font-family:Trebuchet MS;
	font-size:18px;
	color:#414141;
}

#fullCalendar thead tr th
{
	width:100px;
	margin:0;
	padding:0;
}

#fullCalendar tr
{
	height:132px;
}

#fullCalendar #day1, #fullCalendar #day2, #fullCalendar #day3, #fullCalendar #day4,
#fullCalendar #day5, #fullCalendar #day6, #fullCalendar #day7, #fullCalendar #day8,
#fullCalendar #day9, #fullCalendar #day10, #fullCalendar #day11, #fullCalendar #day12,
#fullCalendar #day13, #fullCalendar #day14, #fullCalendar #day15, #fullCalendar #day16,
#fullCalendar #day17, #fullCalendar #day18, #fullCalendar #day19, #fullCalendar #day20,
#fullCalendar #day21, #fullCalendar #day22, #fullCalendar #day23, #fullCalendar #day24,
#fullCalendar #day25, #fullCalendar #day26, #fullCalendar #day27, #fullCalendar #day28,
#fullCalendar #day29, #fullCalendar #day30, #fullCalendar #day31, #fullCalendar #day32,
#fullCalendar #day33, #fullCalendar #day34, #fullCalendar #day35, #fullCalendar #day36,
#fullCalendar #day37, #fullCalendar #day38, #fullCalendar #day39, #fullCalendar #day40,
#fullCalendar #day41, #fullCalendar #day42
{
	display:block;
	font-size:22px;
	font-family:Trebuchet MS;
	width:100px;
	float:right;
	text-align:right;
	margin:0 10px 0 0;
	padding:10px 0 10px 0;
}

#fullCalendar #events1, #fullCalendar #events2, #fullCalendar #events3, #fullCalendar #events4,
#fullCalendar #events5, #fullCalendar #events6, #fullCalendar #events7, #fullCalendar #events8,
#fullCalendar #events9, #fullCalendar #events10, #fullCalendar #events11, #fullCalendar #events12,
#fullCalendar #events13, #fullCalendar #events14, #fullCalendar #events15, #fullCalendar #events16,
#fullCalendar #events17, #fullCalendar #events18, #fullCalendar #events19, #fullCalendar #events20,
#fullCalendar #events21, #fullCalendar #events22, #fullCalendar #events23, #fullCalendar #events24,
#fullCalendar #events25, #fullCalendar #events26, #fullCalendar #events27, #fullCalendar #events28,
#fullCalendar #events29, #fullCalendar #events30, #fullCalendar #events31, #fullCalendar #events32,
#fullCalendar #events33, #fullCalendar #events34, #fullCalendar #events35, #fullCalendar #events36,
#fullCalendar #events37, #fullCalendar #events38, #fullCalendar #events39, #fullCalendar #events40,
#fullCalendar #events41, #fullCalendar #events42
{
	width:120px;
	height:80px;
	float:left;
}

#fullCalendar .event1, #fullCalendar .event2, #fullCalendar .event3, #fullCalendar .event4,
#fullCalendar .event5, #fullCalendar .event6, #fullCalendar .event7, #fullCalendar .event8,
#fullCalendar .event9, #fullCalendar .event10, #fullCalendar .event11, #fullCalendar .event12,
#fullCalendar .event13, #fullCalendar .event14, #fullCalendar .event15, #fullCalendar .event16,
#fullCalendar .event17, #fullCalendar .event18, #fullCalendar .event19, #fullCalendar .event20,
#fullCalendar .event21, #fullCalendar .event22, #fullCalendar .event23, #fullCalendar .event24,
#fullCalendar .event25, #fullCalendar .event26, #fullCalendar .event27, #fullCalendar .event28,
#fullCalendar .event29, #fullCalendar .event30, #fullCalendar .event31, #fullCalendar .event32,
#fullCalendar .event33, #fullCalendar .event34, #fullCalendar .event35, #fullCalendar .event36,
#fullCalendar .event37, #fullCalendar .event38, #fullCalendar .event39, #fullCalendar .event40,
#fullCalendar .event41, #fullCalendar .event42
{
	line-height:11px;
	padding:0 0 5px 0;
}


#fullCalendar .date_has_event
{
	width:50px;
	position:relative;
	left:0;
	top:0;
	margin:0;
	padding:0;
}

#fullCalendar .bubbleInfo
{
	margin:0 0 0 6px;
	font-size: 0.9em;
}

#fullCalendar .trigger
{
	cursor:pointer;
	font-weight:normal;
	border: none;
}

#fullCalendar img.trigger
{
	font-size:11px;
	margin:0;
	padding:0 3px 0 0;
	display:block;
	width:10px;
	height:10px;
	float:left;
}

#fullCalendar #dpop
{
	font-size:12px;
	color:#6d6d6d;
	line-height:16px;
}

#fullCalendar #dpop h4
{
	width:138px;
	font-size:12px;
	margin:0 0 4px 0;
	padding:0 0 0 0;
	color:#313131;
}

#fullCalendar #dpop p
{
	height:40px;
	font-size:11px;
	border-top:1px solid #CCC;
	margin:7px 0 0 0;
	padding:4px 0 0 0;
}

#fullCalendar #dpop span
{
	display:block;
	color:#313131;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	padding:6px 0 0 0;
}

#mainContent a.printButton
{
	width:154px;
	height:20px;
	float:left;
	margin:12px 0 0 135px;
	border:none;
}

/* Event Calendar Modal Window*/

#modalButtons
{
	background-color:#FFFFFF;
height:30px;
left:4px;
position:absolute;
top:310px;
width:540px;
}

.printButtonModalBox
{
	width:147px;
	height:20px;
	position:absolute;
	left:6px;
	top: 6px;
	border:none;
}

.eventDetailsModal
{
	padding:5px 7px 7px 7px;
	font-size:1.2em;
}

.eventDetailsModal a
{
	border:none;
}

.eventDetailsModal h2
{
	font-size:1.8em;
	font-weight:normal;
	font-family:Trebuchet MS, Helvetica, Arial;
	background:url(/images/event-calendar/modalWindowSeperationLines.gif) no-repeat bottom left;
	margin:0 0 10px 0;
	padding:0 0 6px 0;
}

.eventDetailsModal h3
{
	font-size:1.4em;
	font-family:Arial, Helvetica, Verdana;
	margin:8px 0 8px 0;
}

.eventDetailsModal p
{
	line-height:1.6em;
	margin:0 2px 0 2px;
}

.returnToCalendarButton
{
	width:123px;
	height:17px;
	position:absolute;
	top: 6px;
	left:410px;
}

/* FOOTER AREA */

#footerContents{
	width:940px;
	margin:0 auto;
	font-size:1.2em;
}

#footerContents .vcard{
	width:367px;
	float:left;
	margin:68px 0 0 0;
	padding:0;
	font-size:0.9em;
}

#footerContents .vcard ul{
	margin:0;
	padding:0;
}

#footerContents .vcard li{
	display:inline;
	line-height:1.6em;
}

#footerContents .vcard .org{
	width:367px;
	float:left;
	font-weight:bold;
	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size:1.4em;
	background:url(/images/hcard_orgUnderline.png) no-repeat bottom;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
}

#footerContents .vcard .tel, #footerContents .vcard .fax{
	padding:0 5px 0 0;
	margin: 0 3px 0 0;
	background:url(/images/hcardItems_separator.png) no-repeat right;
}

#footerContents .vcard .note
{
	display:block;
}

#footerContents .contactLink{
	width:150px;
	float:right;
	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size:1.2em;
	color:#4c4039;
	font-weight:bold;
	margin:20px 0 0 0;
	padding:0 0 3px 0;
	background:url(/images/footerContactUnderline.gif) no-repeat bottom left;
	border: none;
}

#footerContents .contactLink:hover{
	background:none;
	color:#6b655c;
}

/* IMAGES */

#header img{
	margin:53px 0 0 5px;
}

#header a
{
	text-decoration:none;
	border-bottom:none;
}

.steinerQuoteHome{
	width:587px;
	height:122px;
	margin:36px 0 20px 20px;
}

/* IMAGE GALLERY SPECIFIC */

#mainContentFocus_wide
{
	padding: 12px 20px 0;
	float: left;
	width: 740px;
	line-height: 1.8em;
	outline: none;
}

#mainContentFocus_wide h1
{	
	font-size: 1.5em;
	background: url(/images/mainContentFocusH1.png) repeat-x bottom left;
	padding: 0 0 8px 0;
	margin: 0 0 10px 0;
}

#mainContentFocus_wide .backToGalleryButton
{
    width:156px;
    height:36px;
    display:block;
    float:right;
    background: url(/images/backToGalleriesButton.gif) no-repeat top right;
    text-indent:-9999px;
    margin:-12px 0 0 0;
    border:none;
    outline:none;
}

#mainContentFocus_fullWidth
{
	padding: 4px 0 0 0;
	float: left;
	width: 940px;
	line-height: 1.8em;
	outline: none;
}

#mainContentFocus_fullWidth h1
{	
	font-size: 1.5em;
	background: url(/images/mainContentFocusH1.png) repeat-x bottom left;
	padding: 0 0 8px 0;
	margin: 0 0 10px 5px;
}

#mainContentFocus_fullWidth .backToGalleryButton
{
    width:156px;
    height:36px;
    display:block;
    float:right;
    background: url(/images/backToGalleriesButton.gif) no-repeat top right;
    text-indent:-9999px;
    margin:-12px -4px 0 0;
    border:none;
    outline:none;
}

#mainContentFocus_wide .returnToGalleryButton
{
    width:156px;
    height:36px;
    display:block;
    float:left;
    background: url(/images/backToGalleriesButton.gif) no-repeat top right;
    text-indent:-9999px;
    margin:0;
    border:none;
    outline:none;
}

#mainContentFocus_wide .submitMorePhotosButton
{
    width:178px;
    height:36px;
    display:block;
    float:left;
    background: url(/images/submitMorePhotosButton.png) no-repeat top right;
    text-indent:-9999px;
    margin:0;
    border:none;
    outline:none;
}


/* Galleriffic structural elements - hands off! */

.content
{
	float: left;
	width: 940px;
	min-height:660px;
}

.content a
{
	outline: none;
}

#controls
{
	height: 20px;
	line-height: 20px;
}

div.ss-controls 
{
    width:940px;
	float: left;
}
div.nav-controls{
	float: right;
}

#mainContentFocus_wide .photo-index
{
    width:140px;
    position:absolute;
    text-align:left;
    margin:-618px 0 0 0;
    font-family:Trebuchet MS, Sans-Serif;
    font-weight:bold;
    font-size:1.1em;
}

#mainContentFocus_fullWidth .photo-index
{
    width:140px;
    position:absolute;
    text-align:left;
    margin:-618px 0 0 4px;
    font-family:Trebuchet MS, Sans-Serif;
    font-weight:bold;
    font-size:1.1em;
}

.image-wrapper
{
	display: block;
	position: absolute;
}

#slideshow
{
	position: relative;
	height: 600px;
}

#caption, #thumbs
{
	position: relative;
}

#thumbs
{
	width:740px;
	margin: 20px 0 30px 0;
}

.image-caption
{
position: absolute;
}

div.slideshow a.advance-link {
	display:block;
	height:600px;
	line-height:600px;
	text-align:center;
	width:940px;
	text-decoration: none;
	border: none;
}

div.slideshow img {
border:1px solid #CCCCCC;
vertical-align:middle;
/*max-height:450px; - messes up in IE8 - use handler to put max height instead*/ 
}

/* gallery thumbnail strip */

ul.thumbs
{
	margin: 0 0 0 0;
	width:650px;
	float: left;
}

ul.thumbs li
{
	float: left;
	width:120px;
	margin: 0 5px;
	text-align:center;
	/*background:#fdf1d2;*/
}

ul.thumbs li:hover
{
    /*background:#4b473e;*/
}

ul.thumbs li img
{
    border:none;
    max-width:106px;
    margin:6px 0 0 0;
    border: 4px solid #fdf1d2;
}

ul.thumbs img:hover, ul.thumbs .selected img
{
    border: 4px solid #4b473e;
    outline:none;
}

ul.thumbs li a
{
    border:none;
    outline:none;
}

div.navigation-container {
	float: left;
	position: relative;
	width:800px;
	margin:-100px 0 0 126px;
}
div.navigation {
	float: left;
	position: relative;
	width:800px;
}

div.navigation a.next {
    background:url("/css/galleriffic/nextPageArrow_MH_v2.gif") no-repeat top right;
}

div.navigation a.prev 
{
    background:url("/css/galleriffic/prevPageArrow_MH_v2.gif") no-repeat top left;
}

div.navigation a.next:hover {
    background:url("/css/galleriffic/nextPageArrow_MH_v2.gif") no-repeat bottom right;
}

div.navigation a.prev:hover
{
    background:url("/css/galleriffic/prevPageArrow_MH_v2.gif") no-repeat bottom left;
}

div.navigation a.pageLink {
display:block;
float:left;
margin:26px 0 0 0;
position:relative;
width:18px;
height:45px;
border: none;
outline: none;
}

div.navigation a.pageLink {
height:45px;
line-height:77px;
}

/* IMAGE GALLERY DETAIL PAGE SPECIFIC STYLING */

#mainContentFocus_wide h1 span 
{
	float: right;
}

#mainContentFocus_wide h1 span a
{
	font-size: 12px;
}

#mainContentFocus_wide .navigation-container
{
    width:640px;
    float:left;
}

#mainContentFocus_wide .navigation-container .navigation
{
    width:760px;
}

#mainContentFocus_fullWidth h1 span 
{
	float: right;
}

#mainContentFocus_fullWidth h1 span a
{
	font-size: 12px;
}

#mainContentFocus_fullWidth .navigation-container
{
    width:640px;
    height:120px;
    float:left;
}

#mainContentFocus_fullWidth .navigation-container .navigation
{
    width:760px;
}

#controls a
{
	font-weight: bold;
	font-size:1.1em;
}

#controls a:visited
{
	font-weight: bold;
}

#controls .ss-controls .play, #controls .ss-controls .pause
{
	display: inline-block;
	height: 28px;
	line-height: 28px;
	text-align: right;
	border: none;
	/*background: url(/images/submitButton.png) no-repeat scroll top left;*/
	font-family: Trebuchet MS, Arial, MS Sans Serif;
	font-weight: bold;
	cursor: pointer;
}

#controls .nav-controls .prev
{
	position: absolute;
	height: 68px;
	line-height: 28px;
	text-align: center;
	width: 27px;
	border: none;
	background-image: url("/css/galleriffic/previousPhotoArrow_MH_v2.gif");
	font-family: Trebuchet MS, Arial, MS Sans Serif;
	font-weight: bold;
	color: #FFFFED;
	margin: 280px 0 0 -870px;
	cursor: pointer;
    z-index:2;
}

#controls .nav-controls .next
{
	position: absolute;
	height: 68px;
	line-height: 28px;
	text-align: center;
	width: 27px;
	border: none;
	background-image: url("/css/galleriffic/nextPhotoArrow_MH_v2.gif");
	background-position:top right;
	font-family: Trebuchet MS, Arial, MS Sans Serif;
	font-weight: bold;
	color: #FFFFED;
	margin: 280px 0 0 -94px;
	cursor: pointer;
	z-index:1;
}

#controls .nav-controls .prev:hover
{
    background-position:bottom left;
}

#controls .nav-controls .next:hover
{
    background-position:bottom right;
}

/*#controls .nav-controls .prev:hover, #controls .nav-controls .next:hover, #controls .ss-controls .play:hover, #controls .ss-controls .pause:hover
{
	background: url(/images/submitButtonHover.png) no-repeat scroll top left;
}*/

h2.image-title
{
	color:#1E5A65;
	font-family:"Trebuchet MS",Helvetica,Arial,sans-serif;	
}

.play
{
    background: url(/images/playButton.png) no-repeat scroll left;
    width:105px;
    margin: 0 0 0 835px;
}

.pause
{
    background: url(/images/pauseButton.png) no-repeat scroll left;
    width:114px;
	margin: 0 0 0 826px;
}

/* IMAGE GALLERY LISTING SPECIFIC */

#mainContentFocus ul#galleryList
{
    margin: 0 0 0 -15px;
    padding:8px 0 0 0;
    width: 478px;
}

#mainContentFocus .galleryListItem
{
	display:inline;
	float:left;
	position:relative;
	text-align:left;
    padding: 0;
    margin: 0 11px 18px 18px;
    width: 130px;
    height: 130px;
    background: none;
}

#mainContentFocus .galleryListItem a
{
    outline: none;
    border: none;
    font-weight:normal;
}

#mainContentFocus .galleryListItem .viewGalleryButton
{
    width:128px;
    height:98px;
    display:block;
    position:absolute;
    text-indent:-9999px;
    /*background: url(/images/viewGallery_corner.png) no-repeat top right;*/
    border: solid 3px #fdf1d2;
}

#mainContentFocus .galleryListItem .viewGalleryButton:hover
{
    /*background: url(/images/viewGallery_corner.png) no-repeat bottom right;*/
    border-color:#000;
}

#mainContentFocus .galleryListItem h3
{
	font-size: 1em;
	line-height:1.1em;
	font-weight:normal;
	width:130px;
	text-align:center;
	font-family:Trebuchet MS, Sans-Serif;
	position:absolute;
	margin:111px 0 0 4px;
}

#mainContentFocus .galleryListItem img
{
    max-width:130px;
    height:100px;
    /*border: solid 3px #fdf1d2;*/
    padding:3px;
    border:none;
}

#mainContentFocus .galleryListItem img:hover
{
    /*border-color: #545454;*/
}

#mainContentFocus .addPhotoCallToAction
{
    width:460px;
    float:left;
    text-indent:4px;
    margin:10px 0 10px;
}

#mainContentFocus .addPhotoCallToAction p
{
    width:330px;
    float:left;
}

#mainContentFocus .addPhotoCallToAction img
{
    border:none;
}

#mainContentFocus .addPhotoCallToAction a
{
    width:129px;
    float:left;
    border:none;
    text-decoration:none;
    margin:-4px 0 0 0;
}

/*
#mainContentFocus .listingsPagination
{
    width: 460px;
    text-align: right;
    margin: 5px 0;
}

#mainContentFocus .listingsPagination li
{
    background: none;
    display: inline;
    margin: 2px;
    padding: 0;
    font-weight: bold;
}

#mainContentFocus .listingsPagination li a
{
    border: solid 2px #fdf1d2;
    padding: 1px 5px;
    color: #545454;
    letter-spacing: 0.5px;
}

#mainContentFocus .listingsPagination li a:hover
{
    border: solid 2px #545454;
    color: #545454;
}

/*#mainContentFocus .listingsPagination .HighlightPageIndex a, #mainContentFocus .listingsPagination .previous a, #mainContentFocus .listingsPagination .next a
{
    color: #545454;
}*/


/* CONTACT PAGE SPECIFIC */

#mainContentFocus .contactInfo
{
    margin: 0;
}


#mainContentFocus .contactInfo li
{
    background: none;
    padding: 0;
}

#mainContentFocus .contactInfo h2{
background:transparent url(/images/hcard_orgUnderline.png) no-repeat scroll left bottom;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* FORM SPECIFIC STYLES */

/* watermark positioning container */
.updnWatermark
{
	position: absolute;	/* positioning container */
	width: 0;
	height: 1.25em;	/* must specify height for consistent vertical alignment */
	vertical-align: middle;
}
/* IE7/6 hasLayout hack */
.updnWatermark
{
	*zoom: 1;
}
/* watermark label styling */
.updnWatermark label
{
	position: absolute;
	left: 0;
	top: 0;
	white-space: nowrap;
	color: #999;
	padding: 4px 0 0 4px;
	height: 1.25em;	/* must specify height for consistent vertical alignment */
	vertical-align: middle;
}

/* FILE UPLOAD */


#mainContentFocus_wide .uploadSuccessMessage
{
	background:transparent url(/images/16pxGreenTickValidation.png) no-repeat scroll left center;
	padding: 0 0 0 20px;
}

#mainContentFocus_wide .divErrorMessage
{
	background:transparent url(/images/11pxRedAllertIcon.png) no-repeat scroll left center;
	padding: 0 0 0 20px;
	font-weight:bold;
}

/* Home Page Specific */

#myId
{
	z-index:1;
}