/*======================

01. BASE STYLES

========================*/



* {margin:0;}



html, body {height:100%;}



.wrapper {

	min-height:100%;

	height:auto !important;

	height:100%;

	margin: 0 auto -190px;

	padding:0;

	width:1012px;

}



body {

	font:100%/1.4 'Dosis',sans-serif;

	color:#393939;

	background:#134A9A url('../img/paoli-bg.jpg') no-repeat center top;

}



.container {

	width:960px;

	padding:0 10px;

	margin:0 auto;

}



.grid_3 {

	width:300px; /*320-10px-10px=300*/

	float:left;

	padding:0 10px;

}



.clear {clear:both;}



.alignleft {

	float:left;

	margin-right:15px;

	border:2px solid #D31145;

}

.alignright {

	float:right;

	margin-left:15px;

	border:2px solid #D31145;

}

.alignmid {

	display:block;

	margin:0 auto;

	border:2px solid #D31145;

}

.center {text-align:center;}

.border {border:2px solid #D31145;}



/*======================

02. TYPOGRAPHY/LINK STYLES

========================*/



h1,h2 {

	font-family:'Satisfy',cursive;

	padding-bottom:0;

	color:#d31246;

	font-weight:normal;

}

h3,h4,h5,h6 {

	font-family:'Bree Serif',serif;

	color:#083a82;

	padding-bottom:0;

	font-weight:normal;

}

h1 {font-size:3em;}

h2 {font-size:2.5em;}

h3 {font-size:2.0em;}

h4 {font-size:1.5em;}

h5 {font-size:1.0em;}

h6 {font-size:0.8em;}



a {color:#144b9a;transition:0.5s all ease;}



a:hover {color:#159ADC;}



a.button {

	background:#144b9a;

	font-family:'Bree Serif',serif;

	color:#fff;

	text-align:center;

	display:inline-block;

	padding:4px 15px;

	text-decoration:none;

}



a.button:hover {

	background:#159ADC;

	color:#fff;

}



/*======================

03. HEADER STYLES

========================*/



header {

	height:245px;

	font-family:'Bree Serif', serif;

}



header .grid_3 {

	padding-top:30px;

}



header .location {

	margin-top:60px;

	font-size:1.5em;

}



span.number {

	border-top:1px solid #405879;

	font-size:1.2em;

}



.banner {

	background:url('../img/header-bg.png') center 5px no-repeat;

	height:245px;

}



/*======================

04. NAVIGATION STYLES

========================*/



nav {

	background:url('../img/nav-bg.png') center no-repeat;

	width:976px;

	height:74px;

	margin:-35px auto;

	position:relative;

	z-index:9999;

}



nav ul{

     list-style-type:none;

     text-align:center;

}



nav li {

     display:inline-block;

     margin:0;

     position:relative;

}



nav li a {

     display:block;

     text-decoration:none;

     margin:0 -1px 0 -1px;

     margin-top:10px;

     padding:13px 22.5px;

     color:#fff;

     font-size:1.2em;

     font-family:'Bree Serif',sans-serif;

     border-right:#134a9c 1px solid;

     border-left:#2194d5 1px solid;

     transition:0.5s all ease;

}



nav li:first-child a {border-left:0;}



nav li:last-child a {border-right:0;}



nav li:hover a {

     background:#159ADC;

     color:#fff;

}



/* DROPDOWN */



nav li ul {

    display: none;

}

nav li:hover ul {

    display: block;

    margin-left: 0;

    position: absolute;

    top: 63px;

    z-index: 9999;

}

nav li:hover li {

    float: none;

    white-space: nowrap;

    width: 100%;

    background:none;

}

nav li:hover li a {

    background: #132C52;

    display: block;

    margin:0;

    height: auto;

    text-align: left;

    font-size:0.95em;

    padding:9px 50px 9px 20px;

    border:0;

}

nav li:hover li a:hover {

    background: #225BA2;

}



/*======================

05. CONTENT STYLES

========================*/



#slideshow-wrapper {

	z-index:1;

	position:relative;

	margin-top:25px;

}



.overlay {

	background:url('../img/slider-blue-bg.png') no-repeat;

	width:232px; /* 302-70 = 232 */

	height:281px; /* 361-80 = 281 */

	position:absolute;

	z-index:100;

	left:30px;

	top:0px;

	color:#fff;

	font:1.7em/1.4 'Bree Serif',serif;

	padding:80px 30px 0 40px;

}



.overlay .script {

	font-family:'Satisfy',cursive;

	font-size:1.2em;

	line-height:1.1em;

}



.slideshow {

	position:relative;

	margin-left:10px;

	width:940px;

	height:320px;

}



.slideshow img {

	left:0;

	position:absolute;

	top:0;

	z-index:9;

}



.title {

	background:url('../img/title-bg.png') no-repeat center top;

	width:1012px;

	height:89px; /* 139 - 50px = 89px */

	margin:20px auto;

	text-align:center;

	padding-top:50px;

}



.quicklinks {

	background:url('../img/quick-link-bg.png') no-repeat;

	width:1012px;

	height:186px;

	margin:0 auto;

	font-size:0.9em;

	position:relative;

	z-index:200;

}



a.quickbtn {

	float:left;

	width:274px; /* 324px - 50 = 274px */

	margin-top:18px;

	margin-left:10px;

	padding:30px 30px 18px 20px;

	border-right:1px solid #c3c3c3;

	display:inline-block;

	color:#393939;

	cursor:pointer;

	text-decoration:none;

	font-size: 90%;

}



a.quickbtn:last-child {border-right:0;}



a.quickbtn h2 {

	font-size:1.7em;

	color:#393939;

	padding-bottom:0;

	transition:0.5s all ease;

}



a.quickbtn:hover h2 {

	color:#D31346;

}



a.quickbtn img {

	float:left;

	margin:-15px 10px 0 0;

	transition:0.5s all ease;

	opacity:0.6;

}



a.quickbtn:hover img {

	opacity:1;

}



.padded {

	width:940px;

}



.content {

	padding:40px 50px;

	background:#fff;

	position:relative;

	z-index:100;

	margin-top:-20px;

	margin-bottom:-20px;

}



.grid_2 {

	float:left;

	width:400px;

	margin-right:40px;

}



.last {margin:0;}



p.welcome {

	font-size:1.1em;

	line-height:1.6em;

}



.tourleft{

	float: left;

	width: 400px;

}



.tourright{

	float: left;

	margin-left: 10px;

	width: 400px;

}

/* FORM STYLES */

#form .clear {clear:both;}
#form .center {text-align:center;}
#form h3 {margin:0 1%;}
#form small {font-style:italic;}
#form hr {width:98%;margin:10px 1% 15px 1%;}

/*GRID */
#form .column {
  float:left;
  margin:0 1%;
}

#form .full {width:98%;margin:0 1%;}
#form .half {width:48%;}
#form .twothird {width:65%;}
#form .onethird {width:31%;}

#form input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
  width:96%;
  padding:10px 2%;
}

#form input[type=radio] {
  margin-bottom:5px;
}

#form textarea {
  width:96%;
  resize:none;
  padding:10px 2%;
  font:95%/1.4 'Tahoma',sans-serif;
}

#form select {
  width:101%;
  padding:10px 2%;
}



@media (max-width: 1024px) {

    .flash {

       display:none;

    }

}

 @media (min-width: 1024px) {

    .noflash {

       display:none;

    }

    .flash {

       width:550px;margin:0 auto;

    }

}

@media (max-width: 790px) {
	#form .column {
    float:none;
    margin:0;
  }
  #form .full, #form .half, #form .twothird, #form .onethird {
    width:98%;margin:0;
  }	
}



.predev {

	font-size:1.2em;

	font-weight:bold;



	}



iframe#ada {

	margin-top:0px;

	width:810px;

	height:950px;

}



#Activity {

	width:200px;

	padding-bottom:15px;

	text-align:center;

	float:left;

}



/*======================

06. FOOTER STYLES

========================*/



.subnav {

	text-align:center;

	font-size:0.9em;

}



footer, .push {

	height:190px;

}



footer {

	width:100%;

	background:url('../img/footer-bg.png') repeat-x;

	color:#7292c4;

	text-align:center;

	padding-top:45px;

	height:145px; /*190-45=145*/

	margin-bottom:-25px;

	position:relative;

	z-index:200;

	font:0.75em/1.5 'Tahoma',sans-serif;

}



footer a {color:#9dbbe9;}

footer a:hover {color:#fff;}