body {background-color:#fff; }
	body, html {padding:0; margin:0; font-family: 'Montserrat', sans-serif; height:100%}
	html {overflow-y: scroll;}
	
	header {width:100%; z-index:999; height:217px; margin:0 auto; background:url(../images/headerBK.jpg) no-repeat top left; position:relative; z-index: 999999}
	.headerContent {width:1100px; height:217px; margin:0 auto; position: relative}
	.logo {position:relative; top:29px; left:0}
	.mobileMenuButton {display:none}
		
	.pageWrapper {width:100%; background-color:#fff; padding:0; position:relative; min-height:600px; color:#fff}
	.pageWrapperContent {width:1100px; margin:0 auto}	
	
	.logoWrapper {width:100%; background-color:#fff; padding:0;}
	.logoWrapperContent {width:1100px; min-height:270px; margin:0 auto;}
		
	.tile1 {background:url(../images/frog.jpg) top right; width:100%; height:600px;position:absolute}
	.tile2 {background:url(../images/bio.jpg) top right; width:100%; height:600px;position:absolute}
	.tile3 {background:url(../images/flower.jpg) top right; width:100%; height:600px;position:absolute}
	
	.level1 {position: absolute; top: 130px; right: 0;}	
	menuItem {width:180px; display: block; float: left; font-size: 18px; font-family: 'Montserrat', sans-serif; -webkit-font-smoothing: antialiased; font-weight: 700; font-weight: bold; color: #fff; cursor: pointer; white-space: nowrap; padding: 0 11px; text-align: center}	
	menuItem a, menuItem a.openLink { color: #fff; text-decoration: none;  font-size: 18px; padding: 10px 0;}		
	.level2 { width: 180px; position: absolute; background-color: #008733; color: #00aded; margin-left: 0; z-index: 9999999}	
	menuItem nav {display: none;}			
	nav menuItem:hover nav {display:block; z-index:999}
	
	menuItem menuItem {float:none; padding:15px 0; text-align: center; border-bottom: 1px solid #4dab71; }

	.row {width:100%; clear:both}
	.row50pc {width:50%; padding:0px 0px; box-sizing:border-box; float:left; position:relative}
	.row33pc {width:33%; padding:30px 0px; box-sizing:border-box; float:left;}
	.row66pc {width:66%; padding:15px 0px; box-sizing:border-box; float:left;}
		.logoWrapper .row33pc {text-align:center}
	

	.rowLogo {width:33%; padding:0px; box-sizing:border-box; float:left}
	
	.col1 {width:530px; padding:0 30px 0 0 ; box-sizing:border-box; float:left}
	.col2 {width:350px; padding:0 0; box-sizing:border-box; float:left}
	
	.contentImage {margin-top:4px}
	
	.push {height: 200px; padding-bottom:50px}
		
	.siteFooter {clear:both; width:100%; z-index:999; height:370px; margin:0 auto; background:url(../images/footerBK.jpg) no-repeat top left}
	.siteFooterContent {width:1100px; margin:0 auto} 
	
	.siteFooter h2 {color:#fff}
	.siteFooter p {margin:5px 0}
	
	
	ul li {padding:5px; font-size:13px; font-family: 'Open Sans'}
	ul {margin-bottom:20px}
	
	ol {margin:0; padding:0 0 0 20px}
		ol li {font-size:15px; padding: 7px 0; text-decoration:underline; font-weight:bold; font-family: 'Open Sans'; }
		ol li a {color:#000}
	p {line-height:24px; font-size:15px; color:#fff; font-family:'Open Sans', tahoma}
	
#homePage .siteFooter p, .siteFooter p {font-size: 12px}

	#homePage p {line-height:24px; font-size:15px; color:#fff; width:630px; font-family:'Open Sans', tahoma; text-shadow: 1px 1px #000000;}
		#homePage .siteFooter p  {width:auto}
		p.intro {margin-top:0}

	h1 {margin:0; padding-top:80px; color:#fff; font-size:47px; text-shadow: 1px 1px #000000;}
	h2 {font-size:25px; margin:0 0 5px 0; font-family:'Open Sans', tahoma}	
	.title { border-top:1px solid #ccc; margin-top:20px; padding-top:20px; padding-right:90px; }
	.host {font-size:20px; margin:0 0 5px 0; font-family:'Open Sans', tahoma; color:#828080;; font-weight: 800}
	.timePlace {font-size:20px; margin:0 0 5px 0; font-family:'Open Sans', tahoma; color:#828080;font-style: italic}

	.date {line-height:20px; font-size:15px; color:#fff; font-family:'Open Sans', tahoma}


	#content h1 {color:#4e4d4d; padding-top:55px; text-shadow: none}	
	
	.bookLatrobe {width:230px; float:right; margin-top:29px; color:#000}
	.bookHobart {width:230px; float:right; margin-top:29px}
	.saveTheDates {width:550px; float:right; margin-top:60px}

	.bookLatrobe h2, .bookHobart h2, .date, .saveTheDates h2, .saveTheDates {color:#fff}
	
	.bookNow {border-radius:2px;margin-top:10px;width:143px; background-color:#fff; color:#009b3a; text-align:center; padding:8px 0}
	.moreInfo {border-radius:2px;margin-top:10px;width:180px; background-color:#fff; color:#009b3a; text-align:center; padding:8px 0}
		.moreInfo a, .bookNow a {color:#009b3a; text-decoration:none}
	.bookNow {border-radius:2px;margin-top:10px;width:180px; background-color:#009b3a; color:#fff; text-align:center; padding:8px 0}
.bookNow a {color:#fff}
	
	.siteFooterContent a {text-decoration:none; color:#fff}
	.logoText {color:#838282; clear:both; padding-top:20px}

	#content .pageWrapper h1 {}
	#content .pageWrapper h2 {color:#828080}
	#content .pageWrapper footer h2, #content .pageWrapper footer p {color:#fff}
	#content .pageWrapper h3, #content .pageWrapper p {color:#58585a}
	
	#content img {padding-bottom:30px}
	#content .siteFooterContent img {padding-bottom:0}
	
	.programImg {position:absolute; top:37px;right: 30px}

@media screen and (min-width: 1600px) {
.tile1, .tile2, .tile3 {
    background-size: 100% auto !important;
}
}

@media screen and (max-width: 1082px) {	
	.logo{padding-left:10px}
		
	.headerContent, .siteFooterContent, .pageWrapperContent, .logoWrapperContent {width:100%}
	#homePage p {width:100%;}
	
	.pageWrapperContent { padding:10px; box-sizing:border-box}

	.col1 {width:60%}
	.col2 {width:40%; text-align:right}m
		.col2 img {width:100%; height:auto}
		.col2 img.logoTrans {width:auto; margin:30px auto; float:none}

	.rowLogo img, .footer {width:100%}
	
}
		
@media screen and (max-width: 900px) {
	.level1 {position: static; width:450px; margin:32px auto 0; text-align: center}
	
	.previous, .next {display:none}
	
	.rowLogo {width:auto;float:none; margin: 0 auto; text-align:center}
	.logo {display:block; margin:0 auto; text-align:center; padding-left:0}
	header, .headerContent {xheight:auto}
	
	.bookLatrobe {width:230px; float:none; margin:0 auto; padding-top:80px; text-align:center}
	.bookHobart {width:230px; float:none; margin:0 auto; padding-top:30px; text-align:center; padding-bottom:20px;}	
	
	.headerContent .date {color:#404041}
	.date {color:#fff}
	.bookLatrobe h2, .bookHobart h2 {color:#404041}
	.bookNow {background-color:#009b3a; color:#fff; margin:10px auto 0}
	.moreInfo {margin:15px auto 10px}

	#homePage p {width:100%; box-sizing:border-box; text-align:center}
	.row33pc {width:100%; padding:5px 0 30px 0; box-sizing:border-box; float:none; text-align:center}
	
	h1 {text-align:center;}
	
	.logoText {padding:10px; box-sizing:border-box}
	
	.tile1, .tile2, .tile3 {height:auto; position:static}
	
	.tile1, .tile2, .tile3 {background-size:auto 100%  !important; }
	
	.rowLogo img {width:auto}
	
	.siteFooter {background-repeat:repeat; height:auto}
	.row50pc {float:none; width:100%; text-align:center}
	.row50pc p {}
	
	.tile2 p, .tshirt, .buyNow {margin:0 auto; display:block}
	
	#homePage .siteFooter p{ width:100%; text-align:center}
	.siteFooter p {margin:10px 0 0 0}
	.copy {text-align:center}
	.bookNow a {color:#fff; text-decoration:none}
	
	.pageWrapper {min-height:100px}
	
	.siteFooter img.sponsers {width:100%; height:auto}
	.row66pc {width:100%}
	
	.programImg {position: static; margin: 0} 
	.title {padding-right:0; }
	.program h2 {text-align: center}
}

@media screen and (max-width: 1200px) {	
	.previous, .next {display:none}
}


@media screen and (max-width: 492px) {	
	.siteFooter .row50pc .sponsers {width:100%; height:auto}
	.row50pc img {width:100%; height:auto}
	.siteFooter .row50pc img {width:auto; height:auto}
}

@media screen and (max-width: 403px) {	
	.tshirt {width:100%}
}

@media screen and (max-width: 398px) {	
		.logo {width:100%; height:auto}
		.bookLatrobe {padding-top: 105px;}
}

@media screen and (max-width: 394px) {	
		.logoWrapper img.resize {width:100%; height:auto}
}