/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/

/*====================*/
/*=== Reset Styles ===*/
/*====================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
body {
	line-height:1;
	color:black;
	background:white;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/*===================*/
/*=== Main Styles ===*/
/*===================*/
body {
	font:14px/1.6 'Yanone Kaffeesatz', arial, helvetica;
	color:#333;
	background:#000;
}

a, a:visited {
	color:blue;
	text-decoration:none;
}
a:hover, a:active {
	color:#000;
	text-decoration:none;
}




.clear {clear:both;}

#top-donation-box {float:right;padding:5% 0 0 0 ;}

@media only screen and (max-width: 640px) { 
	h1 {margin:20px 0;font-size:18px;font-family:helvetica;padding-left:40px;font-weight:bold;}
}

section#site-header {
	background: #fff;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.4);
	box-shadow: 0 1px 5px 0 rgba(0,0,0,.4);
	margin-bottom:5px;
}

.topBar  {
	margin:0 auto;
	max-width:1200px;
}

.topBar:before, .topBar:after {
	display: table;
	content: "";
	line-height: 0;
}

.page-wrapper {
	margin: 0 auto;
	max-width: 1100px;
	padding: 0 20px;
}

.topBar .titleContainer {
	height: 100%;
}

.topBar .titleContainer .title {
	float: left;
	line-height: 64px;
}

.topBar .titleContainer .title a { 
	text-decoration:none;
	color:#494949;
	font-size:2em;
}

.topBar .menuContainer {
	background:#223017;
	margin:0 15% 0 17%;
	position:relative;
}

.topBar .menuContainer:before {
	content:"";
	position:absolute;
	background: black;
	top:0;
	left:-20px;
	bottom: 0;
	width: 50px;
	-webkit-transform: skew(-16deg);
	-moz-transform: skew(-16deg);
	-ms-transform: skew(-16deg);
	transform: skew(-16deg);
}

.topBar .menuContainer .menu {
	height: 100%;
	text-align: justify;
}

.listHorizontal>li, .horizontal {
	vertical-align: top;
	display: inline-block;
}

.topBar .menuContainer li {
	display: inline-block;
	font-size: 1.5em;
	font-weight: 400;
	text-align: center;
	-webkit-transform: skew(-16deg);
	-ms-transform: skew(-16deg);
	transform: skew(-16deg);
}

.topBar .menuContainer li:hover {
	background-color: #39f;
	-webkit-transform: skew(-16deg);
	-ms-transform: skew(-16deg);
	transform: skew(-16deg);
}

.submenus {list-style-type:none;margin:0;padding:0;position:absolute;z-index:999999999;background:#000;}
.topBar .menuContainer .submenus li {display:block;/*font-size:1em;*/text-align:left;width:190px;}
.topBar .menuContainer .submenus li a { transform:skew(0deg); }

.topBar .menuContainer .submenus li:hover {
	background-color: #39f;
	-webkit-transform: skew(0deg);
	-ms-transform: skew(0deg);
	transform: skew(0deg);
}

.topBar .menuContainer .submenus li a { transform:skew(16deg); }

.topBar .menuContainer .submenus li:hover a {
	transform:skew(0deg); 
}


span.highlighted {color:#F78A16;font-weight:bold;}

p.question {margin-top:20px;/*padding-left:20px;background:url(../images/bullet-arrow-red.png) no-repeat left center transparent;*/color:#5e62d6;font-weight:bold; }


.topBar .menuContainer a {
	color: #fff;
	display: block;
	font-family: 'Yanone Kaffeesatz';
	padding:0 0.6em;
	-webkit-transform: skew(16deg);
	-moz-transform: skew(16deg);
	-ms-transform: skew(16deg);
	transform: skew(16deg);
}

.topBar .searchContainer {
	float: right;
	height: 100%;
}

.slider-wrapper {
	width: 80%;
	margin: 0px auto;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}

.content-div { margin:0 auto;width:80%;background:#fff url(loading.gif) no-repeat 50% 50%;-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;box-shadow: 0px 1px 5px 0px #4a4a4a;padding:20px 30px;font-size:1.4em;font-family:'Open Sans';margin-bottom:50px;}

.content-div h1 {padding:0;margin:10px 0;font-size:2.2em;color:#ff7e14;text-transform:uppercase;}

.content-div p {padding:0;margin:10px 0;}

.schedule-box {padding:20px;background:#FCFCFC;margin-bottom:20px;border:1px solid #EFEDED;font-size:2em;border-radius:6px;-webkit-border-radius:6px;}
.schedule-box .tour {color:#ff7e14;}
.sponsors {font-size:2em;color:#0A78CD;margin-bottom:20px;float:left;width:40%;}

#gallery-images {margin:0 auto; }
.item {float:left;}
.w50 {width:50%;}
.w28 {width:28%;}
.w44 {width:44%;}

.w50 img{height:500px;}
.row2 img{height:400px;}

.lt {text-align:left;}
.rt {text-align:right;}
.center {text-align:center;}

.footer { margin:0 auto;width:100%;background:#fff url(loading.gif) no-repeat 50% 50%;-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;box-shadow: 0px 1px 5px 0px #4a4a4a;padding:0;font-size:1em;font-family:'Open Sans';text-align:center;position:relative;bottom:0;z-index:99999;}

.footer-container {padding:20px 30px;}

#sharing-buttons {float:right;}

.min-height-800 {min-height:800px;}

.half-width-img {text-align:center;}
.half-width-img img {width:50%;margin:2em 0;}

.full-width-img img {width:90%;margin:2em 0;}

.mar-20 {margin-bottom:20px;content:""}
.pad-20 {padding:20px;}

.flt-lt {float:left;}


#displayMenu {margin-left:5px;}

.mobile-donate {display:none;}

@media only screen and (max-width: 768px) {
	.slider-wrapper {width:100% !important;}
	.office_photo {width:100%;}
	#top-menus {display:none;}
	#displayMenu {display:inline !important;margin-left:7%;}

	.w50 {width:100%;}
	.w28 {width:100%;}
	.w44 {width:100%;}

	.w50 img{height:auto;width:100%;}
	.row2 img{height:auto;width:100%;}	
	
	
	.topBar .menuContainer {margin:0 170px 0 250px;background:none;}
	.menucontainer {margin-left:130px;}

	.topBar .menuContainer:before{left:-15px;width:20px;background:none;}
	.topBar .menuContainer li {display:block;line-height:28px;text-align:left;background:#fefefe;border-bottom:1px solid #ccc;transform:none;}
	.topBar .menuContainer a {display:block;transform:none;}
	.topBar .menuContainer li:hover {background-color:#fff;transform:none;}
	.mobile-menus ul {list-style-type:none;}
	.mobile-menus ul li {list-style-type:none;display:block;background:#f2f2f2;border-bottom:1px solid #fff;padding-left:20px;}
	.mobile-menus ul li a {color:#000000;font-size:1.5em;display:block;padding:3px 0;}

	.mobile-menus ul li ul {background:#fff;}
	.mobile-menus ul li ul li {padding-left:30px;border-bottom:1px solid #fff;}
	.mobile-menus ul li ul li a {font-size:1.5em;color:#000000;font-size:1.5em;display:block;padding:3px 0;}

	.content-div h1 {font-size:1.2em;}
}

@media only screen and (max-width: 360px) {
	.searchContainer {display:none;}
	.mobile-donate {display:block;margin:0 auto;width:100%;}
	#top-donation-box {text-align:center;width:100%;}

}

@media only screen and (min-width: 980px) {
	.mobile-menus {display:none !important;}
}


