/* _________________________________________________

320 and Up boilerplate extension
Andy Clarke http://about.me/malarkey
Keith Clark http://twitter.com/keithclarkcouk
Version: 2
URL: http://stuffandnonsense.co.uk/projects/320andup/
License: http://creativecommons.org/licenses/MIT/
_____________________________________________________

1 ROOT
2 HEADINGS
3 TYPOGRAPHY
4 LINKS
5 FIGURES & IMAGES
6 TABLES
7 FORMS
8 BANNER
9 NAVIGATION
10 CONTENT
11 MAIN
12 FOOTER
13 CONTENTINFO
14 GLOBAL OBJECTS
15 VENDOR-SPECIFIC
16 MODERNIZR
17 TEMPLATE SPECIFICS
18 MEDIA QUERIES

COLOURS

*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display : block; }

audio[controls], canvas, video {
display : inline-block;
*display : inline;
*zoom : 1; }


.black { color:black}
.white { color:white}

.bg_black { background-color:black}
.bg_white {  background-color:white}

/* 1. ROOT ============================================================================= */

html {
height:100%;
min-height:100%;
overflow-y : scroll;
}

body {
height:100%;
min-height:100%;
margin: 0;
padding: 0;
width: 100%;
margin-left:auto;
margin-right:auto;
color :#000;
font-family: 'Muli','Lato',"Trebuchet MS", "Lucida Grande", Verdana;
font-size: 100%;
background-color:#FFF
}

button,
input,
select,
textarea {
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
color : rgb(40,40,40); }


.clearboth{
clear:both}

.clearfloat, .clearFloat {
clear:left;
float:left}

/* 2. HEADINGS (typography defaults) ==================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Muli', 'Lato', "Lucida Grande", Arial, Verdana}

h1 {
color: #e97e27;
margin-bottom :1.1rem;
margin-top:1.1rem;
font-size : 1.3em;
font-weight:normal;
line-height : 1.6rem;
text-transform:uppercase;
letter-spacing:2px;
font-family: 'Muli', 'Lato', "Lucida Grande", Arial, Verdana}


.hometitle {
	/* width: 100%; */
	/* float: right; */
	/* text-align: right; */
	text-transform: none;
	color: #999999;
	font-family: 'Fugaz One', cursive, script;
	font-style: italic;
	font-size: 2.0rem;
	line-height: 1;
	text-align: center;
	font-weight: normal;
}
/* Remove extra spacing on second title line, within the content block */
.homebody .hometitle {
	margin-top: 0;
	margin-bottom: 1.5rem;
}

h2 {
margin-bottom : 0;
font-size : .9rem;
line-height : 1.2rem;
color:black;
font-weight: 700;
letter-spacing:1.5px;
font-family: 'Lato', 'Muli', "Lucida Grande", Arial, Verdana}


.homeNowtakingapps h2 {font-size : .85rem; }


.classHeadline {margin-bottom : 0;
font-size : 1.05rem;
line-height : 1.2rem;
color:black;
font-weight: 700;
letter-spacing:1.5px;
font-family: 'Lato', 'Muli', "Lucida Grande", Arial, Verdana}

h3 {
color:white;
font-family: 'Fugaz One', cursive, script;
font-style:italic;
font-weight: lighter;
margin-bottom : .7rem;
margin-top: 20px;
font-size : 2.0rem; /* 24 / 16 = 1.5 */
line-height : 2.0rem;
text-align:left;
}



h4 {
color:black;
font-family: 'Fugaz One', cursive, script;
font-style:italic;
font-weight: lighter;
margin-bottom : .7rem;
margin-top: 20px;
font-size : 2.0rem; /* 24 / 16 = 1.5 */
line-height : 1.3rem;
text-align:left;
}


.trip_box h4 {
width:auto;
padding:0;
margin:-14px 0 0;
float:left}

.center { text-align:center}
.tripTitle { font-size:1.3rem; color: #000; font-weight:normal}

h5 {
font-family : 'Muli',"Lucida Grande", Tahoma, Arial;
margin-bottom : 1.5em;
margin-top: 0;
font-size : 1.5em;
color:#000 }

h6 {
font-size : 1.3rem; text-align:left; color:#1f475a; text-transform:capitalize;-webkit-margin-before: .2rem;
  -webkit-margin-after: .2rem;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}

.nivo-caption h2 {
margin-top:0}

/* 3. TYPOGRAPHY (typography defaults) ============================================================================= */

p,
ol,
ul,
dl,
address {
margin-bottom : .5em;
font-size : .9em; /* 16 / 16 = 1 */ }

p {
hyphens : auto;
text-align : left;
padding:0;
margin:0;
line-height:normal;
margin-bottom:12px}


.alumni_listing p strong { font-family:'Lato'; font-weight:700}
p.bio .title { font-size:1.2rem; font-family:'Lato'; font-weight:700}





li {
line-height: 1.2rem;
font-size:1.0em}

ul,
ol {
margin : 0 0 1.5rem 2.0rem;
padding : 0; }

li ul,
li ol {
margin : 0;
font-size : .75em; /* 12 / 16 = .75 */ }

li ol {
}

dl,
dd {
margin-bottom : 1.5em; }

dt {
font-weight : normal; }

blockquote  {
margin : 0 0 1.5em -24px;
padding-left : 24px;
border-left : 1px solid rgb(200,200,200);
font-style : italic; }

blockquote:before,
blockquote:after,
q:before,
q:after {
content : '';
content : none; }

abbr[title] {
border-bottom : 1px dotted;
cursor : help; }

b, strong {
font-weight : bold; }

dfn {
font-style : italic; }

hr {
display : block;
margin : 1em 0;
padding : 0;
height : 1px;
border : 0;
border-top : 1px solid rgb(204,204,204); }

ins {
background-color : rgb(240,240,240);
color : rgb(0,0,0);
text-decoration : none; }

mark {
background-color : rgb(240,240,240);
color: rgb(0,0,0);
font-style : italic;
font-weight : bold; }

pre,
code,
kbd,
samp {
font-family : monospace, monospace;
_font-family : 'courier new', monospace;
font-size : .875em;
line-height : 1.5; }

pre {
white-space : pre;
white-space : pre-wrap;
word-wrap : break-word; }

q {
quotes : none; }

q:before,
q:after {
content : "";
content : none; }

small {
font-size : 1em; /* 16 / 16 = 1 */ }

sub, sup {
font-size : 75%;
line-height : 0;
position : relative;
vertical-align : baseline; }

sup {
top : -.5em; }

sub {bottom : -.25em; }


.hidethis { display:none}

em { font-style:'400italic',italic}

.headline   {display:block; position:absolute; bottom:0; z-index:99999; font-size:.9rem; line-height:normal; width:98%; height:49px; font-family:'Lato',verdana; padding:3px; background: url("/images/trans66.png");}


/* 4.LINKS ============================================================================= */

a:link, a:visited {
z-index:500;
position:relative;
color : #F68D00;
text-decoration:none;
border-bottom: dotted 1px #A4350E}



a:focus {
outline : thin dotted; http://mobile.usablenet.com/mt/book.bestwestern.com/bestwestern/priceAvail.do?propertyCode=45028
color : rgb(0,0,0); }

a:hover,
a:active {
outline : 0;
color:#C45F03;
text-decoration:none;
border-bottom: solid 1px black;
color:black;}

a img { text-decoration:none; border-bottom:none}

a:link img a:link, a:visited img a{
text-decoration:none; border-bottom:none}

a < img { border: none; text-decoration:none}

a:link.noborder,  a:visited.noborder{
border:0}

#footer a:link, #footer a:visited {
text-decoration:none;
border:none;
color:#FFFFFF;
}

#upcoming a:link, #upcoming a:hover,#upcoming a:visited {color:black}

.list1 {background-image:url(/images/bullet.png);
background-repeat:no-repeat;
background-position: -1px 0px;}



/* 5.FIGURES & IMAGES ============================================================================= */



figure {
margin:0;
padding:0 }

figure,
figure object,
figure embed {
max-width : 100%;
}

figcaption {
display : block;
font-weight : normal; }

figure img {
padding:0;
max-width:100%;
width: 100%}

img {
border : 0;
margin:0; }

svg:not(:root) {
overflow : hidden; }

figure.featured_pic img {
border: 1px solid black;
}

.shadow  {
	-moz-box-shadow: 3px 3px 4px #374046;
	-webkit-box-shadow: 3px 3px 4px #374046;
	box-shadow: 3px 3px 4px #374046;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#374046')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#374046');
}

/* COLORS ============================================================================= */


.color1 { color:#999999}


.accentcolor {
color:#000;
}

.accentcolorBG {
background-color:#e97e27;
}



.content ul li{
list-style:none;
font-size:0.9em;
line-height:1.0em;
display:block;
}



/* 6.TABLES ============================================================================= */

table {
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 0;
font-size : .8em;
line-height:1.3rem }

th, td, caption {  }

tfoot {
font-style : italic; }

caption {
background-color : transparent; }

.caption_1 { font-size:.8rem}

.half { width:100%; clear:both; margin-bottom:20px}

/*6 TABLES		============================================================================= */

.schedule_label {
margin-bottom:-19px;
margin-top: 12px;
}


.app_class_table {
	font-size:0.8em;
	color: #999999;
	border: 1px solid #404033;
	margin: 15px auto;
	text-align: left;
	width:100%;
}

.app_class_table td {
padding-left:6px;
white-space:normal;
line-height:1.3em;
}


.app_class_table .header_row td {
	color: #FFF;
	font-weight: normal;
	text-align: center;
	line-height:1.8em;

}

.class_table {
	font-size:0.8rem;
	color: #999;
	border: 0;
	margin: 15px auto;
	text-align: right;
	width:100%;
	font-family:'Lato';
	font-weight:300
}
.class_table td {
padding-left:2px;
padding-right:2px;
white-space: normal;
line-height:1.3rem;
text-align:left
}



.class_table .header_row td, .class_table .header_row th {
	color: #FFF;
	font-weight: normal;
	text-align: center;
	line-height:1.8rem;

}




.optional { display:none}




#gid-schedule h4{
	font-size:14px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	text-align: right;
	margin: 0px;
	padding: 0px;
	clear: both;
	font-style: italic;
}
#gid-schedule h5{
	font-size:12px;
	text-decoration: none;
	font-style: italic;
	font-weight: normal;
	color: #666;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
}










/* 7.FORMS ============================================================================= */
.screen-reader {display:none}


form {
margin :27px 0; }

fieldset {
margin-bottom : 1.5em;
padding : 0;

   display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 1px solid #CCCCCC;
}

legend {
*margin-left : -7px;
padding : 2px 9px ;
border-width : 0; font-weight:bold}

label {
font-weight : normal;
cursor : pointer; }

button,
input,
select,
textarea {
font-size : 100%;
margin : 0;
vertical-align : baseline;
*vertical-align : middle; }

button, input {
line-height : normal;
*overflow : visible; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor : pointer; }

input[type="checkbox"],
input[type="radio"] {
box-sizing : border-box; }

input[type="search"] {
box-sizing : content-box; }

button::-moz-focus-inner,
input::-moz-focus-inner {
padding : 0;
border : 0;  }

textarea {
overflow : auto;
vertical-align : top; }

/* Colors for form validity */
input:valid,
textarea:valid   {
/* Styles */ }

input:invalid,
textarea:invalid {
-webkit-box-shadow : 0 0 2px rgb(255,0,0);
-moz-box-shadow : 0 0 2px rgb(255,0,0);
box-shadow : 0 0 2px rgb(255,0,0); }

.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
background-color : rgb(240,221,221); }



.formContainer {
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#form {
border-color:#336699;
}


button.default {
	font-weight: bold;
}
.clear {
	clear: left;
}

.ylayout-panel { border: 0px none !important; }


.formContainer div .formLayout .field {
   font: 10pt Arial;
   margin: 3px 0px;
   color: #336699;
   margin-bottom: 15px;
   width: 90%;
}

.control {
 display: block;
   width: 70%;
   border: 1px solid #003366;
   font-weight: bold;
   color: black;
   padding: 2px;
   margin-top: 2px;
   }



.typeahead {
	padding-right: 25px;
	color:#666666;
	background-color: white;
	background-image: url(../images/btn_lookup.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.formLayout button.default {
   font-weight: bold;
}
.formLayout .actions {
   padding: 10px;
}
.typeSelector {
	display: block;
	padding-top: 2px;
	width:auto;
	float: left;
}

.trans{
background-color: transparent;
border: 1px solid #DEEBF7;
}
.typeSelector select {
	padding: 0px;
	color: #003366;
	font-family: tahoma;
	font-size: 9pt;
}






.FieldName {
	width: 110px;
	padding-right: 5px;
	float: left;
	font-weight: bold;

}
.FieldValue {
	float: left;
	width: 170px;
}

 #centerRow .formContainer p.formLabel {
	color: #9F7B37;
	padding-top: 2px;
	line-height: 14px;
	padding-bottom: 0px;
	margin-bottom:1px!important;
	padding-left: 5px;
	text-align: left;
	width: 100%;
	padding-right: 6px;
	vertical-align: bottom;
	margin: 0px;
	clear: left;
	font-size: 1.2rem;
}

.formLabel2 {
	font-size: 90%;
	color: #003366;
	padding-top: 16px;
	padding-bottom: 0px;
	padding-left: 3px;
	text-align: left;
	width: auto;
	padding-right: 6px;
	margin: 0px;
}
.formLabel3 {
	font-size: 1.1rem;
	padding-top: 6px;
	padding-bottom: 0px;
	padding-left: 1px;
	text-align: left;
	width: auto;
	padding-right: 6px;
	vertical-align: middle;
	margin: 0px;
	font-weight: bold;
}

.formpage {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


.datePicker {
	padding-left: 3px;
	bottom: 0px;
	padding-bottom: 3px;
	position: relative;
	vertical-align: middle;
	margin-bottom: 5px;
	text-align: center;
	width: auto;
	color: #336799;
		text-decoration: none;
}
.datePicker a {
	padding-left: 3px;
	bottom: 0px;
	padding-bottom: 3px;
	position: relative;
	vertical-align: middle;
	margin-bottom: 5px;
	text-align: center;
	width: auto;
	text-decoration: none;
color: #336799;
}

.dateLink  {
	bottom: 0px;
	padding-bottom: 3px;
	position: relative;
	vertical-align: middle;
	text-align: left;
	width: auto;
	text-decoration: none;
color: #336799;
}



.formField {
	text-align: left;
	padding-left: 0px;
	padding-right: 4px;
	float: left;
	vertical-align: bottom;
	height: 4.5rem;
}


.formField.half { width:98%; margin-bottom:0}

.formField.third { width:98%; margin-bottom:0}

.formField.full { width:98%; margin-bottom:0}





.formField13 {
	text-align: left;
	width: 10.2rem;
		height: 4.5rem;
	padding-left: 0px;
	float: left;
	vertical-align: bottom;
		padding-right: 4px;

}
.formField23 {
	text-align: left;
	width: 13rem;
		height: 4.5rem;

	padding-right: 4px;
	float: left;
	vertical-align: bottom;
}


.formFieldLong {
	text-align: left;
	padding-left: 0px;
	padding-right: 4px;
	float: left;
	vertical-align: bottom;
	height: 4.5rem;
	vertical-align: bottom;
	width:100%;
}


div.datelength {
width:12rem;
}

.formField2X {
	text-align: left;
	width: auto;

	padding-left: 0px;
	float: left;
	vertical-align: bottom;
	height: 4.5rem;
}
.formField15X {
	text-align: left;
	width: 30rem;
	padding-left: 0px;
	float: left;
	vertical-align: bottom;
	height: 4.5rem;
}
.textbox2X {
	width: 35rem;
	height:1.5rem;
	text-indent:5px;
}
.single {
	height: 4.5rem;
}
.double
{
height: 9rem;
}


.formFieldXL {
	text-align: left;
	width: 100%;
		height: 4.5rem;

	padding-left: 0px;
	float: left;
	vertical-align: bottom;
}


.dropMenu {
	height: auto;
	width: 16rem;
	vertical-align: top;
}

.border2{
	border: 1px solid #9F7B37;
	background-color: #F7F7F7
}


.borderBott {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #9F7B37;
	border-left-color: #9F7B37;
}

.labelUnder {
	margin: 0px;
	padding-top: 1px;
	padding-left: 6px;
	padding-bottom: 2px;
}

.border4{
border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #9F7B37;
	border-right-color: #9F7B37;
	border-bottom-color: #9F7B37;
	border-left-color: #9F7B37;


}
 .textbox {
	width: 18rem;
	height: 2rem;
	padding-left: 5px;
	padding-top: 0px;
	margin-top: 0px;
}

 div.formField input{
 font-size:1.2rem;
 width:100%
}

 div.formField  input[type="radio"] {
  box-sizing: border-box;
  width: 15px;
  margin-top: 2px}


.textboxDate {
	width: 15rem;
		height: 1.5rem;

}

.textboxDate2 {
	width: 17rem;
		height: 1.5rem;

}
.date {
	background-image: url(../images/calendar.gif);
	background-repeat: no-repeat;
	background-position: 98% center;
}
.textbox13 {
	width: 10rem;
	height: 2rem;
	padding-left: 5px;
}
.textbox23 {
	width: 12rem;
	height: 2rem;
	border: 1px solid #9F7B37;
}

.textboxLong {
	width:100%;
	height: 2rem;
	padding-left: 5px;

}
.long{
	width: 35rem;
}

.padRight {

	padding-right: 0px;
}
.padRight2 {

	padding-right: 8px;
}
.searchBox {
	width: auto;
	vertical-align: text-bottom;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	float: left;
}

.formbuttonBar {
	text-align: left;
	padding-top: 6px;
	padding-right: 6px;
	padding-left: 4px;
	height: 24px;
	margin: 0px;
	padding-bottom: 6px;

}


#formBorder {
	height: 100%;
	width: 100%;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.formComment2X {
	height: 5rem;
	width: 35.8rem;
}

.formComment3X {
	height: 5rem;
	width: 100%;
}
.form {
	vertical-align: top;
	width: 99%;
}
.formPad {
	padding: 4px;
}
.fieldFull {
	width: 100%;
	display: block;
}

.formQuestion {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
}
.formInactive {
	background-color: #00FFFF;
}

.formSpacer {
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 10px;
	float: left;
}

.formSection {
	width: 100%;
	max-width: 1200px;

	clear: left;
	margin: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-left: 8px;
	padding-bottom: 6px;
}

.selectedSection {
	background-color: #FFFFCC;
		height:100%;

}


.formInput {
	font-size: 1.6rem;
}
.formDesc50 {
	width: 100%;
}

.formSectionHeading {
	font-weight: bold;
	margin-top: 24px;
	margin-bottom: 5px;
	height: auto;
	width: auto;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	float: left;
	clear: left;
}


.instructions {
	color: #336699;
	font: 11pt Arial;
	width: 95%;
   margin-bottom: 5px;
}
.instructions a {
	color: #336699;
}

.dataset {
	white-space: nowrap;
	width: 300px;
	height: 14px;
	float: left;
}

label {
	float: left;
	width: 100%;
	padding-right: 5px;
	background-color: inherit;
	font-size:.9rem;
	color:#999999; line-height:normal
}

.dropMenu {
	width: 17rem;
	float: left;
	height: 1.6rem;
}

.dropMenu2X {
width: 35rem;
	float: left;
}
.dropMenu2X {
width: 35rem;
	float: left;
}



.commentsXL {
	width: 100%;
}

.comments2X {
	width: 36rem;
}
.formFieldShort {
	width: 120px;
	float: left;
}
.sectionSpacer {
	float: left;
	height: 12px;
	width: 100%;
}

.legend {
	font-size: 1rem;
	color: #003366;
	font-weight: bold;
}
.legend2 {
	font-size: 1rem;
	font-weight: bold;
}
.drop {
	border: 1px solid #9F7B37;
	height: inherit;
	width: auto;
}

.checkbox1{
	margin-top: 1.5rem;
	vertical-align: middle;
	width: auto;
}











/* 8 BANNER 		============================================================================= */

#banner {
padding: 3px;}

.submenu { display:none}
#bannerLeft { display:none}



 #menu {
		display:none;
	}

#info_header { background-repeat:no-repeat; background-size:100% }

#info_header img {width:100%}

.logoContainer { width:90%; margin:0 auto}
.logo { width:95%;margin:0 auto; text-align:center}
.logo img {
width:100%; max-width:304px; margin:0 auto; margin-top:0px}


.subtitle { white-space:nowrap; font-family: 'IM Fell Double Pica', serif; color:#a7d6ec; font-size:1.6rem; width: 95%; margin:0 auto; text-align:center}

.subtitle img {
width:100%; max-width:252px; margin:0 auto}

/* 9 NAVIGATION 	============================================================================= */


@charset "UTF-8";
/* CSS Document */

/************************************************************************************
GENERAL
*************************************************************************************/


/************************************************************************************
STRUCTURE
*************************************************************************************/

#topContainer {background-position: center top;
    background-size: 100% auto; background-repeat:no-repeat; position:relative; width:100%; top:0px; display:block; z-index:0 }

#topContainer img { width:100%}

#container_outer { position:relative; background-size: 100% ; background-attachment:fixed; background-repeat:no-repeat;background-position: 0 150px; top:60px}


.container_inner { width:100%; margin:0 auto}






div.tabs_container { background-image:none; background-color:#FFFFFF}

.bottom { background-color:#FFFFFF}






 p.paraHeading {
font-weight: bold;
margin: 0px;
line-height: normal;
padding-top: 18px;
margin-bottom: 9px;
color: #1D3D65;
}


/************************************************************************************
NAV
*************************************************************************************/






/************************************************************************************
MOBILE
*************************************************************************************/

	/* nav-wrap */
	#nav-wrap {
		position: relative;
	}

	#menubarContainer { position:relative; display:block; z-index:999}

	#menubarInner { background-color:#b3b3b3; position:relative; top:0px; width:100%; rigth:0}

	#contentsliderContainer {display:block; position:relative; z-index:8}


	#topsliderContainer { background-color:#fff;  display:block; position:relative; z-index:8}
	#topsliderInner {}

	#subnavContainer { display:block; position:relative; z-index:7; background-color:#e97e27; padding-left:16px; clear: both;}

		#subnavInner { min-height:54px}


.contentContainer { background-color:#FFFFFF; display:block; position:relative; z-index:6}


.contentContainer .black { background-color:black}
.contentContainer .white { background-color:white}
.contentContainer .orange { background-color:#e97e27}




#contentInner, .contentInner { color:#000000; padding:20px; line-height:1.5rem}


#contentInner .overview p, .contentInner .overview p { line-height:1.4rem; font-size:.9rem; text-align:justify}

#contentInner .term, .contentInner .term { font-size:.8rem; line-height:1.1rem; font-weight:bold; margin-bottom:8px}


		#callus {
float:right;
    margin: 0;
    position: relative;
    width: auto;
	top:7px;

}
		#callus a{
padding: 12px 2px 12px 0px;
font-size:1.0em;
font-weight:bold;
color:#3399CC
}


#inner {
 display: block;
    float: none;
    margin: 0 auto 1em;
    width: 95.8333%;
max-width:1000px;
position:relative;
z-index:999999}




	/* main nav */
	#nav {
		background: none repeat scroll 0 0 #3A98D0;
    clear: both;
    display: none;
    font-size: 1.2em;
    padding: 5px;
    position: relative;
    top: 38px;
    width: 91%;
    z-index: 10000;
	}



	/* dropdown */
	#nav ul {
		width: auto;
		position: relative;
		display: block;
		border: none;
		background: inherit;
		overflow:hidden;
			background-color:#FFF1AD;

	}
	#nav ul li {
		margin: 3px 0 3px 15px;
		clear:both;
		float:left;
	}









div #nav {
height: auto;
color:#FFFFFF;
}


nav ul li:nth-of-type(2n) {
}

#contactmenu {
width:auto;
float:right;
font-size:.8em;
color:#FFFFFF;
z-index:12;
position:relative;
}

#contactmenu  #phone {
width:auto;
float:right;
margin:0 1em 0 1em;
color:#EBC200}

#contactmenu  #email {
width:auto;
float:right;
margin:0 1em 0 1em;
color:#EBC200;
}

#contactmenu  #contact {
width:auto;
float:right;
margin:0 1em 0 1em
}


/* 10 CONTENT 		============================================================================= */


.blurbtext { color:white}
.landing_quote { display:block; text-align:center; font-size:1.0rem; padding:0; color:#FFFFFF; margin-top:26px; position:relative; z-index:999999999 }

.landing_form { margin-top:40px}

li.landing:before {content:"\276F"; display:inline-block; float:left}

.tagline { color:white; text-transform:uppercase; font-size:.6rem; letter-spacing:2px; text-align:center; display:block}
.subTagline { height:1.0rem; background-image:url(/images/line-white.png); background-position:center 2px; background-repeat:repeat-x; width:auto; margin:0 auto; height:auto}

.subTagline span { background-color:black; padding:10px; color:white; text-transform:uppercase; font-size:.8rem; letter-spacing:3px; text-align:center; white-space:normal}

.taglineContainer .pageWidth { margin-top:0; }


.homeClassContainer { background-color:#e97e27; }
.homeClassSect { display:block}


.subTitleHome, #contentInner .subTitleHome{ text-transform:uppercase; color:white; text-align:left; letter-spacing:3px; font-size:.7rem; margin-bottom:18px}



a.homeicon { border:0; text-decoration:none; }

 .homeIcons { margin-bottom:40px auto; width:auto; display:block}

figure.iconHome:nth-child(even) { float:right; margin-right:0}
figure.iconHome:nth-child(odd) { clear:left}
figure.iconHome {display: block; float:left; margin-bottom:15px }

.square {
    background: #000;
    width: 45vw;
    height: 45vw;
	min-width:75px;
	min-height:75px;
	max-height:135px;
	max-width: 135px
}

.homeApps {width:100%; margin:40px auto}


a.homeicon:hover span  { }



.iconHome { display:block; overflow:hidden}



.btn_smallainer { width:100%; display:table; margin-bottom:18px}

.iconHome { display:block; margin:0 auto}
.iconText { width:100%; color:white; font-size:.8rem; padding:12px; text-align:justify}

.homeNowtakingapps {margin:0 auto; display: table; position:relative; margin:18px auto 25px auto; border: none; padding:0; background-color: #fff; color: #000}

.homeNowtakingapps h2 { letter-spacing: .5px}
.homeNowtakingapps a:link, .homeNowtakingapps a:visited { border-bottom: 1px dotted #e97e27; color: black}

.homeNowtakingapps a:hover { border-bottom: solid #e97e27}


.activeclass { font-size:1.0rem; color:white; letter-spacing:2px; display: table-row; position:relative;   position: relative; padding: 9px 0; white-space:nowrap}



h2.active { float:none}

.boxHeader {position:relative; display: table-row; padding:6px; color:white; font-size:1.2rem; text-align:center;  margin:0 auto; text-transform:capitalize; font-family:'Fugaz One', cursive, script; float:none; }

.btn_small { width:62px; display:block; clear:both; text-transform:uppercase; padding:4px; border:1px solid white; text-decoration:none; font-size:.7rem; margin:10px auto}

a.btn_small:link, a.btn_small:visited { border-bottom:1px solid white; color:white}
a.btn_small:hover { border-bottom:1px solid white; color:#e97e27; background-color:white; text-decoration:none}

.homeNowtakingapps .btn_small {padding:0 2px; margin:2px auto}

.twocol p { margin-bottom:2px}
.twocol li { margin-bottom:12px}


.titlepanelContainer {
max-width:1200px;
margin:0 auto;
position: relative;
display:block;
z-index:2;
width:100%;
}

.showMobile { display:block}
.showNotMobile { display:none}

.titlepanel {
background-color: transparent;
text-shadow:none;
padding:0;
margin:0; z-index:9999}


.titlepanel h1 {color: black;
}

h1.small_title { padding-left:25px; color:#FFFFFF; font-size:1.0rem;  max-width: 1000px;
margin: 0 auto; position:absolute; bottom:0;text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); background-color: white;
}

.titlepanel_small { max-width:1000px; margin:0 auto}


.dataLabel { color: black; font-weight:bold;}

.bioText { display:block; margin-left:0}

.article_date{
height:12px;
	padding:0 8px 1px 0;
	font-weight:normal;
	font-size:.7rem;margin: 0 0 5px 0;
	white-space:nowrap
}


.news_lead_headline {
font-size:1.0rem;
font-weight:bold;
margin-bottom:4px;
padding-bottom:0px;
}

.news_lead_headline a { text-decoration:none; border:none}






.newsArticleSummary {
padding-bottom: 0px;
  margin: 27PX 0 0px 0;
  text-align: left;
  height: auto;
  border-top: 1px solid #FFE6C1;
  padding-top: 34PX;
}

.newsArticleSummary .photo { display:block}

.newsArticleSummary  .text { display:block; margin-left:0}



.homenewsbox { padding:0; border:none; margin:25px 0}

.homenewscell { padding:12px; display:block; width:95%; border:0;}

.homenewscell figure { max-width:350px}

.homenewscaption { color:#999; font-size:.8rem; line-height:.9rem }

.homenewstitle { color:#e97e27; letter-spacing:5px; text-transform:uppercase; margin:0}

.homenewsphoto { width:100%; margin:0 auto}

.homenewsphoto img {border:2px solid #CCCCCC;}

#homeshow {
width:100%}

.featuredTop {
display:none}



/* Trip slider */
div#slider_container_trips  {
width:100%;
height:auto;
background-color: transparent;
}

div#slider_container_trips #headerPic {
    float: right;
    position: relative;
    width: 50%;
	margin:0 0 12px 16px;
}

div#slider_container_trips #headerPic .fadein  img {
    width: 100%;
}


div#slider_container_trips div.tripheader  {
font-size:1.0em;
width:100%;
padding:0;
float:left
}

div#slider_container_trips div.tripheader.full  {
width:100%;
}



div#slider_container_trips div.holder  {
padding:1.0em}





#content div.slideshowBtn a {
color: #F68D00;
text-decoration:none;
display:inline-block;
}

ul#Galleryx {
margin:0;
padding:0;
padding-left:4px}

.thumbGallery .thumbGalleryTitle {
	float: left;
	width: 100%;
	text-align: center;
	padding-bottom: 22px;
	font-size: 16px;
}




.thumbnail img {
	padding: 1px;
	border: 1px solid #BB8D2D;
	width:100%;
	height:100%

}


.thumbnail {
	float: left;
    margin-bottom: 15px;
    margin-right: 12px;
    width: 30%;
	list-style:none;
}

.thumbnail.video {
	height:90px;
	width:120px;
}


.thumbnail a {
display:block;
height:100%;
	width:100%;
	border:0;
	}

.thumbnail.video a {
display:block;
height:100%;
	width:100%;
	border:0;
	}

.thumbnail a:hover {
-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	}


.booknow, a.booknow {
text-align:center;
display: inline-block;
z-index:1;
position:relative;
  background: #ffde3b;
  background-image: -webkit-linear-gradient(top, #ffde3b, #f5b905);
  background-image: -moz-linear-gradient(top, #ffde3b, #f5b905);
  background-image: -ms-linear-gradient(top, #ffde3b, #f5b905);
  background-image: -o-linear-gradient(top, #ffde3b, #f5b905);
  background-image: linear-gradient(to bottom, #ffde3b, #f5b905);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
  margin-top:5px;
  text-decoration:none;
  border-bottom:none
}

.booknow:hover {
  background: #ffaa00;
  text-decoration: none;
}




.btn_details,  a.btn_details {
display: inline-block;
z-index:1;
position:relative;
  background: #ffde3b;
  background-image: -webkit-linear-gradient(top, #ffde3b, #f5b905);
  background-image: -moz-linear-gradient(top, #ffde3b, #f5b905);
  background-image: -ms-linear-gradient(top, #ffde3b, #f5b905);
  background-image: -o-linear-gradient(top, #ffde3b, #f5b905);
  background-image: linear-gradient(to bottom, #ffde3b, #f5b905);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #000;
  font-size: 16px;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
  margin-top:5px ;
  width:auto
}

.btn_details:hover {
  background: #ffaa00;
  text-decoration: none;
}

.book_btn {
width:100%;
clear:left;
text-align:center;
padding:6px 0}

.book_btn img{
width:100%;
max-width:113px;
}



div#contentTop.home {
padding:0 0 4px;
}

div#body {
font-size:1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
width:100%
}

div.overview, div.intro {
margin:2px 0 25px 0}

.overview_widget { width:90%; margin:0 auto}

.overview_title { background-color:#f5f5f5}

.overview_content  { padding:12px}

.overview_content figure { float:right; margin:0 0 0 18px; width:100%}


.feature_widget { width:90%; margin:15px auto}

.feature_title { background-color:#f5f5f5}

.feature_content  { padding:12px}

.feature_content figure { float:right; margin:0 0 0 18px; width:100%}

.copyright { font-size:.6rem; margin:15px 0}


div.slideshowBtn  {
margin-bottom:15px;
}


div#description {
margin:.5em
}

div#features {
margin:.5em
}

div.featuresTitle {
margin-top:.5em;
color:#A4350E;
}
div#features_double {
display: block;
}

figure.feature_photo { width:100%; max-width:300px;  margin:0 auto}

.feature_photo img { border:3px solid #CCCCCC}

.featureTitle { white-space:nowrap; font-family:'Muli', "Lucida Grande",sans-serif; text-transform:uppercase;  color:#FFFFFF;   font-size: 0.8rem; letter-spacing: 3px; line-height:1.3rem}

.featureSubtitle {white-space:nowrap; font-family:'Fugaz One', cursive, script;  color:#CCCCCC; font-size:1.2rem; text-align:center; clear:both;-7px 0 13px 0 }

.titleContainer { text-align:center; width:100%; position:relative; float:none; width: 180px}

 .featureText p, .featureText  { text-align:left; color:#a5a5a5; font-size:.825rem; text-align:justify}

.leadSentence { text-transform:uppercase; color:white; margin-right:.3rem}



.listcontainer {
position:relative;
margin-bottom:18px}

div#features_double .listcontainer {
width:95%;
max-width:286px;
margin-left:auto;
margin-right:auto;
}

.listcontainer .headline {
font-size:1.2em;
color:#000000}

.listcontainer .body {
color:#031137;
font-size:.8em;
margin: -1.0em 0 0 0;
padding:0;
display:block;
position:absolute;
bottom:0px;
width:100%;
height:auto;
}

.listcontainer  p{
background-color: #FFFFFF;
    bottom: 0px;
    color: #000000;
    display: block;
    opacity: 0.7;
    padding: 5px;
    position: absolute;
    width: 96.6%;
	z-index:999;
	margin-bottom:4px
}
.testimonial p {
margin-top:0}

table td.dataLabel {
display: table-cell;
width:auto;
margin-right:4px;
font-weight:bold;
white-space:nowrap;}

/* 11 MAIN 			============================================================================= */

div.photo { display:table; width:100%; margin-top:15px}

.column p { margin-bottom:25px}
#container {
	width: 95.8333%;
	margin: 0 auto 1em auto;
	display:block;
	text-align:center;
	float:none;
}


.pageWidth { width:100%; max-width:1100px; margin:0 auto; padding:0; }

.pageWidth.director{ background-color:#000000; background-image:url(/images/arrow_down_white.png);
background-position:81px -11px;
background-repeat:no-repeat;
padding:15px 0 }

.pageWidth.homeNews{background-image:url(/images/arrow_down_black.png);
background-position:right 82px top -11px;
background-repeat:no-repeat  }

.pageWidth.homeClass{background-image: url(/images/arrow_down_black.png);
  background-position: left 128px top -11px; background-repeat:no-repeat
 }

.pageWidth.homeBody{background-image: url(/images/arrow_down_orange.png);
  background-position: right 95px top -11px; background-repeat:no-repeat
 }





div#bannerContainerOuter {
background-color:#1f475a;
display:block;
width:100%;
margin-top:0;
display:block;
z-index:9;
top:0;
 background-image:url(/images/icons/icon_ca_select.png); background-position:1% 3%; background-repeat:no-repeat
}

#bannerContainerInner { background-image:url(/images/icons/icon_iglta.png); background-position:99% 14%; background-repeat:no-repeat}

#banner {
	padding: 0;
	display:block;
	background-color:#000;
	min-height:61px;
	width:100%;
}

#banner_tagline {
color:#40a4d9;
background-color:#1f475a;
text-align:center;
font-size:.8rem;
height:24px
}

#banner_tagline span {display: none}

#bannerEmail { float:left;font-size:.8rem; padding:3px}


#bannerEmail a { color:#FFF}


#bannerPhone { color:#FFF; float:right;font-size:.8rem; padding:3px}

#bannerMid {max-width:1200px; margin:0 auto}

.bannerMidContainer {background-image:url(/images/bg_banner_x.jpg); background-repeat:no-repeat; background-size:cover; }

	.close {
	float:right;
	font-size:32px;
		background: #606061;
		color: #FFFFFF;
		line-height: 40px;
		position: absolute;
		right: -24px;
		text-align: center;
		top: -24px;
		width: 40px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}

	.close:hover { background: #CC0000; color:white}








.details { padding:12px;
font-size:1.3rem}

.halfbox {
width:45%;
margin-right:15px;
float:left;
padding:4px 0 4px 4px
}

.halfbox:last-child {
margin-right:0;
}



.floatboxRight { width:100%; float:none}



.contentTop {
padding:.5rem;
}


.contentBott {
padding:.5rem;
font-family: 'PT Sans', 'Lato',"Trebuchet MS", "Lucida Grande", Tahoma;
font-size:1.2rem;
line-height:1.4rem;
}


.list1 {
	list-style-type: circle;
	margin-left: 1em;
	padding-left: .2em;
	margin-top: 0px;
	padding-top: 4px;
	list-style-position: outside;
	color:#5A4210;
}


.list1  li {
	padding-bottom:.1em;
	list-style-type: circle;
}

.homebody p { line-height:1.5rem; margin-bottom:30px}

.featureboxHome {
	margin-right: 13px;
	margin-left: 20px;
	height: auto;
	float:left;
}
.featureboxImage {
	background-repeat: no-repeat;
}

div.captionbox {
	font-size:.9em;
	z-index: 100;
	position: relative;
	height:30px;
	text-align: left;
	padding: 6px;
	background-color: #FFFFFF;
	opacity:.75;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	margin: 0 0 -30px 0;
	bottom: 46px;
}
.featuredBoxHome {
float:left;
margin-right:8px;
width:45%;
}

.featuredText .list2 li {
	font-size: .8em;
	margin: 0px;
}
.featureboxSubhead {
	padding: 0px;
	font-size: 13px;
	font-weight: normal;
	margin: 0px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 20px;
}

.featuredBoxHome .featuredTitle {
	text-align: center;
	padding-top: 8px;
	font-family: "Lucida Grande", Arial, Verdana;
	font-size: .85em;
	background-repeat: no-repeat;
	margin: 0px;
	padding-bottom: 0px;
	color: #000000;
	border-bottom:1px black solid;
}




.featuredBody .featuredText  ul li {
	padding-bottom:8px;
	padding-left: 15px;

		list-style-type:none;
		font-size: .8em;
		text-align:left;
}


.halfbox {
  width: 100%;
  float: none;
  padding: 0px;
  margin-top: 10px;
  margin-right: 14px;
  margin-bottom: 10px;
  margin-left: 14px;
}




.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.ta_cert figure { width: 150px; margin:0 auto; margin-bottom:20px}

div#content .ta_cert figure a { text-decoration:none; border-bottom:0}


/* 12 FOOTER ============================================================================= */

#testimonialContainer {
display:block;
position:relative;
z-index:1;
height: auto;
line-height:normal;
text-align: center;
font-size: 1.1em;
background-color:#000;
padding:16px;
background-image:url(/images/arrow_down_white.png);
background-position:center -11px;
background-repeat:no-repeat
}

#testimonialInner {
	margin: 0;
	display:block;
	font-family:'Muli', "Lucida Grande",sans-serif;
	font-weight:normal;
}

	#testimonialInner table { border:none; padding:0; margin:0}
	#testimonialInner table td.left, #testimonialInner table td.right { width:25px; text-align:center; color:#3b3b3b; font-size:3.0rem}
	#testimonialInner table td.center { padding:8px 34px}




#testimonialInner p {
text-align:center; font-weight:300; font-size:.7rem; color:#a5a5a5; padding:0 12px; display:block
}




#footerContainer {
display:block;
position:relative;
z-index:1;
height: auto;
line-height:normal;
text-align: center;
font-size: 1.1em;
background-color:#e97e27;
padding:16px;
background-image:url(/images/arrow_down_black.png);
background-position:74% -11px;
background-repeat:no-repeat
}

#footerInner {
	width: 95.8333%;
	margin: 0 auto 1em auto;
	padding: 1.5em 0;
	display:block;
	color:#FFFFFF;
	font-family:'Muli', "Lucida Grande",sans-serif;
	font-weight:normal;
}


#footerInner  #logo { width:100%; float:none; display:block; text-align:center; margin-bottom:15px; background-color:#FFF}


#footerInner  #logo P { text-transform:uppercase; text-align:center; color:white; padding:8px 0; font-size:.9rem; font-family:'Muli','Lato',"Trebuchet MS", "Lucida Grande", Verdana; font-weight:300; letter-spacing:2px}

#footerInner #contact_form {width:100%; max-width:400px; margin:40px auto; float:none; clear:both}

#footerInner #contact_form h3 { float:left; text-align:left; font-weight:lighter; margin:0}

#footerInner #contact_form p { text-transform:uppercase; font-weight:300; letter-spacing:3.4px; text-align:left; font-size:.8rem}

#contact_form form{ width:90%; float:right; margin:15px 0}

form input { background-color:white; color: #999999; padding:5px; margin:2px 0; font-size:0.8rem; letter-spacing:3px; width:89%; float:left }

form  input[name="submit"]  {max-width:200px; float:none; text-align:center}

form[action="https://www.paypal.com/cgi-bin/webscr"]  {max-width:200px; float:none; text-align:center; margin:0 auto}

form input.submit { border:white solid 2px; background-color:transparent; padding:2px 26px;text-align:center; color:white; text-transform:uppercase; width:auto }

form input.submit:hover { background:white; color:#e97e27}

#footerInner #social_icons {width:223px; margin:0 2%; height:60px; float:none; text-align:center; clear:both}

#footerInner #social_icons a.icon {width:54px; height:54px; margin:5px 10px; float:left; background-color:#FFFFFF; display:block; text-decoration:none; border-bottom:none; margin-bottom:20px}

#social_icons  a.icon:hover img { background-color: #000}

#subFooter  { display:block; width:100%; color:white; font-size:.7rem }

#subFooter a {color:white; text-decoration:none }

#subFooter div p {
 text-align: center;
 line-height:normal
}




	p.smaller {
	font-size:.8em;
	}



	#footer h3 { color:#999999}

#footer .logo { text-align:left; border-right:1px solid white}
#footer .signup { text-align:left;border-right:1px solid white}
#footer .share { text-align:center;}

.subfooter_home {padding: 12px; background-color:#000000;clear:both; text-align:center; color:#FFFFFF}


.facebook { display:block;text-align:center; margin:0 auto; margin-bottom:12px; font-size:.8rem}

.face_ta {float:right; display:block; text-align:center; line-height:1.1rem }

.fb_icon { display:block; width:auto}

.fb_text { white-space:nowrap}

	/*
Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/
*/

/*
This element holds injected scripts inside iframes that in
some cases may stretch layouts. So, we're just hiding it.
*/

#fb-root {
    display: none;
}

/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}




/* 13 CONTENTINFO 	============================================================================= */

/* 14 GLOBAL OBJECTS ============================================================================= */
.clearleft {clear:left}
.clearfix:before,
.clearfix:after {
content : "\0020";
display : block;
height : 0;
overflow : hidden; }

.clearfix:after {
clear : both; }

/* 15 VENDOR-SPECIFIC ============================================================================= */

html {
-webkit-overflow-scrolling : touch;
-webkit-tap-highlight-color : rgb(52,158,219);
-webkit-text-size-adjust : 100%;
-ms-text-size-adjust : 100%; }

.clearfix { clear:both}

::-webkit-selection {
background : rgb(23,119,175);
color : rgb(250,250,250);
text-shadow : none; }

::-moz-selection {
background : rgb(23,119,175);
color : rgb(250,250,250);
text-shadow : none; }

::selection {
background : rgb(23,119,175);
color : rgb(250,250,250);
text-shadow : none; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance : button; }

::-webkit-input-placeholder {
font-size : .875em;
line-height : 1.4; }

input:-moz-placeholder {
font-size : .875em;
line-height : 1.4; }

.ie7 img,
.iem7 img {
-ms-interpolation-mode : bicubic; }

input[type="checkbox"],
input[type="radio"] {
box-sizing : border-box; width:15px }

input[type="search"] {
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; }

button::-moz-focus-inner,
input::-moz-focus-inner {
padding : 0;
border : 0; }

p {
/* http://www.w3.org/TR/css3-text/#hyphenation */
-webkit-hyphens : auto;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;
-moz-hyphens : auto; }

/* Non-semantic helper classes

.ir { display : block;
overflow : hidden;
background-repeat : no-repeat;
text-align : left;
text-indent : -999em;
direction : ltr; }

.ir br {
display : none; }

.hidden {
display : none;
visibility: hidden; }

.visuallyhidden {
position : absolute;
margin : -1px;
padding : 0;
height  : 1px;
width : 1px;
overflow : hidden;
border : 0;
clip : rect(0 0 0 0); }

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
position: static;
margin : 0;
height : auto;
width : auto;
overflow: visible;
clip : auto; }

.invisible {
visibility : hidden; } */

/* 16 MODERNIZR ============================================================================= */

/* audio */
/* applicationcache */
/* backgroundsize */
/* borderimage */
/* borderradius */
/* boxshadow */
/* canvas */
/* canvastext */
/* cssanimations */
/* csscolumns */
/* cssgradients */
/* cssreflections*/
/* csstransforms */
/* csstransforms3d */
/* csstransitions */
/* draganddrop */
/* flexbox */
/* fontface */
/* geolocation */
/* hashchange */
/* history */
/* hsla */
/* indexeddb */
/* inlinesvg */
/* localstorage */
/* multiplebgs */
/* opacity */
/* postmessage */
/* rgba */
/* sessionstorage */
/* smil */
/* svg */
/* svgclippaths */
/* textshadow */
/* touch */
/* video */
/* webgl */
/* websqldatabase */
/* websockets */
/* webworkers */

/* 17 TEMPLATE SPECIFICS ============================================================================= */





.social {
  position: fixed;
  top: 40%;
  left: -35px
}
.social ul {
  padding: 0px;
  -webkit-transform: translate(-270px, 0);
  -moz-transform: translate(-270px, 0);
  -ms-transform: translate(-270px, 0);
  -o-transform: translate(-270px, 0);
  transform: translate(-270px, 0);
}
.social ul li {
  display: block;
  margin: 5px;
  background: rgba(0, 0, 0, 0.36);
  width: 300px;
  text-align: right;
  padding: 5px;
  -webkit-border-radius: 0 30px 30px 0;
  -moz-border-radius: 0 30px 30px 0;
  border-radius: 0 30px 30px 0;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.social ul li:hover {
  -webkit-transform: translate(110px, 0);
  -moz-transform: translate(110px, 0);
  -ms-transform: translate(110px, 0);
  -o-transform: translate(110px, 0);
  transform: translate(110px, 0);
  background: rgba(255, 255, 255, 0.4);
}
.social ul li:hover a {
  color: #000;
}
.social ul li:hover i {
  color: #fff;
  background: rgba(0, 0, 0, 0.36);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.social ul li i {
  margin-left: 10px;
  color: #fec50a;
  background: #fff;
  padding: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 20px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}



/* photo galleries ============================================================================= */

div.thumbnails_strip { margin:44px 0}

.thumbnails_strip ul { display:block; list-style:none; margin:0; padding:0}
.thumbnails_strip li { display:block; float:left; width: 32%; margin-right:4px;
}

.thumbnails_strip li:nth-of-type(3) {
margin-right:0;
}

.thumbnails_strip li:last-of-type {
margin-right:0;
}

.thumbnails_strip li:last-of-type:after { clear:both;}

.thumbnails_strip li img { width:100%;
}


/* SHOWMORE FLIPDOWN ============================================================================= */

.classinfo {
	font-family: 'Lato';
	float: none;
	color: black;
	font-weight: 700;
	margin: 11px 0 4px 0;
}




.floatright { float:right}
.floatleft { float:left}


a.readmore {
	position: relative;
	display:block;
letter-spacing: 3px;
border: #CCCCCC solid 2px;
  background-color: transparent;
  text-align: center;
  color: white;
  text-transform: uppercase;
  text-decoration:none;
width: 40px;
  height: 37px;
  padding: 7px 2PX 0px 4PX;
  LINE-HEIGHT: .9REM;
 font-family: 'Muli', "Lucida Grande",sans-serif;
	  font-size:.5rem;
	    margin-top: 14px;
}





a.readmore.reverse { color:#000000; border: #CCC solid 2px; background-color:#CCCCCC;    }

.readmore .content{
	position: relative;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	  font-family: 'Muli', "Lucida Grande",sans-serif;
	  font-size:.7rem

}

  a.readmore:hover   {border: transparent;
  background-color: white;
  color: black;
  }


  a.readmore.reverse:hover   {
  border-color: white;
  background-color: white;
  color: black;
  font-weight:700
  }






a.btn_ApplyNow,
a.btn_Details {
	position: relative;
	display: inline-block;
	letter-spacing: 2px;
	border: #e97e27 solid 2px;
	background-color: #e97e27;
	text-align: center;
	color: white;
	text-transform: uppercase;
	text-decoration: none;
	width: 100%;		/* desired width */
	padding: 5px;
	height: 16px;
	width: 150px;
}

a.btn_ApplyNow .content,
a.btn_Details .content {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 0;
	line-height: 1.1rem;
}

a.btn_ApplyNow:hover,
a.btn_Details:hover {
	border: white solid 2px;
	background-color: white;
	color: #e97e27;
}

.btn_Details {
	margin-right: 6px;
}

ul.showmore { display:block}

ul.showmore li p { clear:both; text-align:justify; font-size:.9rem}

ul.showmore li { display:block}

ul.showmore.faq li {
    position: relative;
    padding: 0;
    margin: 0;
    padding-bottom: 0;
}

ul.showmore.faq .classinfo { margin:0px 0 3px 18px; color: #FFCE87; margin-left:18px}

ul.showmore.faq li .description p { color:#FFFFFF}

ul.showmore li.button, div.button { width:145px; height:28px; float:none; margin:0 auto; clear:left; position: relative; margin-top:-28px
  }


.landingformfield {font-family: Arial; font-size:15px; border:1px solid #999999;margin-top:11px; padding:9px 0 9px 9px; width:100%}

form#freeform { margin:6px 0}

 div.button { margin-top:20px; margin-bottom:20px}

ul.showmore li.description, div.description {float:none; clear:both; display:block }

.showmore h2 { margin-top:0; width:auto;text-transform:uppercase;
}

.showmore.faq li.description { width:100%}

h2.faq { text-transform:none; font-size:.95rem}

.q { color:#b3b3b3}

 a.full_details {text-transform:lowercase; display:inline-block; font-size:.8rem; border-bottom:none; text-decoration:none}



.transition, p, ul.showmore li i:before, ul.showmore li i:after {
  transition: all 0.25s ease-in-out;
}

.flipIn, h1, ul.showmore li {
  animation: flipdown 0.5s ease both;
}

.no-select, h2 {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

ul.showmore {
  list-style: none;
  padding: 0;
  margin: 0;
  display:block ;
   width:100%
   }

ul.showmore li {
  position: relative;
  padding: 0;
  margin: 0 0 30px 0;
  padding-bottom: 4px;
}
ul.showmore li:nth-of-type(1) {
  animation-delay: 0.5s;
}
ul.showmore li:nth-of-type(2) {
  animation-delay: 0.75s;
}
ul.showmore li:nth-of-type(3) {
  animation-delay: 1s;
}
ul.showmore li:last-of-type {
  padding-bottom: 0;
}
ul.showmore li i {
  position: absolute;
  margin-top: 16px;
  right: 0;
transform: translate(-6px, 0) rotate(-100deg);

}
ul.showmore li i:before, ul.showmore li i:after {
  content: "";
  position: absolute;
  background-color: #ff6873;
  width: 4px;
  height: 9px;

}

ul.showmore li .arrow {
display:block;
width:10px;
height:10px;
color:#000000;
font-size:1.2rem;
float: left;
font-family:'Lato',"Lucida Grande", Arial, Verdana}




ul.showmore li i:before {
  transform: translate(-2px, 0) rotate(-150.5deg);
}
ul.showmore li i:after {
content:&#10095;
  transform: translate(-22px, 3px) rotate(150deg);
}
ul.showmore li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
ul.showmore li input[type=checkbox]:checked ~ p {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
}
ul.showmore li input[type=checkbox]:checked ~ span.arrow{
  transform: rotate(0deg);
}

ul.showmore li input[type=checkbox]:not(:checked) ~ span.arrow{
  transform: translate(4px, 6px) rotate(90deg);
}

@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
  }
  5% {
    opacity: 1;
  }
  80% {
    transform: rotateX(8deg);
  }
  83% {
    transform: rotateX(6deg);
  }
  92% {
    transform: rotateX(-3deg);
  }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg);
  }
