/*-----------------------------------------------------------------------------------

	Theme Name:BrownsTown
	Client URI:http://www.website.com/
	Description:BrownsTown Webgen  
	Author:Samir Alley @samiralley
	Author URI:http://www.revize.com

	Version:1.3 / May 22, 2013
		- Updated superfish and flyout
	Version:1.2 / March 27, 2013
		- Minor changes
	Version:1 / March 8, 2013
		- Minor changes
	
	Table of content
	#Header
	#Nav
	#Content
	#Qucik Buttons
	#Footer
	#Flyout Nav
	#Breadcrumbs
	#Post
	#Slider
	#Media Queries
	#Revize Buttons
	#Document Center
	
-----------------------------------------------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Arizonia);

/*#Header
-----------------------------------------------------------------------------------*/
header{overflow:hidden;padding:20px 0}
.logo{text-shadow:0 0 3px rgba(0,0,0,.3)}
.logo a{text-decoration:none}
.logo a h1{margin:0;line-height:1.1}
.logo img{float:left;max-width:120px;padding-right:10px}
.logo span{display:block}
.search form{margin:0}
.search .inner{padding:10px}
.search select{width:100%;margin:0 0 10px}
.search form{position:relative}
.search input{margin:0;display:inline;width:75%}
.search button{position:absolute;right:0;top:0;width:28px;text-indent:-9999px;border:none;background:url(../_images_/search-icon.png) no-repeat}

.main{width:980px;margin:0 auto;clear:both}

/*#Nav
-----------------------------------------------------------------------------------*/
#menu-button span{display:block;position:absolute;height:3px;width:17px;background:#fff;left:10px;top:12px}
#menu-button span.first{top:17px}
#menu-button span.third{top:22px}
#menu-button{display:none;padding-left:32px;position:relative;margin:0;line-height:1.3;cursor:pointer;font-size:16px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:none}
#nav{margin:-10px -30px 10px -10px;position:relative;z-index:99}
#navigation{position:relative;z-index:999}
.nav{margin:0;padding:0 0 0 10px}
.nav li{position:relative;float:left;margin:0;padding:0;list-style:none;margin:0 2px 0}
.nav li li .icon-angle-down:before{content:"\f105";position:absolute;top:15px;right:7px}
.nav a{float:left;display:block;text-decoration:none;padding:22px;color:#fff;font-size:18px;text-transform:capitalize}
#home-page .nav >li >a#li-1{background:#f4be04;border:1px solid #c99b4e;border-bottom-color:#b08a4a;border-top-color:#cfb444;text-shadow:1px 1px 0 #c5983c;background:rgb(226,195,68);background:-moz-linear-gradient(top, rgba(226,195,68,1) 0%,rgba(214,156,66,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(226,195,68,1)),color-stop(100%,rgba(214,156,66,1)));background:-webkit-linear-gradient(top, rgba(226,195,68,1) 0%,rgba(214,156,66,1) 100%);background:-o-linear-gradient(top, rgba(226,195,68,1) 0%,rgba(214,156,66,1) 100%);background:-ms-linear-gradient(top, rgba(226,195,68,1) 0%,rgba(214,156,66,1) 100%);background:linear-gradient(to bottom, rgba(226,195,68,1) 0%,rgba(214,156,66,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2c344',endColorstr='#d69c42',GradientType=0 );margin:-5px 0 -5px 0;padding-bottom:27px;padding-top:27px}
.nav >li.active >a{background:#f4be04;border:1px solid #c99b4e;border-bottom-color:#b08a4a;border-top-color:#cfb444;text-shadow:1px 1px 0 #c5983c;background:rgb(226,195,68);background:-moz-linear-gradient(top, rgba(226,195,68,1) 0%,rgba(214,156,66,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(226,195,68,1)),color-stop(100%,rgba(214,156,66,1)));background:-webkit-linear-gradient(top, rgba(226,195,68,1) 0%,rgba(214,156,66,1) 100%);background:-o-linear-gradient(top, rgba(226,195,68,1) 0%,rgba(214,156,66,1) 100%);background:-ms-linear-gradient(top, rgba(226,195,68,1) 0%,rgba(214,156,66,1) 100%);background:linear-gradient(to bottom, rgba(226,195,68,1) 0%,rgba(214,156,66,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2c344',endColorstr='#d69c42',GradientType=0 );margin:-5px 0 -5px 0;padding-bottom:27px;padding-top:27px}
.nav >li >a:hover{background:#f4be04;margin:-5px 0 -5px 0;padding-bottom:27px;padding-top:27px}
.nav ul{position:absolute;left:0;top:100%;margin:0;z-index:999;display:none}
.nav li:hover >ul{display:block}
.nav li li{border-bottom:1px solid transparent;margin:0}
.nav li li a{float:none;width:150px;background:#f4be04;padding:7px 10px;color:#000;transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s;font-size:12px}
.nav li li a:hover{background:#291f1b;color:#fff}
.nav >li:hover >a{background:#f4be04;margin:-5px 0 -5px 0;padding-bottom:27px;padding-top:27px}
.nav ul ul{left:100%;top:0;border-left:1px solid transparent}

.sf-arrows .sf-with-ul{padding-right:2em}
.sf-arrows .sf-with-ul:after{content:"\f107";position:absolute;top:50%;right:15px;margin-top:-9px;font-family:'FontAwesome'}
.sf-arrows li li .sf-with-ul:after, .flyout.sf-arrows .sf-with-ul:after{content:"\f105";margin-top:-10px}
.sf-arrows li li .sf-with-ul{padding:7px 10px}

/*#Content
-----------------------------------------------------------------------------------*/
.main-wrap{background:url(../_images_/large-pattern2.png) 0 110px repeat-x}

.content{padding-top:30px;width:960px;margin:0 auto;max-width:100%;clear:both}

.news h2{background:url(../_images_/latest-events.png) no-repeat;text-indent:-9999px;margin-bottom:0}
.news a.item{display:block;text-decoration:none;padding:20px 0;border-bottom:1px solid #d68c10;color:#333!important}
.news a.item:hover{text-decoration:underline}
.news .padding{padding-left:10px}
.news .more{text-decoration:none;display:block;float:right;clear:both;margin-top:20px}

.welcome h2{background:url(../_images_/welcome.png) no-repeat;text-indent:-9999px;margin-bottom:20px}

/*#Quick Buttons
-----------------------------------------------------------------------------------*/
.buttons-panel{margin-right:-30px;margin-top:-120px;margin-top:0}
.weather .inner{display:none;background:#fff;background:rgba(255,255,255,.7);padding:15px 10px 10px;overflow:hidden;width:85%;margin:0 auto;color:#000;font-size:12px}
.weather img{float:left;padding-top:5px}
.weather p{margin:0;text-align:right;font-size:11px}

.q-buttons .inner{background:url(../_images_/large-pattern.png) -250px 0 no-repeat}
.q-buttons a{color:#333!important;display:block;text-decoration:none;padding:20px 50px 20px 20px;position:relative;border-bottom:1px solid #f6ed6e;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.2)}
.q-buttons a:last-child{border:none}
.q-buttons img{position:absolute;right:20px;top:15px;display:none!important}

/*#Footer
-----------------------------------------------------------------------------------*/
.footer{margin-left:-20px;padding-left:20px;position:relative;top:10px;color:#fff}
.footer a{color:#fff}
.footer .one-third{padding-top:20px;padding-bottom:20px}
.footer h3{border-bottom:1px solid #41648b;margin:0;padding:0 0 10px;color:#fff}
.footer .inner{border-top:1px solid #002d61;padding-top:10px}
.end-footer{overflow:hidden;clear:both;padding:20px 0 0 }
.end-footer p{color:#fff;font-size:12px;display:inline-block}

#inner-page .content{padding:0}
#inner-page .footer{margin-top:-10px}
#inner-page .footer .one-third{padding-top:10px;padding-bottom:20px}

/*#Flyout Nav
-----------------------------------------------------------------------------------*/
.flyout{margin:0;padding:0}
.flyout a{color:#333;text-decoration:none;display:block;padding:8px 20px 8px 10px;border-bottom:1px solid #f8f070;transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s}
.flyout a:hover{background:#fff;color:#333}
.flyout li{position:relative;list-style:none;margin:0;padding:0;border-bottom:1px solid transparent}
.flyout ul{position:absolute;left:100%;top:0;z-index:99;margin:0;border-left:1px solid transparent;display:none}
.flyout li:hover > ul{display:block}
.flyout ul a{width:160px;background:#E2C244;border-color:transparent}
.flyout li:hover >a{background:#fff}

/*#Breadcrumbs
-----------------------------------------------------------------------------------*/
.breadcrumb{padding:20px 0;font-size:14px}
.breadcrumb i{font-size:9px!Important}
.breadcrumb p{display:inline}
.breadcrumb a{text-decoration:none;padding:0 4px 0 0;color:#333!important}
.breadcrumb a:hover{text-decoration:underline;color:#002B5D}
.tophelp{padding-right:10px}

/*#Post
-----------------------------------------------------------------------------------*/
h1.entry-title{padding-bottom:10px;border-bottom:1px solid #000;margin-bottom:20px}
.post{padding-bottom:30px;padding-right:10px;overflow:hidden;min-height:500px}
.printsection{font-size:12px;padding-bottom:20px}
.printsection a{text-decoration:none;padding:0 4px 0 0;color:#333!important}

.entry .padding{padding:0 10px}

.aside{position:absolute;bottom:0;top:0;height:100%}
.four{height:100%}
.container .entry{float:right}

/*#Slider
-----------------------------------------------------------------------------------*/ 
#wrapper{float:left;width:100%;*margin-bottom:-40px}
.slider-wrapper{margin-left:-20px;clear:both}
.shadow{-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);box-shadow:0 0 10px rgba(0,0,0,.4)} 
.flex-container a:active, 
.flexslider a:active, 
.flex-container a:focus, 
.flexslider a:focus{outline:none}
.slides, 
.flex-control-nav, 
.flex-direction-nav{margin:0;padding:0;list-style:none}
.flexslider *{margin:0;padding:0}
.flexslider .slides >li{display:none;-webkit-backface-visibility:hidden}
.flexslider .slides img{width:100%;display:block}
.flex-pauseplay span{text-transform:capitalize}
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
html[xmlns] .slides{display:block}
* html .slides{height:1%}
.no-js .slides >li:first-child{display:block}
.flexslider{margin:0;position:relative;zoom:1}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}
.loading .flex-viewport{max-height:300px}
.flexslider .slides{zoom:1}
.carousel li{margin-right:5px}
.flex-direction-nav a{width:35px;height:70px;margin:-35px 0 0;display:block;position:absolute;top:50%;cursor:pointer;text-indent:-9999px;opacity:0}
.flex-direction-nav .flex-next{right:0;background:url(../_images_/right-arrow.gif)}
.flex-direction-nav .flex-prev{left:0;background:url(../_images_/left-arrow.gif)}
.flexslider:hover .flex-next{opacity:0.8;right:0}
.flexslider:hover .flex-prev{opacity:0.8;left:0}
.flex-direction-nav .disabled{opacity:.3!important;filter:alpha(opacity=30);cursor:default}
.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}
.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline}
.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,0.5);cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;box-shadow:inset 0 0 3px rgba(0,0,0,0.3)}
.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,0.7)}
.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,0.9);cursor:default}
.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}
.flex-control-thumbs li{width:25%;float:left;margin:0}
.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}
.flex-control-thumbs img:hover{opacity:1}
.flex-control-thumbs .active{opacity:1;cursor:default}

/*#Revize Buttons
-----------------------------------------------------------------------------------*/ 
.sliderbtn,.imagelinkbtn{position:absolute;z-index:9}
.dropdownbtn{position:absolute;z-index:9;right:0}


/*#Document Center
-----------------------------------------------------------------------------------*/ 
.document-center-page .file_row{background:#E7EBF3;border:1px solid #fff;border-top:1px solid #ddd;border-bottom:1px solid #fff;margin-bottom:1px;padding:7px 8px;width:97%;margin:0 auto;float:right}
.document-center-page .file_row a{color:#333!Important;font: 14px/21px "Georgia",Times,"Times New Roman",serif}
.document-center-page #msg{background:#FCF8E3;border:1px solid #fbeed5;display:block;padding:8px 35px 8px 14px;text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);color:#c09853}
.document-center-page table h3 {width:98%!Important;display:block;overflow:hidden;padding:7px 7px;border:1px solid #fff;background:#E7EBF3;margin:0}
.document-center-page table  h3 a{color:#333!important;font-size:16px!important}
#RZdocument_center table {padding:0;margin-bottom:10px}
#RZdocument_center form,#RZdocument_center input,#RZdocument_center select,#RZdocument_center button{margin:0!important;width:auto;min-width:inherit}