/*YUI reset-min.css */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/******************************************** BROWSER FIXES *****************************************************/
.clearAfter:after, .clearFloats {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
    _font-size: 0;
	line-height: 0;
	padding: 0;
	margin: 0;
}

.clearAfter {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearAfter {height: 1%;}
.clearAfter {display: block;}
/* End hide from IE-mac */

:-moz-any-link:focus { /* remove dotted border when clicking links in Firefox */
  outline: none;
}

/** Global elements */

html, body {
	height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #fff;
}

a {
	font-size: inherit;
	color: #fff;
}

a:hover {
	text-decoration: double;
}

small {
	font-size: 9px;
}

strong {
	font-weight: bold;
}

p {
	font-size: 11px;
	line-height: 14px;
	padding-bottom: 5px;
}

p.med {
	font-size: 12px;
	line-height: 14px;
	padding-bottom: 5px;
	font-weight:300;
}

p.lrg {
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 10px;
}

p.xlrg {
	font-size: 18px;
	line-height: 22px;
	padding-bottom: 10px;
	font-weight: normal;
}

ul.dashes {
	padding: 0 0 15px 30px;
}

ul.dashes li {
	list-style: circle outside url('../images/ico_dashes.gif');
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 6px;
	opacity: 0.999;
}

.boxXLarge ul {
	padding: 10px 0 15px 20px;
}

.boxXLarge ul li {
	list-style-image: none;
	list-style-type: circle;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 6px;
}

ol, ul ul {
	padding: 10px 0 15px 30px;
}

ol li,
ul.dashes ol li,
ul.dashes ul li {
	font-size: 12px;
	list-style-image: none;
	list-style-type: decimal;
	margin-bottom: 2px;
}

ol li {
	margin-bottom: 15px;
}
ul.dashes ul li {
	list-style-type: disc;
}
em {
	font-style: italic;
}

/* common */
.nav {
	height: 114px;
}

.nav div.logo {
	float: left;
	width: 324px;
}

.menu {
	float: left;
	width: 633px;
	height: 114px;
}

.menu ul {
	padding: 31px 0 0 20px;
}

.menu li {
	float: left;
}

.menu span {
	display: none;
}

.menu a:hover {
	color: #115fa6;
}

.menu li a {
	background: url('../images/nav.jpg') no-repeat scroll 0 0;
	height: 28px;
	display: block;
	font-size: 14px;
	text-decoration: none;
}

.menu li a#link_home {
	background-position: 0 0;
	width: 64px;
}

.menu li:hover a#link_home,
.menu li.sfhover a#link_home {
	background-position: 0 -28px;
}

.menu li a#link_visit {
	background-position: 0 -56px;
	width: 97px;
}

.menu li:hover a#link_visit,
.menu li.sfhover a#link_visit {
	background-position: 0 -84px;
}

.menu li a#link_program {
	background-position: 0 -112px;
	width: 154px;
}

.menu li:hover a#link_program,
.menu li.sfhover a#link_program {
	background-position: 0 -140px;
}

.menu li a#link_schools {
	background-position: 0 -168px;
	width: 142px;
}

.menu li:hover a#link_schools,
.menu li.sfhover a#link_schools {
	background-position: 0 -196px;
}

.menu li a#link_parties {	
	background-position: 0 -224px;
	width: 143px;
}

.menu li:hover a#link_parties,
.menu li.sfhover a#link_parties {
	background-position: 0 -252px;
}

.menu li:hover .sub,
.menu li.sfhover .sub {
	display: block;
}

.menu span.ex {
	display: inline;
	background: url('../images/nav_arrow-rt.gif') no-repeat scroll right 2px;
	padding-right: 18px;
}

.menu li li:hover span.ex,
.menu li li.sfhover span.ex {
	background: url('../images/nav_arrow-down.gif') no-repeat scroll right 2px;
}

.menu .sub {
	display: none;
	position: absolute;
	z-index: 10;
}

.menu .sub a {
	padding-left: 10px;
	line-height: 20px;
	background: none;
}

.menu .sub span {
	display: inline;
}

.menu .sub ul {
	padding:0;
	margin: 0;
}

.menu .sub li {
	float: none;
	height: 21px;
	width: 184px;
	display: block;
	padding: 0;
	margin: 0;
	background: url('../images/nav_drop.png') no-repeat scroll 0 -100px;
	_background: url('../images/nav_drop.gif') no-repeat scroll 0 -100px;
	_overflow: hidden; /* for IE6.0 relative position hack */
}

.menu .sub.pos01 li.top {
	background-position: 0 0;
}

.menu .sub.pos02 li.top {
	background-position: 0 -27px;
}

.menu .sub.pos03 li.top {
	background-position: 0 -54px;
}

.menu .sub.pos04 li.top {
	background-position: 0 -81px;
}

.menu .sub li.top {
	height: 27px;
}

.menu .sub li.top a {
	padding-top: 6px;
}

.menu .sub li.btm {
	background-position: 0 -129px;
	height: 38px;
}

.menu .sub li:hover .subTwo,
.menu .sub li.sfhover .subTwo {
	display: block;
}

.menu .subTwo {
	display: none;
	position: relative;
	top: -38px;
	left: 110px;
	width: 150px;
	z-index: 20;
}

.menu .sub.pos02 .subTwo {
	left: 105px;
}

.menu .sub .subTwo li {
	background: url('../images/nav_drop2.png') no-repeat scroll 0 -16px;
	_background: url('../images/nav_drop2.gif') no-repeat scroll 0 -16px;
	padding-right: 20px;
	width: 130px;
	height: 20px;
	padding-top: 8px;
}

.menu .sub .subTwo li.top {
	padding-top: 4px;
	height: 24px;
	background-position: 0 0;
}

.menu .sub .subTwo li.topdual,
.menu .sub .subTwo li.dual {
	padding-top: 12px;
	height: 34px;
	background-position: 0 0;
}

.menu .sub .subTwo li.dual {
	padding-top: 4px;
	background-position: 0 -16px;
}

.menu .sub .subTwo li.topdual a,
.menu .sub .subTwo li.dual a {
	line-height: 15px;
	height: 32px;
}

.menu .sub .subTwo li.btm {
	padding-top: 4px;
	background-position: 0 bottom;
	height: 34px;
}


/* Backgrounds */
html {
	width: 100%;
	background: #aed66f url('../images/bg-body.jpg') no-repeat scroll top left;
}

.wrapper {
	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}

html>body .wrapper {
	height: auto;
}

.nav {
	width: 960px;
	background: url('../images/bg-nav.jpg') no-repeat scroll top right;
}

.boxSmall {
	background: url('../images/box-small.jpg') no-repeat scroll 0 0;
	position: absolute;
	top: 183px;
	left: 620px;
	width: 252px;
	height: 80px;
	padding: 47px 10px 50px 65px;
}

.boxLarge {
	background: url('../images/box-large.jpg') no-repeat scroll 0 0;
	position: absolute;
	top: 183px;
	left: 620px;
	width: 212px;
	height: 142px;
	padding: 27px 60px 50px 65px;
}

.boxXLarge {
	background: url('../images/box-xlarge.jpg') no-repeat scroll 0 0;
	position: absolute;
	top: 183px;
	left: 620px;
	width: 212px;
	height: 268px;
	padding: 47px 50px 50px 65px;
}

.boxSmall p,
.boxLarge p,
.boxXLarge p {
	font-size: 12px;
	line-height: 15px;
}

.main {
	background: #a6298f url('../images/bg-content.jpg') no-repeat scroll top left;
	padding: 25px 50px 0 20px;
	width: 586px;
	clear: both;
	z-index: 5;
}

.mainBtm {
	background: url('../images/bg-content-btm.png') no-repeat scroll 0 bottom;
	_background: url('../images/bg-content-btm.gif') no-repeat scroll 0 bottom;
	padding: 0 50px 50px 20px;
	width: 586px;
	height: 95px;
	margin-bottom: 100px;
}

html#home {
	background: #85e0fd url('../images/bg_home-body.jpg') repeat-x scroll top left;
}

#pageHome .wrapper {
	background: url('../images/bg_home-content.jpg') no-repeat scroll 0 114px;
}

#pageHome .nav {
	width: 960px;
	background: url('../images/bg_home-nav.jpg') no-repeat scroll top right;
	position: relative;
	z-index: 15;
}

#pageHome .content {
	width: 100%;
	position: relative;
	min-height: 100%;
	height: 614px;
	z-index: 5;
}

.content {
	padding-bottom: 50px;
	display: inline-block;
}

#pageHome .content .main {
	position: absolute;
	width: 380px;
	padding: 25px 0 0 20px;
	background: none;
}

#pageHome .photo, 
#pageHome .copy {
	float: left;
}

#pageHome .sec_01_bg {
	position: absolute;
	height: 298px;
	top: 36px;
	left: 446px;
	right: 0;
	background: url('../images/bg_home_sec_01_repeat.jpg') repeat-x scroll 0 0;
	z-index: 3;
}

#pageHome .sec_01 {
	background: url('../images/bg_home_sec_01.jpg') no-repeat scroll 0 0;
	height: 298px;
	width: 500px;
	
}

#pageHome .sec_01 .photo {
	width: 275px;
	height: 301px;
}

#pageHome .sec_01 .photo img,
#pageHome .sec_02 .photo img {
	display: none;
}

#pageHome .sec_01 .copy {
	width: 209px;
	padding: 25px 0 0 16px;
}

#pageHome .sec_02 {
	position: absolute;
	width: 485px;
	height: 218px;
	background: url('../images/bg_home_sec_02.jpg') no-repeat scroll 0 0;
	top: 273px;
	z-index: 2;
}

#pageHome .sec_02 .photo {
	width: 272px;
	height: 218px;
}

#pageHome .sec_02 .copy {
	width: 185px;
	padding: 27px 12px 0 8px;
}

#pageHome .sec_02 .copy p {
  padding-bottom: 1px;
}

.event {
	padding-bottom: 10px;
}

/* misc styles */
.date {
	font-size: 10px;
}

.spotlight {
	display: inline-block;
	padding-bottom: 35px;
}

.spotlight.last {
	padding-bottom: 0;
}

.spotlight .photo {
	float: left;
	width: 205px;
	padding-right: 25px;
	text-align: right;
}

.spotlight .copy {
	float: left;
	width: 350px;
}

.spotlight.noPhoto .copy {
	width: auto;
}

.spotlight .copy p {
	font-size: 14px;
	line-height: 18px;
}

/* footer */
.footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 91px;
	z-index: 10;
	background: url('../images/bg_footer.png') repeat-x scroll bottom left;
	_background: url('../images/bg_footer.gif') repeat-x scroll bottom left;
}

.footer .logo {
	float: left;
	padding: 21px 0 0 22px;
}

.footer .links {
	float: left;
	padding: 39px 0 0 29px;
}

.footer ul {
}

.footer ul li {
	float: left;
	padding-right: 20px;
}

.footer a {
	font-size: 10px;
	font-weight: bold;
	color: #115fa7;
	text-decoration: underline;
}

h1.intro {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 0;
}

h1 {
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 20px;
}

h2{
	font-size: 24px;
	line-height: 24px;
}

h3, .print  {
	font-size: 14px;
}

h4 {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 8px;
	line-height: 18px;
	text-decoration: uppercase;
}

h5 {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	padding-bottom: 3px;
	
}

h5.i {
	font-style: italic;
}

/* FOR TESTING ONLY */
/*
.menu .sub,
.menu .subTwo {
	display: block;
}
iframe {
	display: none;
}
*/



/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1.intro {
	visibility: hidden;
	line-height: 23px;
}

.sIFR-hasFlash h1 {
	visibility: hidden;
	line-height: 30px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	line-height: 24px;
}

.sIFR-hasFlash .boxLarge h2 {
	margin-bottom: 5px;
}


#omniCode {
  display: none;
}

.gallery .link {
  font-size: 14px;
  text-align: center;
  line-height: 25px;
  padding-bottom: 10px;
}

