/* https://github.com/nathansmith/960-Grid-System/blob/master/code/css/min/reset.css */

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;font-size:100%;margin:0;padding:0}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}svg{overflow:hidden}

/* https://github.com/nathansmith/960-Grid-System/blob/master/code/css/min/960_12_col.css */

body{min-width:960px}.container_12{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_3{left:240px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_6{left:480px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_9{left:720px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_3{left:-240px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_6{left:-480px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_9{left:-720px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1}

body { height: auto; font-family: 'Pontano Sans', arial, sans-serif; color: #666; font-size: 100%; line-height: 1.4; }
p { margin: 0.7em 0; }
small, .small { font-size: smaller; }
strong, .strong, b, th { font-weight: bold; }
em, i { font-style: italic; }
a { text-decoration:none; color:#d92100; }
a:hover { text-decoration:none; }
h1 {font-size:2.4em; color:#d92100; font-weight:normal;}
h2 { font-size:1.8em; margin-bottom:15px; color:#d92100; font-weight:normal;}
h3 { font-size:1.4em; color:#d92100; font-weight:normal;}
h4 { font-size:1.2em; color:#d92100; font-weight:normal;}
.center {text-align:center;}

ul { margin: 0.7em 0; }
li { margin-left: 2em; }

a.online { color: #00cc33; }
a.offline { color: #d92100; }

#footer {text-align:center; color:#cccccc; font-size:smaller; padding:30px 0 10px 0; }
#footer a { color:#999;}

#thanks { border: 2px solid #00ff00; padding:6px 10px; margin: 6px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color: #ccffcc;}


#page-wrap { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;background-color:#fff;margin: 0 auto; padding-bottom:10px;}

/* ADMIN NAVIGATION BAR */

#admin {
height:50px;
margin-bottom: 10px;
border-bottom: 1px solid #ccc;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top, #f4f4f4 0%, #dfdfdf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f4f4 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4f4f4 0%,#dfdfdf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4f4f4 0%,#dfdfdf 100%); /* IE10+ */
background: linear-gradient(top, #f4f4f4 0%,#dfdfdf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */
}

#admin-nav {position:absolute; left:0; top:9px; z-index:2; height:40px; list-style:none; margin: 0; padding: 0;}
#admin-nav li {position:relative; float:left; margin: 0; padding: 0; }
#admin-nav a.maintwo { border:1px solid #dfdfdf; border-bottom:none;
background-image: url('images/layout/brigades_icons.png'); background-repeat:no-repeat; background-color:#eee;text-shadow:1px 1px #fff;
margin-bottom:-1px;color:#888; display:block; padding:0 13px 0 40px; line-height:40px; font-size:1.2em;
height:40px; margin:0 1px 0 1px; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}

#admin-nav a.current, #admin-nav a:hover {background-color:#fff; border:1px solid #ccc; border-bottom:1px solid #fff; color:#555;}

#admin-nav a#prev-link {background-position: 8px 10px;}
#admin-nav a#prev-link:hover, #admin-nav a#prev-link.current {background-position: 8px -50px;}
#admin-nav a#edit-link {background-position: 8px -113px;}
#admin-nav a#edit-link:hover, #admin-nav a#edit-link.current {background-position: 8px -173px;}

#admin-nav .submenu { position: absolute; top: 42px; left: 1px; background-color:#fff; border:1px solid #dfdfdf; border-top:none; display: none; width:170px; z-index:99; color: #eee; }

#admin-nav .submenu a {background:none;display:block; padding:6px 15px !important; color:#999;border:none;border-bottom:1px solid #eee;}
#admin-nav .submenu a:hover {background-color:#eee; color:#666;}

#admin-status {position:absolute; right:0; top:12px; z-index:2; }

#brigade-header {}

.brigade-header-small {border:1px solid #333;}

#image-none, #image-upload, #image-options {display:none;padding-top:15px;}

a#new-page {position:absolute; right:11px; top:11px; z-index:3; width:28px; height:28px; background:transparent url('images/layout/ufba-plus.png') no-repeat left top;}
a#new-page:hover { background-position: 0 -28px;}

.news { margin-bottom:20px;}
.news a {color:#666;}
.news h3 {background-color:#eee;padding:5px 10px;margin-bottom:0;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.news-box {}
.news-box-brief { border-bottom:1px dotted #ccc; padding:10px 0;}
.news-box-full { border-bottom:1px dotted #ccc; padding:20px 0;}

.post_meta {color:#999; font-size:smaller;}

.alignleft { float:left; padding: 0 15px 15px 0; }
.alignright { float:right; padding: 0 0 15px 15px; }

.supporters-list { margin-bottom:10px; padding-bottom:10px; border-bottom:3px solid #eee;}
.gallery-image {border:10px solid #eee; margin-bottom:10px; }
.gallery-image:hover {border:10px solid #dfdfdf; }
.supporter-image {border:10px solid #eee; }
.supporter-image:hover {border:10px solid #dfdfdf;}
/* FAQ STYLES */
.faq_q { font-weight:bold; cursor:pointer; }
.faq_a {padding-top:5px;}

#top-bar {color:#999; margin:10px 0; font-size:smaller;}
#top-bar a {color:#999;}
#top-bar a:hover {color:#666;}

a.brigade_side_facebook {display:block;opacity:0.5; filter: alpha(opacity = 50); width:300px; height:60px;margin-top:5px;background:transparent url('images/layout/brigade_img.png') no-repeat left 0px;}
a.brigade_side_twitter {display:block;opacity:0.5; filter: alpha(opacity = 50); width:300px; height:60px;margin-top:5px;background:transparent url('images/layout/brigade_img.png') no-repeat left -60px;}
a.brigade_side_twitter:hover, a.brigade_side_facebook:hover {opacity:1.0; filter: alpha(opacity = 100);}

/* DROPDOWN MENU */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin:0;padding:0;list-style:none; }
.sf-menu { line-height:1.0; }
.sf-menu ul {position:absolute;top:-999em; width:10em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width:100%; }
.sf-menu li:hover { visibility:	inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li { float:left; position:relative; }
.sf-menu a { display:block; position:relative; }
.sf-menu li:hover ul,.sf-menu li.sfHover ul { left:0px; top:2.5em; /* match top ul list item height */ z-index:99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:10em; /* match ul width */ top:0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:10em; /* match ul width */ top:0; }

/*** CUSTOM STYLES ***/
#navigation { height:50px; background:#ccc url('images/layout/ufba_nav_bg2.png') repeat-x left top; margin-bottom:15px;
position:relative; border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.sf-menu { margin-bottom:-1px; position:absolute; left:10px; top:10px;}
.sf-menu a.top { border:1px solid #ccc; padding: 0 12px; line-height:39px; height:39px; color:#666; font-size:1.1em; font-weight:normal; background:transparent url('images/layout/trans.png') repeat-x left -300px; margin-right:3px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
} /* TOP LEVEL LINKS */
.sf-menu a.current {color:#666; background:none; background-color:#fff; border:1px solid #ccc; border-bottom:1px solid #fff;}
.sf-menu ul { width: 10em; border: 1px solid #ccc; border-top:none; background-color:#ccc;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
} /* WIDTH OF SUBMENUS */
.sf-menu ul a { height: auto; line-height: 1.1; padding: 0.5em 1em; margin-top:1px;background:transparent url('images/layout/trans.png') repeat-x left -300px;} /* SUB LEVEL LINKS */
.sf-menu li:hover ul, .sf-menu li.sfHover ul { top: 40px; } /* VERTICAL DISTANCE TO OFFSET SUBMENUS */
.sf-menu li:hover a.top, .sf-menu li.sfHover a.top {  }
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active  { text-decoration:none; background:transparent url('images/layout/trans.png') repeat-x left -225px;}
.sf-menu ul a:focus, .sf-menu ul a:hover, .sf-menu ul a:active { background:transparent url('images/layout/trans.png') repeat-x left -300px;}

/*** ARROWS **/
.sf-menu a.sf-with-ul { padding-right:1.7em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position:absolute;display:block;right:.75em;top:15px; /* IE6 only */width:10px;height:10px;text-indent:-999em;overflow:hidden; background:url('images/layout/arrows-brigades.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
.sf-menu a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top:15px; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
.sf-menu a.current > .sf-sub-indicator,.sf-menu a.current:hover > .sf-sub-indicator, .sf-menu li:hover > a.current > .sf-sub-indicator, .sf-menu li.sfhover > a.current > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ }

.table-standard { width: 100%; }
.table-standard td { padding: 5px; }
.table-border { width: 100%; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.table-border td { padding: 5px; border-bottom:1px solid #ccc;border-right:1px solid #ccc;}

/* =Form Field Formatting ------------------------------------------------------ */

.tableCellTwo, .tableCellOne { padding: 4px 0 4px 0;}
.tableCellOne div { padding-right: 10px;}
fieldset { border: none; }
.input, .select, .multiselect, .textarea { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border: 1px solid #adaba3; padding:5px; color:#666666; background-color:#fff;}
.submit { background: #D92100 url('images/layout/ufba_nav_bg2.png') repeat-x left top; display:block; border:0; float:left; font-size:1em; color:#ffffff; padding:8px 12px; margin:9px 10px 10px 0; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; cursor: pointer;}
.passwrd { margin-bottom:15px; padding-bottom:15px; }
.highlight {color:#d93d19;}
.search_input {width:110px; border:1px solid #d93d19; padding:5px; color:#999999;}
.search_submit { padding:4px 0 4px 10px; border:0; background: transparent url('/images/layout/ufba_images.png') no-repeat left -292px; cursor:pointer; color:#ffffff; width:70px;}
#page_search {line-height:40px; padding-left:10px;}
.table td {padding:4px; vertical-align:top;}
.table { width:100%; }
.fullwidth { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.error { color:#d92100; }