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

	Theme Name: City of Tigard, Oregon
	Theme URI: 
	Description: City of Tigard, Oregon Custom Design
	Author: James Myers
	Author URI: http://www.revize.com/

	Version: 1.0 / 4/8/14

	Table of content
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc	
	#Base 960 Grid
	#Tablet (Portrait)
	#Mobile (Portrait)
	#Mobile (Landscape)
	#Clearing	
	#Header + Nav + No More IE7 
	#Tabs
	#Inner Page
	#FlexSlider
	#Bootstrap v2.3.2 tables only
	#Media Queries
	
-----------------------------------------------------------------------------------*/ 

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

#Reset

-----------------------------------------*/
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,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none}

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

#Bacic Styles

-----------------------------------------*/ 
body{background:#E6E7E8;font:13px/20px "verdana", sans-serif;color:#000;/* -webkit-font-smoothing:antialiased;*//* Fix for webkit rendering */-webkit-text-size-adjust:100%}

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

#Typography

-----------------------------------------*/ 
h1,h2,h3,h4,h5,h6{color:#000;font-family:"verdana", sans-serif;font-weight:normal;margin-bottom:10px}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
h1{font-size:23px;line-height:30px;margin-bottom:14px}
h2{font-size:18px;line-height:21px;margin-bottom:5px}
h3{font-size:15px;line-height:21px}
h4{font-size:13px;line-height:19px}
h5{font-size:12px;line-height:16px}
h6{font-size:11px;line-height:15px}
.header{font-size:23px}
.subheader{font-size:17px}
p{margin:0 0 20px 0}
p.lead{font-size:21px;line-height:27px;color:#777}
em{font-style:italic}
strong,b{font-weight:bold}
small{font-size:80%}
hr{border:solid #ddd;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0}

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

#Links

-----------------------------------------*/ 
a,a:visited{color:#003E7E;text-decoration:underline;outline:0}
a:hover,a:focus{color:#000}
p a,p a:visited{line-height:inherit}

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

#Lists

-----------------------------------------*/ 
ul,ol{margin-bottom:20px;margin-left:30px}
ul{list-style:disc}
ol{list-style:decimal}
ul ul,ul ol,
ol ol,ol ul{margin:4px 0 5px 30px}
ul ul li,ul ol li,
ol ol li,ol ul li{margin-bottom:6px}
li{line-height:1.3;margin-bottom:7px}
li p{line-height:1.3}

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

#Images

-----------------------------------------*/
img{max-width:100%;*max-width:none;height:auto}
a img{border:none}

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

#Buttons

-----------------------------------------*/ 
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"]{color:#fff;display:inline-block;font-size:13px;font-weight:bold;text-decoration:none;cursor:pointer;line-height:normal;padding:6px 14px;vertical-align:top;font-family:"verdana", sans-serif;border:0;-webkit-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;border-radius:6px;background:#4BA947}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none}
.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active{background:#4BA947}
.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width{width:100%;padding-left:0 !important;padding-right:0 !important;text-align:center}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0}

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

#Forms

-----------------------------------------*/ 
form{margin-bottom:0px}
fieldset{margin-bottom:20px}
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select{border:1px solid #d3d3d3;padding:6px 4px;outline:none;font:12px "verdana", sans-serif;color:#777;margin:0;display:inline-block;background:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.06);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.06);-o-box-shadow:inset 0 1px 1px rgba(0,0,0,.06);box-shadow:inset 0 1px 1px rgba(0,0,0,.06)}
.ie8 input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select{background:#eeeeee;}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus{color:#444;border:1px solid #999!important}
label,
legend{display:block;font-weight:bold;font-size:13px}
input[type="checkbox"]{display:inline}
label span,
legend span{font-weight:normal;font-size:13px;color:#444}

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

#Misc

-----------------------------------------*/ 
.remove-bottom{margin-bottom:0!important}
.half-bottom{margin-bottom:10px!important}
.add-bottom{margin-bottom:20px!important}

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

#Base 960 Grid

-----------------------------------------*/ 
 .container{position:relative;width:960px;margin:0 auto;padding:0}
 .container .column,
 .container .columns{float:left;display:inline;margin-left:10px;margin-right:10px;min-height:1px}
 .row{margin-bottom:20px}

 .column.alpha,.columns.alpha{margin-left:0}
 .column.omega,.columns.omega{margin-right:0}

 .container .one.column,
 .container .one.columns{width:40px}
 .container .two.columns{width:100px}
 .container .three.columns{width:160px}
 .container .four.columns{width:220px}
 .container .five.columns{width:280px}
 .container .six.columns{width:340px}
 .container .seven.columns{width:400px}
 .container .eight.columns{width:460px}
 .container .nine.columns{width:520px}
 .container .ten.columns{width:580px}
 .container .eleven.columns{width:640px}
 .container .twelve.columns{width:700px}
 .container .thirteen.columns{width:760px}
 .container .fourteen.columns{width:820px}
 .container .fifteen.columns{width:880px}
 .container .sixteen.columns{width:940px}

 .container .one-third.column{width:300px}
 .container .two-thirds.column{width:620px}

 .container .offset-by-one{padding-left:60px}
 .container .offset-by-two{padding-left:120px}
 .container .offset-by-three{padding-left:180px}
 .container .offset-by-four{padding-left:240px}
 .container .offset-by-five{padding-left:300px}
 .container .offset-by-six{padding-left:360px}
 .container .offset-by-seven{padding-left:420px}
 .container .offset-by-eight{padding-left:480px}
 .container .offset-by-nine{padding-left:540px}
 .container .offset-by-ten{padding-left:600px}
 .container .offset-by-eleven{padding-left:660px}
 .container .offset-by-twelve{padding-left:720px}
 .container .offset-by-thirteen{padding-left:780px}
 .container .offset-by-fourteen{padding-left:840px}
 .container .offset-by-fifteen{padding-left:900px}

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

#Tablet (Portrait)

-----------------------------------------*/ 
 @media only screen and (min-width:768px) and (max-width:959px){
 
 .container{width:768px}
 
 .container .column,
 .container .columns{margin-left:10px;margin-right:10px}
 .column.alpha,.columns.alpha{margin-left:0;margin-right:10px}
 .column.omega,.columns.omega{margin-right:0;margin-left:10px}
 .alpha.omega{margin-left:0;margin-right:0}

 .container .one.column,
 .container .one.columns{width:28px}
 .container .two.columns{width:76px}
 .container .three.columns{width:124px}
 .container .four.columns{width:172px}
 .container .five.columns{width:220px}
 .container .six.columns{width:268px}
 .container .seven.columns{width:316px}
 .container .eight.columns{width:364px}
 .container .nine.columns{width:412px}
 .container .ten.columns{width:460px}
 .container .eleven.columns{width:508px}
 .container .twelve.columns{width:556px}
 .container .thirteen.columns{width:604px}
 .container .fourteen.columns{width:652px}
 .container .fifteen.columns{width:700px}
 .container .sixteen.columns{width:748px}

 .container .one-third.column{width:236px}
 .container .two-thirds.column{width:492px}

 .container .offset-by-one{padding-left:48px}
 .container .offset-by-two{padding-left:96px}
 .container .offset-by-three{padding-left:144px}
 .container .offset-by-four{padding-left:192px}
 .container .offset-by-five{padding-left:240px}
 .container .offset-by-six{padding-left:288px}
 .container .offset-by-seven{padding-left:336px}
 .container .offset-by-eight{padding-left:384px}
 .container .offset-by-nine{padding-left:432px}
 .container .offset-by-ten{padding-left:480px}
 .container .offset-by-eleven{padding-left:528px}
 .container .offset-by-twelve{padding-left:576px}
 .container .offset-by-thirteen{padding-left:624px}
 .container .offset-by-fourteen{padding-left:672px}
 .container .offset-by-fifteen{padding-left:720px}
 }

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

#Mobile (Portrait)

-----------------------------------------*/ 
 @media only screen and (max-width:767px){
 
 .container{width:300px}
 
 .container .columns,
 .container .column{margin:0}

 .container .one.column,
 .container .one.columns,
 .container .two.columns,
 .container .three.columns,
 .container .four.columns,
 .container .five.columns,
 .container .six.columns,
 .container .seven.columns,
 .container .eight.columns,
 .container .nine.columns,
 .container .ten.columns,
 .container .eleven.columns,
 .container .twelve.columns,
 .container .thirteen.columns,
 .container .fourteen.columns,
 .container .fifteen.columns,
 .container .sixteen.columns,
 .container .one-third.column,
 .container .two-thirds.column{width:300px}

 .container .offset-by-one,
 .container .offset-by-two,
 .container .offset-by-three,
 .container .offset-by-four,
 .container .offset-by-five,
 .container .offset-by-six,
 .container .offset-by-seven,
 .container .offset-by-eight,
 .container .offset-by-nine,
 .container .offset-by-ten,
 .container .offset-by-eleven,
 .container .offset-by-twelve,
 .container .offset-by-thirteen,
 .container .offset-by-fourteen,
 .container .offset-by-fifteen{padding-left:0}

 }

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

#Mobile (Landscape)

-----------------------------------------*/ 
 @media only screen and (min-width:480px) and (max-width:767px){

.container{width:420px}

.container .columns,
.container .column{margin:0}

.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column{width:420px}

}

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

#Clearing

-----------------------------------------*/ 
.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden} 
.clearfix:before,
.clearfix:after,
.row:before,
.row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.row:after,
.clearfix:after{clear:both}
.row,.clearfix{zoom:1} 
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

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

#Header + Nav + No More IE7

-----------------------------------------*/ 
body,html{overflow-x:hidden}
#alert-section{
color:#fff;
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
  
  box-shadow:0 0 3px #000;
}

.alert-inner{padding:10px 0}
.alert-images{float:left;padding:10px 0}
.red-alert{float:left;margin-right:10px;}
.alert-text{float:left;margin-top:12px}
.alert-notice{padding:10px 0;font-size:12px;line-height:1.3}
.alert-notice h4{margin:0;padding:6px 0 0 0;color:#fff;font-size:16px;line-height:1.5;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.alert-notice p{margin:0}
.alert-notice a{color:#c42b27;}

.alert{background:#CC3535;border:5px solid #FF6391;color:#fff;padding:20px;font-size:16px}
.no-more-ie{overflow:hidden}
.no-more-ie span{float:left;width:75%}
.no-more-ie img{width:40px;padding:0 7px}
.browser-icons{width:25%;float:right;text-align:right}

#nav{position:relative;z-index:999}
#menu-icon{display:none}
.nav {margin:0}
.nav li{display:block;float:left;margin:0}
.nav li a{background:url(../_images_/nav-bg.png);color:#fff;font-size:14px;font-weight:bold;display:block;padding:14px 0;border-right:1px solid #fff;text-align:center;text-decoration:none;width:159px}
.nav li.active > a, 
.nav > li > a:hover{background:url(../_images_/nav-hov.png) center center no-repeat;color:#003d7d}
.nav > li > ul{}
.nav > li:hover > a{background:url(../_images_/nav-hov.png) center center no-repeat;color:#003d7d}
.nav ul{margin:0;display:none;left:0;padding:20px 0 20px 0;position:absolute;width: 100%;z-index:9999; background:#fff;box-shadow:inset 0 0 60px 0px #ebf1f4;-moz-box-shadow:inset 0 0 60px 0px #ebf1f4;-webkit-box-shadow:inset 0 0 60px 0px #ebf1f4}
.nav ul li{display:inline;float:left;height:auto;margin:0 20px 0px 20px;width:147px}
.nav ul a {background: none;border:none;color: #003C81;float: left;font-weight: 700;height: auto;padding: 0 10px 0 0; text-align: left;text-shadow: none;text-transform: uppercase}
.nav ul ul{background:none;border:none;clear:both;display:block;padding:0;margin:25px 0 10px;overflow:hidden;position:relative;width:auto;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}
.nav ul ul li{background:none;clear:both;margin:3px 0}
.nav ul ul a{background:none;font-size:12px; color:#000;font-weight:normal; width:100%;text-transform:none;}
.nav ul ul a:hover{color:#999}
.nav li:hover > ul{display:block}


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

#index

-----------------------------------------*/ 
header {background:#fff}
.logo {margin-top:60px;margin-bottom:20px}
.logo a {padding-left:20px}
.top-nav-wp {font-size:12px;font-weight:bold;color:#003E7E;text-transform:uppercase;margin:20px 0;text-align:right}
.top-nav-wp a {text-decoration:none}
.header-right-wp {padding-right:20px}
.search-wp {float:right;margin-left:253px}
.search-icon {float:left}
.search-form {margin:0}
.search-form input {padding:4px 10px 5px;height:16px;border:0;float:left;font-size:12px;width:56%;box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.2);border-radius:0;}
.search-form input:focus {border:0!important}
.search-form button {width:31px;height:25px;padding:12px 15px;border-radius:0px;background:url(../_images_/search_go.png) center center no-repeat}
.content {background:#fff;padding-top:20px}
.topic-slider {background:#f3f6f8;margin-left:0px!important;margin-bottom:20px;margin-right:-10px;padding-right:10px}
.topic-slider-outer-wp {margin-right:-10px}
.topic-slider h2 {background:#252961;color:#fff;padding:2px 0;text-align:center;font-size:11px;font-weight:bold;}
.topic-slider h2 span {font-size:14px}
.title-arrow {padding-left:4px;padding-right:4px}
.topic-slider-wp {padding:0 20px;position:relative;}
.calendar {margin-right:-10px!important}
.calendar-outer-wp {margin-right:-10px}
.calendar h2 {background:#252961;color:#fff;padding:3px 0 3px 15px;font-size:14px;font-weight:bold}
.calendar h2 span {padding-right:15px}
.calendar h2 a {top:3px;position:relative}
footer {background:#252961 url(../_images_/tree_footer.png) bottom center no-repeat}
.footer-wp {padding:20px 10px}
.social-media a {margin-right:15px}
.feedback-link {padding-left:50px;position:relative;top:-5px}
.three-columns-wp {padding-top:35px}
.major-projects, .online-projects {border-right:1px solid #fff;padding-right:10px}
.major-projects h3, .online-projects h3, .extra-catagory h3 {font-size:14px;margin-bottom:0px!important;margin-top:10px!important;font-weight:bold;text-transform:uppercase;color:#fff;border:0!important;padding:0!important;}
.footer-list {list-style:none;margin:0;padding:0}
.footer-list li {margin-bottom: 0}
.footer-list li a {text-decoration:none;color:#fff;font-size: 11px}
.footer-list li a:hover, .footer-text a:hover {color: #b9bec0}
.footer-bottom {margin-top:90px}
.footer-text {text-align:right;color:#fff;font-size:13px;font-weight:bold;text-transform:uppercase;margin-top:42px;margin-bottom:0;margin-left: 0 !important;margin-right: 30px !important;}
.footer-text a {color:#fff;text-decoration:none}
.footer-text-wp {margin-bottom: 0!important;line-height: 20px}
.footer-bottom-text {font-size: 10px;font-weight: bold}
.footer-text-wp img {position: relative;top: 4px;margin-right:5px;max-width: 35%;width:100px;}
#google-translate{display:none}
#translation-links{padding:0;margin:0}
#translation-links li{position:relative;margin:0;list-style:none}
#translation-links ul{padding:30px;margin:0;position:absolute;bottom:100%;right:0;width:700px;background:#fff;display:none}
#translation-links ul li{float:left;width:25%;padding-right:15px;padding:5px 15px 5px 0}
#translation-links ul li a{color:#000}
#translation-links span{font-size:10px;cursor:pointer}
#freeform .content {background:url(../_images_/new_content.png) top left repeat-y}
.breadcrumbs {text-align:right;padding-top:65px;color:#231F20}
.breadcrumbs a {color:#231F20;text-decoration:none}
.breadcrumbs a:hover {color: #999}
.left-content-wp {padding:0 10px 20px}
.freeform-page-title h4 {font-size:15px;font-weight:bold;margin-bottom:0;text-transform:uppercase;margin-top:20px}
.freeform-page-title h1 {font-weight:bold}
.right-content {margin-left:0px!important;margin-right:0px!important;margin-top:-20px;margin-bottom:-20px;}
.right-content-wp {background:transparent!important;margin-right:-20px;padding:20px}
.right-content-wp h2 {font-weight:bold}
.freeform-1, .freeform-2, .freeform-3 {margin-bottom:40px}
.major-projects-wp, .online-projects-wp, .extra-catagory {padding-bottom: 13px}
.background-color {background: #E9F3F6}
.topic-slider-2 {background: #f3f6f8;margin-left: 0;margin-top:20px;margin-bottom: 20px;margin-right: 0px;padding-right: 10px}
.topic-slider-2 h2 {background:#252961;color:#fff;padding:2px 0;text-align:center;font-size:11px;font-weight:bold;}
.topic-slider-2 h2 span {font-size:14px}
.calendar-outer-wp-2 {padding: 9px;background: #fff}
.freeform-1-wp-2 {padding: 9px;background: #fff}
.calendar-2 h2 {background: #252961;color: #fff;padding: 3px 0 3px 0px;text-align:center;font-size: 14px;font-weight: bold}
.view-full {text-align: center;margin-top: 10px}
.map-title {text-align: center;text-transform: uppercase;font-size: 14px;color: #003E7E}
#mapsUsSaddr {max-width: 96% !important}
.footerBtn a img {width: inherit}
.sliderbtn, .colorBtn {z-index: 9}
.footer-text p {margin-bottom: 0}
#revize-login {font-size: 10px}
.calendar-wp iframe {width: 100%}
.fullwidth .content {background: #fff!important}


.faqs-toggle{clear:both;overflow:hidden;border-bottom:1px solid #818284}
.faqs-heading{padding:11px 32px;cursor:pointer;position:relative;border-top:1px solid #818284;margin:3px 0 0 0;background:#fff url(../_images_/arrow-right-acc.png) no-repeat 10px center;-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;-webkit-backface-visibility:hidden;font-size:15px;font-weight:bold;text-transform:uppercase;color:#003E7E}
.faqs-heading.active{background:#fff url(../_images_/arrow-down-acc.png) no-repeat 10px center;color:#003E7E}
.faqs-toggle-content{padding:10px 20px 0;border-top:none;margin:0 0 3px;background:#fff}
.faqs-toggle-content p{margin:0 0 20px}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {  
.faqs-heading{background-image:url(../../_images_/arrow-down@2x.png);background-size: 22px 22px;}
.faqs-heading.active{background-image:url(../../_images_/arrow-up@2x.png);background-size: 22px 22px;}
}

.list_carousel{margin:0 0 10px 0px; width:360px}
.list_carousel ul{margin:0; padding:0; list-style:none; display:block}
.list_carousel li{color:#000; text-align:center; border:0px solid #999; width:130px; height:142px; padding:0; margin:6px; display:block; float:left}
.list_carousel li a{color:#000; text-decoration:none; font-weight:bold; font-size:10px}
.list_carousel li a span{display:block; padding-top:5px}
.list_carousel.responsive{width:auto; margin-left:0}
.clearfix{float:none; clear:both}
.prev{float:left; margin-left:5px;   position:absolute;   left:0;   top:40%;   background:url(../_images_/arrow-left.png) center center no-repeat;   text-decoration:none;   padding:2px 5px;   height:15px;   width:7px;   text-indent:-9999px;   font-size:0}
.next{float:right; margin-right:5px;   position:absolute;   right:0;   top:40%;     height:15px;   width:7px;   background:url(../_images_/arrow.png) center center no-repeat;  text-decoration:none;  padding:2px 5px;  text-indent:-9999px;  font-size:0}
.pager{float:left; width:300px; text-align:center}
.pager a{margin:0 5px; text-decoration:none}
.pager a.selected{text-decoration:underline}
.timer{background-color:#999; height:6px; width:0px}

.notify_me {padding-bottom: 20px}
.notify_me img {vertical-align: middle}


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

#FlexSlider

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

/* Browser Resets */
.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 Necessary Styles
*********************************/ 
.flexslider,.flexslider * {margin: 0; padding: 0}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block}
.flex-pauseplay span {text-transform: capitalize}

/* 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 {margin: 0; background: #fff; 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}

/* Direction Nav */
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../_images_/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1}
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default}

/* Control Nav */
.flex-control-nav {position: absolute; bottom: 20px;padding-right:20px;right:0}
.flex-control-nav li {margin: 0 5px; display: inline-block; zoom: 1; *display: inline}
.flex-control-paging li a {width: 14px; height: 14px; display: block; background: #daeed9; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow:0 0 4px 0px rgba(0,0,0,0.7)}
.flex-control-paging li a:hover { background: #daeed9; }
.flex-control-paging li a.flex-active { background: #fff; 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}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0}
  .flex-direction-nav .flex-next {opacity: 1; right: 0}
}


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

#Bootstrap v2.3.2 tables only

-----------------------------------------*/
.table{max-width:100%!important;background-color:#fff;border-collapse:collapse;border-spacing:0}
.table textarea{min-width:220px;max-width:100%!important;border:1px solid #e1e1e1}
.table caption{background:#e1e1e1;color:#fff;text-align:left;padding:10px 20px}
.table{width:100%;margin-bottom:20px}
.table th, 
.table td{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #e1e1e1}
.table th{font-weight:bold}
.table thead th{vertical-align:bottom}
.table caption+thead tr:first-child th, 
.table caption+thead tr:first-child td, 
.table colgroup+thead tr:first-child th, 
.table colgroup+thead tr:first-child td, 
.table thead:first-child tr:first-child th, 
.table thead:first-child tr:first-child td{border-top:0}
.table tbody+tbody{border-top:2px solid #e1e1e1}
.table .table{background-color:#fff}
.table-condensed th, 
.table-condensed td{padding:4px 5px}
.table-bordered{border:1px solid #e1e1e1;border-collapse:separate;*border-collapse:collapse;border-left:0}
.table-bordered th, 
.table-bordered td{border-left:1px solid #e1e1e1}
.table-bordered caption+thead tr:first-child th, 
.table-bordered caption+tbody tr:first-child th, 
.table-bordered caption+tbody tr:first-child td, 
.table-bordered colgroup+thead tr:first-child th, 
.table-bordered colgroup+tbody tr:first-child th, 
.table-bordered colgroup+tbody tr:first-child td, 
.table-bordered thead:first-child tr:first-child th, 
.table-bordered tbody:first-child tr:first-child th, 
.table-bordered tbody:first-child tr:first-child td{border-top:0}
.table-bordered thead:first-child tr:first-child >th:first-child, 
.table-bordered tbody:first-child tr:first-child >td:first-child, 
.table-bordered tbody:first-child tr:first-child >th:first-child{-webkit-border-top-left-radius:0px;-moz-border-radius-topleft:0px;border-top-left-radius:0px}
.table-bordered thead:first-child tr:first-child >th:last-child, 
.table-bordered tbody:first-child tr:first-child >td:last-child, 
.table-bordered tbody:first-child tr:first-child >th:last-child{-webkit-border-top-right-radius:0px;-moz-border-radius-topright:0px;border-top-right-radius:0px}
.table-bordered thead:last-child tr:last-child >th:first-child, 
.table-bordered tbody:last-child tr:last-child >td:first-child, 
.table-bordered tbody:last-child tr:last-child >th:first-child, 
.table-bordered tfoot:last-child tr:last-child >td:first-child, 
.table-bordered tfoot:last-child tr:last-child >th:first-child{-webkit-border-bottom-left-radius:0px;-moz-border-radius-bottomleft:0px;border-bottom-left-radius:0px}
.table-bordered thead:last-child tr:last-child >th:last-child, 
.table-bordered tbody:last-child tr:last-child >td:last-child, 
.table-bordered tbody:last-child tr:last-child >th:last-child, 
.table-bordered tfoot:last-child tr:last-child >td:last-child, 
.table-bordered tfoot:last-child tr:last-child >th:last-child{-webkit-border-bottom-right-radius:0px;-moz-border-radius-bottomright:0px;border-bottom-right-radius:0px}
.table-bordered tfoot+tbody:last-child tr:last-child td:first-child{-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0}
.table-bordered tfoot+tbody:last-child tr:last-child td:last-child{-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0}
.table-bordered caption+thead tr:first-child th:first-child, 
.table-bordered caption+tbody tr:first-child td:first-child, 
.table-bordered colgroup+thead tr:first-child th:first-child, 
.table-bordered colgroup+tbody tr:first-child td:first-child{-webkit-border-top-left-radius:0px;-moz-border-radius-topleft:0px;border-top-left-radius:0px}
.table-bordered caption+thead tr:first-child th:last-child, 
.table-bordered caption+tbody tr:first-child td:last-child, 
.table-bordered colgroup+thead tr:first-child th:last-child, 
.table-bordered colgroup+tbody tr:first-child td:last-child{-webkit-border-top-right-radius:0px;-moz-border-radius-topright:0px;border-top-right-radius:0px}
.table-striped tbody >tr:nth-child(odd) >td, 
.table-striped tbody >tr:nth-child(odd) >th{background-color:#f9f9f9}
.table-hover tbody tr:hover >td, 
.table-hover tbody tr:hover >th{background-color:#f5f5f5}
table td[class*="span"], 
table th[class*="span"], 
.row-fluid table td[class*="span"], 
.row-fluid table th[class*="span"]{display:table-cell;float:none;margin-left:0}
.table td.span1, 
.table th.span1{float:none;width:44px;margin-left:0}
.table td.span2, 
.table th.span2{float:none;width:124px;margin-left:0}
.table td.span3, 
.table th.span3{float:none;width:204px;margin-left:0}
.table td.span4, 
.table th.span4{float:none;width:284px;margin-left:0}
.table td.span5, 
.table th.span5{float:none;width:364px;margin-left:0}
.table td.span6, 
.table th.span6{float:none;width:444px;margin-left:0}
.table td.span7, 
.table th.span7{float:none;width:524px;margin-left:0}
.table td.span8, 
.table th.span8{float:none;width:604px;margin-left:0}
.table td.span9, 
.table th.span9{float:none;width:684px;margin-left:0}
.table td.span10, 
.table th.span10{float:none;width:764px;margin-left:0}
.table td.span11, 
.table th.span11{float:none;width:844px;margin-left:0}
.table td.span12, 
.table th.span12{float:none;width:924px;margin-left:0}
.table tbody tr.success >td{background-color:#dff0d8}
.table tbody tr.error >td{background-color:#f2dede}
.table tbody tr.warning >td{background-color:#fcf8e3}
.table tbody tr.info >td{background-color:#d9edf7}
.table-hover tbody tr.success:hover >td{background-color:#d0e9c6}
.table-hover tbody tr.error:hover >td{background-color:#ebcccc}
.table-hover tbody tr.warning:hover >td{background-color:#faf2cc}
.table-hover tbody tr.info:hover >td{background-color:#c4e3f3}


/* #Media Queries
================================================== */

	@media only screen and (min-width: 960px) {

	.nav{display:block!important}

}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

    #menu-icon{display:block;background:#252961;color:#fff;padding:10px;line-height:21px;font-size:21px;cursor:pointer}
    #menu-icon span{display:block;width:30px;height:3px;background:#fff;float:left;clear:both;margin:3px 10px 0 0}

.nav{clear:both;width:100%;z-index:10000;background:#252961;margin:0;display:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
	.nav li{clear:both;float:none;padding:0;height:auto;margin:0!important}
	.nav >li >a{font-size:14px;font-weight:bold}
	.nav >li >a:after{content:"";border:5px solid transparent;border-top:5px solid #252961;position:relative;top:10px;left:10px;}	
	.nav >li >a:hover:after{border-top-color:#fff}
	.nav li a{padding:10px 15px!important;width:auto;background:#fff;text-align:left;color:#252961}
	.nav a, 
	.nav li ul li a{background:#fff;font:inherit;font-size:14px;text-transform:none;color:#252961;display:block;width:auto!Important;float:none;padding:7px 10px 7px 20px!Important;clear:both;border-bottom:1px solid #eee}
.nav li ul li ul li a {padding-left:30px!important;font-size:12px!important}
.nav a:hover, 
	.nav ul a:hover{ color:#fff;background:#0e0a25}
	.nav ul{width:auto;padding:0;position:static;border:none;background:inherit;clear:both;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}
	.nav ul li{display:block;float:none;height:auto;margin:0;width:100%; padding:0}
	.nav ul ul{display:block;background:none;border:none;clear:both;padding:0;margin:0;overflow:hidden;position:relative;width:auto;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}
	.nav li a:hover{background:#252961!important;color:#fff!important}
	.nav li li a:before{content:"- "}
	.nav li li li a:before{content:"-- "}
.nav > li:hover > a{background:#fff;color:#252961}


.search-wp {margin-left:132px}
.calendar h2 {text-align:center;padding:3px 0!important}
.footer-text {margin-right:6px !important;margin-top:30px!important}
.breadcrumbs {padding-bottom:10px}
#freeform .content {background:#fff!important}
    .table-responsive {
    	width:100%;
    	max-width:100%;
    	margin-bottom:15px;
    	overflow-x:scroll;
    	overflow-y:hidden
    }
	.table-responsive > .table {
		margin-bottom:0;
		background-color:#fff
	}
	.table-responsive > .table > thead > tr > th,
	.table-responsive > .table > tbody > tr > th,
	.table-responsive > .table > tfoot > tr > th,
	.table-responsive > .table > thead > tr > td,
	.table-responsive > .table > tbody > tr > td,
	.table-responsive > .table > tfoot > tr > td {
		white-space:nowrap
	}
	.table-responsive > .table-bordered {
		border:0
	}
	.table-responsive > .table-bordered > thead > tr > th:first-child,
	.table-responsive > .table-bordered > tbody > tr > th:first-child,
	.table-responsive > .table-bordered > tfoot > tr > th:first-child,
	.table-responsive > .table-bordered > thead > tr > td:first-child,
	.table-responsive > .table-bordered > tbody > tr > td:first-child,
	.table-responsive > .table-bordered > tfoot > tr > td:first-child {
		border-left:0
	}
	.table-responsive > .table-bordered > thead > tr > th:last-child,
	.table-responsive > .table-bordered > tbody > tr > th:last-child,
	.table-responsive > .table-bordered > tfoot > tr > th:last-child,
	.table-responsive > .table-bordered > thead > tr > td:last-child,
	.table-responsive > .table-bordered > tbody > tr > td:last-child,
	.table-responsive > .table-bordered > tfoot > tr > td:last-child {
		border-right:0
	}
	.table-responsive > .table-bordered > thead > tr:last-child > th,
	.table-responsive > .table-bordered > tbody > tr:last-child > th,
	.table-responsive > .table-bordered > tfoot > tr:last-child > th,
	.table-responsive > .table-bordered > thead > tr:last-child > td,
	.table-responsive > .table-bordered > tbody > tr:last-child > td,
	.table-responsive > .table-bordered > tfoot > tr:last-child > td {
		border-bottom:0
	}

	#translation-links{display:none}

}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	.alert-text{width:200px}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.responsive-table td{display:block;width:100%;padding:0;}
		#recaptcha_table  td, #recaptcha_table th {display:table-cell;}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
    .logo {margin-top:20px!important}
    .logo a {padding:0}
.header-right-wp, .logo-wp {padding:0 20px}
  .topic-slider {padding:0}
.calendar {margin:20px 0!important}
.topic-slider-outer-wp, .calendar-outer-wp {margin-right:0}
.major-projects, .online-projects {padding:0px;border:0}
footer {background:#252961}
.footer-wp {padding:0px}
.social-media {margin:20px 0!important;text-align:center}
.social-media a {padding:0;margin:0;}
.footer-text {margin:0!important;text-align:center;padding-bottom:20px}
.footer-bottom {text-align:center;padding-bottom:20px}
.online-projects-wp, .major-projects-wp, .extra-catagory-wp, .calendar-wp {padding:0 20px}
.top-nav-wp {text-align:center}
.search-wp {margin:0;float:none;padding-bottom:20px}
.search-form input {width:77%}
.footer-text-wp {position:relative;padding:0 20px}
#freeform .content {background:#fff}
.right-content-wp {margin-right:0;}
.breadcrumbs {padding-top:0}
.background-image {background: transparent;}
  
  }

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

    .logo {margin-top:20px!important}
    .logo a {padding:0}
.header-right-wp, .logo-wp {padding:0 20px}
  .topic-slider {padding:0}
.calendar {margin:20px 0!important}
.topic-slider-outer-wp, .calendar-outer-wp {margin-right:0}
.major-projects, .online-projects {padding:0px;border:0}
footer {background:#252961}
.footer-wp {padding:0px}
.social-media {margin:20px 0!important;text-align:center}
.social-media a {padding:0;margin:0;}
.footer-text {margin:0!important;text-align:center;padding-bottom:20px}
.footer-bottom {text-align:center;padding-bottom:20px}
.online-projects-wp, .major-projects-wp, .extra-catagory-wp, .calendar-wp {padding:0 20px}
.top-nav-wp {text-align:center}
.search-wp {margin:0;float:none;padding-bottom:20px}
.search-form input {width:68%}
  .footer-text-wp {position:relative;padding:0 20px}
#freeform .content {background:#fff}
.right-content-wp {margin-right:0;}
.breadcrumbs {padding-top:0}
}