/*
f91717 lighter red
dark red #d93d19
cream #e9e8e3
cream dark cdcbc3
cream darker adaba3
6f6d66
light text on red bg - f5aaaa
main red - d92100
darker red - c12805
*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.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;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.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;}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* SUPERFISH */
/*** 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:			0;
	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;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;

}
.sf-menu a {
	padding: 		.6em 0.6em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
	background:		#BDD2FF;
}
.sf-menu li li {
	background:		#AABDE6;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#CFDEFF;
	outline:		0;
}

/*** 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:			1.00em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/images/layout/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}




/* GENERAL STYLES */

body { color: #444; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 87.5%; line-height: 1.3; background: transparent url('/images/layout/ufbabg.jpg') no-repeat center top; }


p { margin: 0.75em 0; }
small, .small { font-size: smaller; }
strong, b { font-weight: bold; }

a { color: #d92100; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { font-size: 2.0em; color: #d92100; }
h2 { font-size: 1.6em; color: #d92100; }
h3 { font-size: 1.2em; color: #333; }
h3 a { color: #333; }
h4 { font-size: 1.0em; color: #333; }
h4 a { color: #333; }

.aligncenter { text-align: center; }
.aligntop, aligntop td { vertical-align: top; }
.alignright { text-align: right; }

.padtable { width: 100%; }
.padtable td { padding: 5px 0; }

/* LINKS */

.buttons {clear:both;}
a.button {display:block; float:left; font-size:11px; line-height:21px; background: #d93d19 url('/images/layout/button.png') no-repeat left top; color:#ffffff; height:21px; padding:0 10px 0 20px; margin:5px 10px 10px 0;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
a.button2 {display:block; float:left; font-size:11px; line-height:21px; background: #e9e8e3 url('/images/layout/button2.png') no-repeat left top; color:#666666; height:21px; padding:0 10px 0 20px; margin-right:10px; -moz-border-radius: 3px;margin:5px 10px 10px 0;-webkit-border-radius: 3px;}
a.button:hover, a.button2:hover {background-position:0 -21px; }

#member_nav {padding-left:20px;}
#member_nav li { color:#999999; float:left;font-size:13px; line-height:40px; padding:0 20px 0 15px; background: transparent url('/images/layout/ufba_images.png') no-repeat 0 -184px;}

#member_nav a {display:block; float:right; color:#999; line-height:40px; padding:0 20px 0 15px; background: transparent url('/images/layout/ufba_images.png') no-repeat 0 -184px;}
#member_nav a.last {background:none;}
#member_nav a:hover {color:#d92100;}

/* IMAGES */
img {vertical-align:bottom;}
.imgborder { border:1px solid #cdcbc3; padding:5px; }
.imginlineleft { float:left; display:inline; padding: 0 20px 20px 0;}
.imginlineright { float:right; display:inline; padding: 0 0 20px 20px;}

/* ENTRY LIST BLOCK STYLES */
.list { padding:10px 0 10px 0; margin-top:20px;}
.listalt {background-color:#dfdfdf; padding:10px 0 10px 0;}
.list2 { margin-bottom:10px; padding-bottom:10px; border-bottom:3px dotted #eee;}
.list2 h3 a {color:#333;}
.list2 h3 a:hover {color:#d92100;}
.list3 { margin-bottom:5px; padding-bottom:5px; border-bottom:3px dotted #eee;}
.list3 p {margin-bottom:3px; line-height:100%; font-size:90%;}

.postmeta { line-height:100%; font-size:0.85em; color:#adaba3; padding:3px 0 3px 15px; background: transparent url('/images/layout/bullet-dark.png') no-repeat left 5px; }

/* FAQ STYLES */
.faq_q { font-weight:bold; cursor:pointer; }
.faq_a {padding-top:5px;}

/* EVENT STYLES */
.eventdate { text-align:center; border:2px solid #d92100;}
.eventdate_m { background-color:#d92100; color:#fff; }
.eventdate_d { font-size:26px; line-height:30px; }
.eventdate_y {color:#999;}

/* TIMELINE */
.timeline_year { font-weight:bold; padding:10px 0 10px 0; text-align:right;}
.timeline_desc { border-left: 1px solid #d93d19; padding:10px;}

/* EVENTS SIDEBAR STYLES */

h2.news, h2.events, h2.firenews { padding-left: 35px; color: #333; margin: 10px 0 5px 0; font-size: 1.4em; height: 35px; line-height: 35px; }
h2.events { background: url('/images/layout/ufba_images.png') no-repeat 0 -150px; }
h2.news { background: url('/images/layout/ico-news.png') no-repeat left top; }
h2.firenews { background: url('/images/layout/ico-firenews.png') no-repeat left top; }

ul#events_tabs { list-style: none; display: block; width: 220px; height: 31px; line-height: 31px; font-size: 1.285em; }
ul#events_tabs li { float: left; width: 110px; }
ul#events_tabs li a { display: block; height: 31px; padding: 0 10px; text-align: center; color: black; }
ul#events_tabs li a.current { background-color: #d92100; color: white; text-decoration: none; cursor: default; }
#events_panes { border-top: 5px solid #d92100; border-bottom: 5px solid #d92100; padding-top: 10px; }

.sidebar_item { margin: 5px 0; }

#events_minical table.minicalendar { width: 100%; text-align: center; }

/*

#sidebar_events div.pane { display:none; padding:10px 10px 10px 10px; margin-bottom:10px; border:1px dotted #999; }
#sidebar_events li { padding:5px 0 5px 20px; background: transparent url('/images/layout/ufba_images.png') no-repeat 0 -206px; border-bottom:1px dotted #cccccc;}
#sidebar_events h2 { color: #666; }
#sidebar_events h2.current {color:#d92100;}

h2.news, h2.upcomingevents, h2.pastevents, h2.firenews { font-size:1.4em; padding:0 0 0 35px;cursor:pointer; line-height:35px; }

.news { background: transparent ;}
.news.current { background: transparent url('/images/layout/ico-news-current.png') no-repeat left top;}
.upcomingevents { background: transparent url('/images/layout/ufba_images.png') no-repeat 0 -150px;}
.upcomingevents.current { background: transparent url('/images/layout/ufba_images.png') no-repeat -50px -150px;}
.pastevents { background: transparent url('/images/layout/ico-pastevents.png') no-repeat left top;}
.pastevents.current { background: transparent url('/images/layout/ico-pastevents-current.png') no-repeat left top;}
.firenews { background: transparent ;}
.firenews.current { background: transparent url('/images/layout/ico-firenews-current.png') no-repeat left top;}

*/

/* HOME STYLES */
#noticeboardtop { background: transparent url('/images/layout/ufba_images.png') no-repeat left -350px; height:44px; }
#noticeboard { background: transparent url('/images/layout/ufba_images.png') no-repeat left bottom; padding:0 15px 25px 15px; }

#didyouknow { background: transparent url('/images/layout/didyouknow2.png') no-repeat left top; padding:70px 15px 35px 0; font-style:italic; }
.homenewsleft  {float:left;width:80px;}
.homenewsright {float:right;width:360px;line-height:1.3em;}
.homeheader { height:31px; line-height:31px;background: transparent url('/images/layout/ufba_images.png') no-repeat 0 -100px; color:#ffffff; padding-left:30px; font-size:18px; margin-bottom:15px; }

/* SUBNAV STYLES */
#subnav li.yes ul {display:block;}
#subnav li ul {display:none;}
#subnav li { padding: 3px 0 3px 0; font-size:0.9em; border-bottom:1px dotted #cdcbc3; text-align:right;}
#subnav li a {color:#666666;}
#subnav li.yes a { font-weight:bold; color:#d92100; }
#subnav li.yes li a { font-weight:normal; border:0; }
#subnav li.yes li {border:0;}
#subnav li.yes li.yes a { font-weight:bold; border:0; }

/* FILE DOWNLOADS */
.file { padding: 5px 0 5px 25px; font-size: 85%; color:#999999;}
.file.pdf {background: transparent url('/images/layout/page_white_acrobat.png') no-repeat 5px 5px; }
.file.doc {background: transparent url('/images/layout/page_white_word.png') no-repeat 5px 5px; }
.file.misc {background: transparent url('/images/layout/page_white_text.png') no-repeat 5px 5px; }
#catlist li {cursor:pointer;}

/* PAGINATION */
.paginated { margin:20px 0 10px 0; }

/* MAIN CONTENT STYLES */
#content ul {margin-bottom:15px;overflow:hidden;}
#content li, .homelist li { padding: 4px 0 4px 25px; background: transparent url('/images/layout/ufba_images.png') no-repeat 5px -192px; }
#content h2 { margin-bottom:0.5em; cursor:pointer;}
.homelist a {color:#444;}
.docs { padding:15px;margin-bottom:15px; border:1px dotted #ffffff; background-color:#e9e8e3; }

/* PAGE SECTIONS */
#header {height:200px;}
#headbg {position:absolute; top:0px; left:560px; width:380px; height:200px;background: transparent url('/images/layout/pagerightbg2.png') no-repeat left bottom; color:#ffffff; text-align:right; font-size:11px;line-spacing:100%;}
.slidetabs {display:none;}
#headleft { position:absolute; top:51px; left:0px; width:141px; height:149px;}
#pagemeta { height:40px; background: transparent url('/images/layout/ufba_images.png') no-repeat right top; }
#facebookbutton { height:36px; display:block; width:120px; background: transparent url('/images/layout/ufba_images.png') no-repeat 0 -50px; margin: 0 0 0 20px; }

/* BREADCRUMBS */
#breadcrumbs li { display:block; float:left; font-size:13px; line-height:40px; padding:0 20px 0 15px; background: transparent url('/images/layout/ufba_images.png') no-repeat 0 -184px;}
#breadcrumbs a {color:#666666;}
#breadcrumbs a:hover {color:#d92100;}

#sectiontext { color:white; padding: 15px 15px 15px 100px; line-height:1.3em; font-size:1.1em; }
#sectiontext h2 {color:#ffffff;}
#sectiontext li { background: transparent url('/images/layout/bullet-white.png') no-repeat right 4px; padding: 4px 20px 4px 0;}
#sectiontext a {color:#ffffff;}

#nav-menu { z-index: 2; }
#nav-slideshow { height:285px; z-index: 1; }

/* FOOTER */
#footer { margin-top: 20px; padding: 10px 0 50px 0;  color: #666; width:100%; background: transparent url('/images/layout/footer_new.png') no-repeat center top; font-size:0.85em; color:#999;}
#footer ul#partners li {float:left; margin:0 20px 10px 0; }

/* SUPERFISH MENU */

.sf-menu { float: right; }
.sf-menu a { height: 30px; line-height: 30px; padding: 0 0.5em; font-size:16px;  }
.sf-menu ul { width: 11em; }
.sf-menu ul a { height: auto; line-height: 1.1; padding: 0.5em 1em; font-size:13px; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { top: 30px; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 11em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 11em; }
.sf-menu li { background: transparent; }
.sf-menu li li { background: #333333; }
.sf-menu li li li { background: #444444; }
.sf-menu a, .sf-menu a:visited  { color: white; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { color: white; background: #d92100; text-decoration: none; }


/* =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 { display:block; border:0; float:left; font-size:11px; line-height:21px; background: #d93d19 url('/images/layout/button.png') no-repeat left top; color:#ffffff; height:21px; padding:0 10px 0 20px; margin:9px 10px 10px 0;-moz-border-radius: 3px;-webkit-border-radius: 3px; 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 .botpad {padding-bottom:2px;}
.fullwidth { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.error {color:#d92100;}

/* SHOP */
.product_box { margin-left:20px; width:155px; margin-bottom:20px; float:left; }
.product_image { padding:9px;border:1px dotted #cccccc;width:135px;height:135px;margin-bottom:10px; }
.product_image:hover { border:1px dotted #333333;}
#sidebar_right .cart_title { background: transparent url('/images/layout/ico-cart.png') no-repeat left top; padding-left:35px;line-height:35px;}
#sidebar_right .cart_browse { background: transparent url('/images/layout/ico-browse.png') no-repeat left top; padding-left:35px;line-height:35px;}
.buttonbig { display: block; float: left; height: 35px; border:0; font-size:14px; line-height:35px; background-color: #d92100; color:#ffffff; padding:0 10px 0 40px; margin:9px 10px 10px 0;-moz-border-radius: 3px;-webkit-border-radius: 3px; cursor: pointer;}
.buttonbig:hover {background-position:0 -35px; }
.addtocart { background: #d93d19 url('/images/layout/button-addtocart.png') no-repeat left top; }
.checkout { background: #d93d19 url('/images/layout/button-checkout.png') no-repeat left top; }
a.checkout:hover, a.back:hover {color:#ffffff;}
.emptycart { background: #d93d19 url('/images/layout/button-emptycart.png') no-repeat left top; }
.updatecart { background: #d93d19 url('/images/layout/button-updatecart.png') no-repeat left top; }
.placeorder { background: #d93d19 url('/images/layout/button-placeorder.png') no-repeat left top; }
.back { background: transparent url('/images/layout/button-back.png') no-repeat left top; }
table.cart, table.cartnopad { width: 100%; }
table.cartnopad td {padding:0;}
table.cartnopad th {padding-bottom:6px;margin-bottom:6px;}
table.cart td, table.cart th { padding: 5px; vertical-align:top; }
table.cart th, table.cartnopad th { font-weight:bold; text-align:left; border-bottom:1px dotted #999999; }
.divider {border-bottom: 1px dotted #999999;}
#order_csc_overlay { display:none; z-index: 10000; background: #f9f9f9; width: 620px; padding: 20px; border:1px solid #666; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; }
#order_csc_overlay .close { background-image:url(/themes/scripts/fancybox/fancy_close.png); position: absolute; right: -15px; top: -15px; cursor: pointer; height: 30px; width: 30px; }

.message, .message_success, .message_error { background: #fcfcfc; border: 3px solid #999; padding: 0.5em 1em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0.5em 0; }
.message_success { background: #efe; border: 3px solid #afa; }
.message_error { background: #fee; border: 3px solid #faa; }


/* ---------------- CALENDAR ---------------- */
.calendar{ width:100%; border: 1px solid #ccc; border-width: 1px 0 0 1px; }
.calendarHeader { font-weight: bold; color: #d92100; text-align: center; }
.calendar td {width:131px;height:100px;vertical-align:top; text-align:left; border: 1px solid #ccc; border-width: 0 1px 1px 0; }
.calendar th { background-color:#e9e8e3; text-align:left;line-height:30px;padding: 0 8px; border: 1px solid #ccc; border-width: 0 1px 1px 0;}
.calendar div {padding:4px;}
.calendar td.blank {color:#ccc;}
.calendar td.today {background-color:#eee;}
.cal_ufba a {color:#d92100;}
.cal_board a {color:orange;}
.cal_prov a {color:green;}
.cal_int a {color:blue;}

/* ---------------- TABS WIDGET ---------------- */

/*
ul.tabs { list-style:none; margin-bottom:0; height:40px; }
ul.tabs li { float:left; text-indent:0; list-style-image:none !important; width: 50%; height: 40px; }
ul.tabs a { display:block; line-height:40px; height:40px; text-align:center; font-size: 1.5em; color:#515758; background-color:#e8f4f6; top:1px; text-decoration:none; }
ul.tabs a:active { outline:none !important; }
ul.tabs a:hover {color:#00bcd5;}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { cursor:default !important; background: #f1f1e8; color:#515758;}

div.panes { background: #f1f1e8 url('/images/layout/event_bg.png') no-repeat right bottom; padding: 10px 20px 10px 20px; clear:both; }
div.panes ul {list-style:none;}
div.panes li {  }
div.panes div.pane {display:none;}

*/