body {
  animation-duration: 0.001s;
}

/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.flex-control-nav {display; none; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
/*.flexslider .slides img, .post img, #logo { max-width: 100%; height: auto; width: auto; }*/
.flexslider .slides img, .post img  { max-width: 100%; height: auto; width: auto; }
.flexslider .slides img { display: block; width: auto; }
.flex-pauseplay span {text-transform: capitalize;}

.post img { border: 1px solid #b3b3b3; padding: 4px; }

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
/*
.flex-direction-nav li a {width: 40px; height: 44px; margin: -13px 0 0; display: block; background: url(../images/arrow-back.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li .flex-next {background: url(../images/arrow-forward.png) no-repeat 0 0; right: -6px;}
*/
.flex-direction-nav li a {width: 28px; height: 40px; margin: -20px 0 0; display: block; background: url(../images/left-arrow-slider.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li .flex-next {background: url(../images/right-arrow-slider.png) no-repeat 0 0; right: 10px;}

.flex-direction-nav li .flex-prev {left: 10px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
#featured .flex-control-nav { width: 50%; position: absolute; bottom: 16px; margin-left: 40px; }
#featured .flex-control-nav li { margin: 0 0 0 5px; display: inline-block; zoom: 1;}
#featured .flex-control-nav li:first-child {margin: 0; margin-right: 8px; }
#featured .flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(../images/controller1.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
#featured .flex-control-nav li a.flex-active { cursor: default; }

#flex_controllers { position: absolute; bottom: -28px; left: 0; width: 100%; text-align: center; }
	#featured .flex-control-nav li { display: inline-block; margin-right: 8px;}
		#featured .flex-control-nav li a { height: 17px; text-indent: -9999px; width: 17px; display: inline-block; }
		#featured .flex-control-nav a.flex-active, #featured .flex-control-nav a:hover { background: url(../images/controller2.png) no-repeat; }

	.item-image { margin: 0; border: 1px solid #592424;}
span.more-icon { top: 50%; left: 0; margin-left: 0; margin-top: -30px; }
span.arrow-icon { top: 50%; left: 4px; margin-left: 0; margin-top: -30px; opacity: 0.75; }

#mobile_nav { display: none; padding: 14px 0 0; position: relative; font-size: 18px; color: #D9C977; }
#mobile_nav:hover { color: #FFCC00; text-decoration: none; }
	#mobile_nav > span { display: none; width: 17px; height: 11px; background: url(../images/responsive_arrow.png) no-repeat; position: absolute; top: 17px; left: 19px; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
	#mobile_nav.opened > span { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }
#mobile_menu { position: absolute; top: 51px; left: 0; border: none; width: 300px; text-align: center; z-index: 1000; padding: 0; display: none; }
	#mobile_menu li { background: #592424; height: 28px; padding-top: 8px; border-bottom: 1px solid #D9C977; font-size: 16px;}
	#mobile_menu ul { display: block !important; visibility: visible !important; padding-top: 15px; margin-bottom: -15px; }
#mobile_nav, #mobile_menu { background: none;  }

#mobile_menu a { font-style: normal; color: #D9C977; padding: 10px; }
#mobile_menu li.current-menu-item > a, #mobile_menu a:hover { color: #FFCC00; text-decoration: none; }

nav#top-menu ul.mobile_nav { width: 320px; border: 1px solid #d6d6d6; background: #fafafa; display: none; }
.mobile_nav li ul { position: relative; top: 0; width: auto; display: block !important; visibility: visible !important; }

ul#top-menu ul { display: none; }

.wp-caption { max-width: 96%; padding: 0 .8em .8em 0; }


/*this is the first change point */
	
@media only screen and ( min-width: 768px ) and ( max-width: 1023px ) {

.widget_nav_menu  { padding-left: 0;}
.widget_nav_menu li { font-size: 12px;}

#inner-header { display: block; width: 100%; height: 50px; background: url("../images/nav-banner.png") repeat-x; box-shadow: 0px 3px 15px #333; position: relative; z-index: 100}



	.post img  { max-width: 98%; }
	.featured-description { height: 137px; top: 25px; }
	#outer-wrapper { width: 770px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; padding-bottom: 0; }
	
	/*#top-banner { background: url(../images/banner-title-bar-tablet.png) repeat-x scroll 0 0 #002c7b; height: 60px; margin-left: 0; margin-right: 0;}*/
	/*#top-banner { height: 45px; margin-left: 0; margin-right: 0; background-size: 490px 43px;}*/
	#banner-home { background-size: 100% 100%; margin-left: 0; margin-right: 0; height: 93px; }
	
.slide-overlay {
    height: 78px;
    left: 30px;
	padding-right: 30px;
    position: absolute;
    top: 60px;
    width: 240px;
}

#featured h1 {
    font-size: 18px;
}

#featured p {
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 15px;
    padding-top: 10px;
}

.slide-link { font-size: 14px}

#features { margin: 20px 0 0 17px; }
	.feature-menu { font-size: 15px;}
	.feature { float: left; /*width: 191px; margin-left: 1px;*/ text-align: center; padding-right: 10px; }
	.feature.first { /*width: 192px;*/ }
		.item-image { height: 174px; }
		
	.rule-3px {margin-left: 0; margin-right: 0; }
	
	
	
	#top-banner-sub { background: url(../images/banner-title-bar-sub-tablet.png) no-repeat scroll 0 0 #002C7B; float: left; height: 55px; margin-right: 0px; width: 524px; }	
	
	#nav-banner { margin-left: 0; margin-right: 0;}


	#nav-banner-rules { width: 768px; margin-left: 0px; margin-right: 0px; }
	
	#page-header { left: 30px; font-size: 22px; top: 70px;}

	ul#top-menu { padding-left: 22px;}	
	ul#top-menu li { padding: 0px 8px; }
	ul#top-menu a { font-size: 11px; }

	#featured { margin-left: 0px; }
	
	#search-form {display: none; }
	
	#search-form-footer { display: block; padding-top: 40px; padding-left: 300px; }
				#search-form-footer #searchinput { background: #ffffff; border: 1px solid #b3b3b3; float: left; margin: 0 10px 0 0; width: 140px; padding-left: 5px; font-size: 12px; font-family: ScalaSansWeb, sans-serif; color: #a3a3a3; height: 20px; }
				#search-form-footer #searchsubmit { margin-top: 0px; margin-right: 0px; }
				
	.widget_text #searchform { padding: 0px; }	
	.widget_text #searchinput {width: 110px;}	
	
	
	#additional-info { right: 0;}
	
	#container, #quote, .featured-top-shadow, .featured-bottom-shadow { width: 768px; }
	
	
		#quote h3 { font-size: 22px; }
		#quote p { font-size: 18px; }
		/*#content-area { padding:30px 20px 60px; }*/
					span.arrow-icon { left: 0px; }
					.crop {margin: 0 -40px 0 -40px;}

		#footer-content { width:768px; }
	#footer { margin: 0 30px 0 30px; }		


	#left-area { width: 484px; padding-right: 30px; }
	
	
	#sidebar { width: 172px; padding-left: 20px; }
	#content { padding: 30px 30px 60px 30px;  }


	
	/*#footer , #nav-bottom { width: 768px; }*/
	ul#bottom-menu { padding-left: 0px; text-align:center; float:none;}
	

	
	

	


#sub-footer { margin-left: 0; margin-right: 0; padding-left: 40px; padding-right: 40px; }
.footer-links {width: 172px; padding-bottom: 40px; }
.newline-4 {clear:both;}
.newline-5 {clear:none;}

	#header .rule-4px {display: block;}
	.rule-4px { margin-left: 0; margin-right: 0; }	
	#outer-header { display: none; }	


ul#footer-menu li { display: block; border-right: none; padding-bottom: 10px;}
ul#footer-menu li.last { padding-top: 20px; }	
}

@media only screen and ( max-width: 767px ) {

	
	#inner-header { display: block; width: 100%; height: 50px; background: url("../images/nav-banner.png") repeat-x; box-shadow: 0px 3px 15px #333; position: relative; z-index: 100}	
	
	#top-banner { background: url("../images/top-logo-mobile.png") no-repeat scroll 50% 50%; height: 50px; }		
	
	.post img  { max-width: 98%; }
	#outer-wrapper { width: 462px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; padding-bottom: 0; }
	/*#top-banner { background: url(../images/banner-title-bar-mobile-wide.png) no-repeat scroll 0 0 #002c7b; height: 60px; margin-left: 0; margin-right: 0;}*/
	/*#top-banner { height: 45px; margin-left: 0; margin-right: 0; background-size: 430px 43px;}*/
	#top-banner-sub { background: url(../images/banner-title-bar-sub-wide.png) no-repeat scroll 0 0 #002c7b; height: 56px; margin-left: 0; margin-right: 0; width: 460px;}
	

	#nav-banner { background: url(../images/nav-top.png) repeat-x; margin-left: 0; margin-right: 0; width: 100%; height: 50px; text-align: center;}
	#nav-banner-rules { display: none; }
	
	#featured { margin-left: 0px; }
	
	#featured h1 { font-size: 16px; }
	#featured p {font-size: 13px; padding-bottom: 8px;}
	.slide-link { font-size: 13px}	
	

.slide-overlay {
    height: 78px;
    left: 20px;
    position: absolute;
    top: 30px;
    width: 110px;
	padding-right: 20px;
	text-align: left;
}	

#featured .flex-control-nav { display: none; }
	
	

	#skipdown { display: block; float: right; margin-bottom: 20px; padding-bottom: 20px;padding-left: 320px; }	
	#skipup { display: block; float: right; margin-bottom: 20px; padding-bottom: 20px;padding-left: 320px; }	
	
	
	#search-form { display: none; }
	#search-form-footer { display: block; padding-top: 30px; padding-left: 140px; }
				#search-form-footer #searchinput { background: #ffffff; border: 1px solid #b3b3b3; float: left; margin: 0 10px 0 0; width: 140px; padding-left: 5px; font-size: 12px; font-family: ScalaSansWeb, sans-serif; color: #a3a3a3; height: 20px; }
				#search-form-footer #searchsubmit { margin-top: 0px; margin-right: 0px; }
				
	
	.widget_text #searchform { padding: 0 100px; }	
	.widget_text #searchinput {width: 160px;}	
	
	.widget_nav_menu {text-align: center; padding-left: 0;}
	
	
	#header .rule-4px {display: block;}	
	.rule-4px { margin-left: 0; margin-right: 0; }	
	#outer-header { display: none; }	
	
	#container, .featured-top-shadow, .featured-bottom-shadow { width: 460px}
		#header { text-align: center; }
			#additional-info, .featured-description { display: none; }

		#quote { padding-left:35px; padding-right:35px; width:390px; }
			#quote h3 { font-size: 22px; }
			#quote p { font-size: 18px; }
		#content-area { padding:0; }

			
			/*#features {margin: 40px 40px 0;}*/
			#features {margin: 40px 40px 0;}
			.feature.first { margin-left: 0; width: 100%; }
			.feature.last { margin-bottom: 0; }
			.feature {margin-left: 0; margin-bottom: 10px; width: 100%; text-align: left; }
			.feature-menu { left: 0px;  }
			.feature .thumb { display: none; }
			.item-image {float: left; margin: -50px 0 0; height: 75px; }
			
			.rule-3px {margin-left: 0; margin-right: 0; }
			
			
		span.arrow-icon { left: 0px; }					
						.crop {margin: 0; }


			
		#footer-content { width:458px; }


	#mobile_nav { display: block; }
	#top-menu  { display: none; }
	
	#page-header { left: 20px; font-size: 22px; top: 80px;}
	
	#nav-bottom { background: none; height: 100%;}
	#sidebar {width:420px; border-left: none; padding-left: 0; }
	#mobile_menu { width: 460px; }	

	#content { padding: 20px 20px 60px; }
	h2.title { text-align: center; }
	.post p.meta-info { margin-left: -28px; margin-right: -28px; padding-left: 28px; padding-right: 28px; border-bottom: none; }
	#left-area { width: 420px; padding-right:0; border-right: none;}
	.post { padding-right: 0; }

	.comment ul.children { padding-left: 0; }

	.sitemap-col { float: none !important; width: auto !important; }

	#footer { margin: 0 20px 0 20px; }


	

.divider {display: none;}
.break {display: inline;}
#address {margin-bottom: 30px; }


#sub-footer { margin-left: 0; margin-right: 0; height: 100px; }
.footer-links {display: none; }


ul#bottom-menu 	{
	padding: 40px 40px 0;
	float: none;
}
ul#bottom-menu li	{
	background: url("../images/nav-button-footer.png") repeat-x;
	display: block;
	border-left: 1px solid #592424;
	border-right: 1px solid #592424;
	height: 40px;
	margin-bottom: 10px;
	text-align: center;
}
ul#bottom-menu li.last	{
	border-right: 1px solid #592424;
}
ul#bottom-menu a {
	position: relative;
	top: 9px;
}

ul#footer-menu li { display: block; border-right: none; padding-bottom: 10px;}
ul#footer-menu li.last { padding-top: 20px; }	


a.mobile-left {
    background: url(/images/left-nav-arrow.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 46px;
    left: 10px;
    margin: -32px 0 0;
    position: absolute;
    text-indent: -9999px;
    width: 15px;
}

a.mobile-right {
    background: url(/images/right-nav-arrow.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    right: 10px;	
    cursor: pointer;
    display: block;
    height: 46px;
    margin: -32px 0 0;
    position: absolute;
    text-indent: -9999px;
    width: 15px;
}	



}