/*--------------------------------------------------------------------------
*  |_ . _  _  _ |_|_ _ 
*  |_)|(/_| |(_|| | (_)
*
* author: Bienalto Consulting
* project: Finsia Website Redesign
* date: 26 July 2010
* print stylesheet
--------------------------------------------------------------------------*/

/* 
** Globals  
*/

/* Default HTML Elements */
body {background:none; font:12px/1.5 Arial,Helvetica,sans-serif}

hr {border:0 #bfbfbf solid; border-top-width:1px; clear:both; height:0}

h1, h2.sectionHeader {color:#ae9962; font:22px Times, serif; margin-bottom:.25em; text-transform: none;}
	h1 span, h2.sectionHeader span {color:#000; text-transform: uppercase;}
	h1.uline {background:url(../images/hr-dashed.gif) 0 100% repeat-x; padding-bottom:10px; padding-left:5px; text-decoration: none;}
h2 {color:#41a6b4; font-size:18px;}
h3 {color:#000; font-size:15px;}
h4 {color:#000; font-size:13px; font-weight: bold;}
	#sidebar h4 {color:#ae9962; font-size:14px;}
h5 {font-size:1em; font-weight: bold;}
h6 {font-size:1em;}

ol {list-style:decimal;}
ul {list-style: disc;}
li {margin-left:1em;}
	#content ul ul, #content ul ol, #content ol ul, #content ol ol {margin:.15em 0 .18em .8em; } /* ie6 ie7 */
	#content ul, #content ul ul {list-style: none;}
	#content ul li {background:url(../images/bullet-gold.gif) 0 3px no-repeat; list-style: none; margin-left:0; padding-left:15px;}

	#content ol {margin-left:.5em;} /* ie6 ie7 */
	#content ol ul li {background:url(../images/bullet-black.gif) 0 6px no-repeat; list-style: none; margin-left:0; padding-left:15px;}

	#content li ol li {background:none; list-style: lower-alpha; margin-left:1.4em; padding-left:0;}

a, a:link, a:visited {color:#008a9b; text-decoration: underline;}
a:focus {outline:none;}
a:hover {color:#002d67;}
	h2 a, h2 a:link, h2 a:visited {color:#41a6b4;}
	h2 a:hover {color:#41a6b4; text-decoration: none;}
	h3 a, h3 a:link, h3 a:visited {color:#000;}
	h3 a:hover {color:#000; text-decoration: none;}

.button, .button:link, .button:visited {background:#fff url(../images/btn-bg.gif) 0 20% no-repeat; border:0 none; color:#000 !important; cursor:pointer; font:15px Times, serif !important; padding:5px 0 3px 20px; text-align:left; text-decoration: none; text-transform: uppercase;}
	.button.homestyle, .button.homestyle:visited {background-image: url(../images/btn-bg-home.gif); }
	.button:hover {background-position: 2px 20%; color:#000; text-decoration: none;} 

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom:.75em; }
h1 {margin-bottom:.25em;}
h2 {margin-bottom:.3em;}
h3 {margin-bottom:.35em;}

img, a img  { border:0pt none; vertical-align:bottom; }

table {border:1px solid #bfbfbf; border-bottom:0 none; border-right:0 none; margin-bottom:.75em; width:100%;}
th, td {border:1px solid #bfbfbf; border-top:0 none; border-left:0 none; padding:5px;}
th, tfoot td {font-weight:bold;}
th {color: #002d67; font-size: 1.2em;}

/* 
** Layout 
*/
#wrapper {margin:0 auto; position:relative; width:99%;}

#main, #content {clear:both; display:block; margin:10px 0 20px; position:relative; z-index: 1; width:auto;}
#content {padding:0 10px 0 5px; width:auto;}
#header {height:115px;}

.column {clear:none !important; float:left; height:1%; margin-right:0; }
	.column.last {margin-right:0;}
#content.column {margin-right:0; padding-left:0; width:100%;}
#content.noPad {padding:0; width:100%;}
#content.column.noPadRight {width:100%;} 

.aColumn {width: 350px;}
.bColumn {width: 720px;}
.cColumn {width: 240px;}

.logo {left:0; position:absolute; top:0;}

/* switch items off for print */
#userDetails, #navSub, #navMain, #memberNav, #footer, #sidebar, #login, #sitemap, #banner, #pageTools, .skipnav, #srchfrm, .srchfrm, #promoSection {display:none;}

/* 
** Reusables 
*/
/* Misc classes */
.highlight {color:#de6c24;} 
.hr {background: url(../images/hr-dashed.gif) 0 100% repeat-x; border:0 none; height:1px; line-height: 0; margin: 0; padding:0;}

/* 
** Infrastructure
*/

/* Loopedslider - find an event styles */
#eventFinder {margin:0; position:relative; z-index: 1; width:350px; }
#eventFinder .container { background: url(../images/hr-dashed.gif) 0 100% repeat-x; height:114px; overflow:hidden; position:relative; width:350px; }
#eventFinder div.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; width:350px; }
	#eventFinder div.slides > div { display:block; position:absolute; top:0; width:350px; padding:0; margin:0; }
	#eventFinder img {position:absolute; left:0; top:0;}
	#eventFinder h3, #eventFinder .dateStamp, #eventFinder p {margin-left:95px; width:250px;;}
#eventFinder ul.pagination { height:10px; list-style:none; padding:0; margin:10px auto 0; width:95px;}
	#eventFinder ul.pagination li  { background:0 none; float:left; margin:0 8px 0 0; padding:0;}
	#eventFinder ul.pagination li a, #eventFinder ul.pagination li a:link, #eventFinder ul.pagination li a:visited {background:#ababad none; display:block; height:7px; line-height:7px; padding:0; text-indent: -9999px; width:7px; }
	#eventFinder ul.pagination li.active a, #eventFinder ul.pagination li.active a:hover { background:#008a9b; }
#eventFinder .previous, #eventFinder .next {color:#000; margin-top:4px; text-decoration: none;}
	#eventFinder .previous { background:url(../images/pagination-bg.gif) 1% -20px no-repeat; float:left; margin-left:10px; padding-left:13px; }
	#eventFinder .previous:hover { background-position:0 -20px;}
	#eventFinder .next { background:url(../images/pagination-bg.gif) 98% 2px no-repeat; float:right; margin-right:10px; padding-right:14px; }
	#eventFinder .next:hover { background-position: 100% 2px;}

/* Forms */
form {}
fieldset {clear:both; display:block; position:relative; }
fieldset.border {border:1px solid #bfbfbf; margin-bottom:15px; padding-bottom:10px;}

legend {margin:0; padding: 0;} 
	legend span {background: url(../images/hr-dashed.gif) 0 100% repeat-x; font-size: 18px; margin-top: 0; position: absolute; left: 15px; top: 12px; width:96%;}

input {margin-bottom:5px;}

#content form ul, #content form li {background:none; display:block; list-style: none; margin-top:15px; padding-left:0; vertical-align: top;}
	#content form ul {margin-left:15px;}
	#content fieldset.withLegend ul {margin-top:50px;}
#content form li {clear:left; display:inline-block; margin-bottom:8px; margin-top:0; width:100%;}
	#content form li li {margin-bottom:0; width:auto;}
	#content form p {margin-left:15px;}
	
label.frmfld, input.frmfld, .label {display:block; float:left; }
label.frmfld, span.label {font-size:1.1em; padding-right:15px; text-align: left; width:125px;}
input.frmfld, select.frmfld, textarea.frmfld {border:1px solid #bfbfbf; font:.97em Arial,Helvetica,sans-serif; margin:0; padding:2px; width:300px;} /* ie6 */
	select.frmfld {width:306px;}
	textarea.frmfld {height:50px; width:450px;}
	input.btnSubmit {border:0 none; display:block; height:21px; margin: 5px 0 0 140px; width:69px;}

form ul.radioList, #content form ul.radioList {display:inline-block; margin:0; width:auto;}
	form ul.radioList li, #content form ul.radioList li {clear:none; display:block; float:left; vertical-align: middle; }
	form ul.radioList input, form ul.radioList label {float:left;}
	form ul.radioList input {margin:3px 0 5px; padding:0; width: 20px !important;} /* ie6 */
	form ul.radioList label {padding-top:3px 0 0 3px; width: 80px;}

#content form ul.radioListLong {float:none; margin:5px 0 0; width:500px;}
	#content form ul.radioListLong li {clear:left; display:block; margin-bottom:2px;}

#content form ul.checkboxList {float:left; margin:0; width:500px;}
	#content form ul.checkboxList li {clear:left; display:block; margin-bottom:2px;}

#content form .spanB {margin-left:140px !important;}
#content form .spanAB {float:none; width:500px;}

.mandatory, .error {color:#ff0000;}
	.mandatory {float:right; margin:17px 20px 0 0;} /* ie6 ie7 */
	label.error {margin-left:10px;}
	input.error, select.error, textarea.error {background:#eff0f1; border:1px solid #ff0000; color:#000;}

	form input.button {border:0 none; margin-top:10px;}
	form .border input.button {margin-left:138px;}

/* login form */
#loginContainer {left:-1px; position: absolute; top: 57px; }
#loginfrm {background:#eff0f0; border:1px solid #bfbfbf; border-top:0 none; color:#696969; margin:0; overflow: hidden; padding: 0; text-align: left; z-index: 10; width: 219px;}
	#loginfrm fieldset {margin:0;padding:5px 0 10px 12px;}
	#loginfrm label, #loginfrm input {display:block;}
	#loginfrm label {color:#008a9b; font-size: 1em; font-weight: bold; padding:5px 0 2px;} 
	#loginfrm input {border:1px solid #bfbfbf; display:block; padding:2px; width:186px;}
	#loginfrm input.btnSubmit {border:0 none; display:block; height:21px; margin: 5px 0 15px; width:69px;}
	#loginfrm a {color:#696969; text-decoration:none; }
	#loginfrm a.forgot {background:url(../images/password-arrow.gif) 0 50% no-repeat; display:block; font-size:.95em; margin:15px 0 0; padding-left:10px;}
	#loginfrm ul {list-style: none; margin:0; padding:0;}
	#loginfrm ul li {display: inline; margin:0; padding:0 4px 0 0;}
	#loginfrm ul li.last {border-left:1px solid #696969; padding-left:5px;}
	#loginfrm ul li a {margin:0; padding:0;}
	#loginfrm a:hover {text-decoration: underline;}

	#loginfrm .radioList {display:inline-block; padding-top:5px;}
	#loginfrm .radioList input {border:0 none; margin:5px 0 0; padding:0;} 
	#loginfrm .radioList label {color:#696969; font-weight:normal; padding:3px 10px 0 3px; width: auto;}

	#loginfrm p {font-size:.95em; margin-bottom:0;}

/* event locator form - home page */
#eventLocator {width:350px;} /* ie6 */
	#eventLocator label {color:#696969; font:.97em Arial,Helvetica,sans-serif;}
	#ttl-findEvent {background:url(../images/ttl-findEvent.gif) 0 0 no-repeat; height: 29px; width:140px; }
	#eventLocator select {border:1px solid #bfbfbf; color:#696969; font:.97em Arial,Helvetica,sans-serif; margin:10px 0 8px; padding:3px 3px 3px 5px; width:185px; }
	#eventLocator input.chkbx {color:#696969; margin-left:10px;}


/* event search form - event page */
#eventSearch {width:100%;}
	#eventSearch fieldset {padding:10px 0;}
	#eventSearch #ttl-findEvent {margin-left:25px;}
	#eventSearch a.alerts {background:url(../images/icon-alert.gif) 0 0 no-repeat; color:#000; display:block; float:right; font-size:.95em; margin:-30px 25px 0 0; padding:3px 0 0 25px; text-decoration:none; }
	#eventSearch a.alerts:hover {text-decoration: underline;}
	#eventSearch ul {float:left; margin-left:0 !important; margin-right:0; width:580px;}
	#eventSearch label, #eventSearch .label {float:left; font-size:1em; margin-right:15px; padding:2px 0 0; text-align:right; width:150px;}
	#eventSearch .remember {color:#696969; display:inline; float:none; font:.97em Arial,Helvetica,sans-serif; padding-left:5px; width:auto;}
	#eventSearch input, #eventSearch select {border:1px solid #bfbfbf; color:#696969; float:left; font:.97em Arial,Helvetica,sans-serif; padding:3px 3px 3px 5px; }
	#eventSearch select {margin:0 5px 8px 0; width:255px;}
	#eventSearch input#searchEvents { width:370px; }
	#eventSearch input.chkbx {border:0 none;}
	#eventSearch input.button {border:0 none; float:left; margin-left:0; margin-top:15px; padding-left: 20px;} 
	
	#eventSearch ul.dateList {margin:0; width:auto;}
	#eventSearch ul.dateList li {clear:none; display:inline;}
	#eventSearch ul.dateList label {margin-right:3px; padding:2px 4px 2px 0; width:30px;}
	#eventSearch ul.dateList input {padding:2px 3px; width:60px;}
	.ui-datepicker-trigger {float:left;}

/* home page layout */
.opener {border-top:3px solid #ae9962; padding-top:15px;}
a.sectionLink, a.sectionLink:visited {color:#008a9b; float:right; font-size:.95em; margin:-23px 3px 0 0; text-decoration: none;}
	a.sectionLink:hover {text-decoration: underline;}

.story {background: url(../images/hr-dashed.gif) 0 100% repeat-x; padding:12px 25px 10px 0; position:relative;}
	#ttl-latestNews {background:url(../images/ttl-latestNews.gif) 0 0 no-repeat; height: 25px; width:200px;}
	#ttl-events {background:url(../images/ttl-upcomingEvents.gif) 0 0 no-repeat; height: 25px; width:200px;}
	.dateStamp {color:#008a9b; font-size:.95em; }
	.story h3 a {color:#000; font-size:15px; line-height:1.2em; text-decoration: none;}
	.story h3 a:hover {text-decoration: underline;}
	.story p {line-height: 1.4em;}
	.story img {border:1px solid #bfbfbf; padding:3px; position:absolute; left:0; top:15px;}
	.story.focus h3, .story.focus .dateStamp, .story.focus p {margin-left:95px;}

.story.custom {background:0 none; height:160px; padding:0; margin:0 0 15px 0; width:239px;}

#aCustom.story {background-color:#7c85bb; height: 145px; padding:15px 0 0 15px; width:224px;}
	#aCustom.story h4 a {background-image:url(../images/ttl-join.gif); height: 87px; margin-bottom:20px; width:205px;}
	#aCustom a {color:#fff; font-size: .97em; padding:0 5px; text-decoration:none;}
	#aCustom a.first {border-right:1px solid #fff; margin-left:10px; padding-left:0;}
	#aCustom a:hover {color:#fff; text-decoration:underline;}

#bCustom.story {background:url(../images/bCustom-bg.jpg) 0 0 no-repeat; height:165px; padding:5px 10px 0 95px; width:134px;}
	#bCustom.story h4 {margin-bottom: 0;}
	#bCustom.story h4 a {background-image:url(../images/ttl-renew-win.gif); height: 60px; margin-bottom:0; width:119px;}
	#bCustom.story p {color:#fff; line-height:1.2em; margin-left:3px; width:130px; }
	#bCustom p a {color:#fff; font-size: .95em; padding:0; text-decoration:none;}

/* events page layout */
#eventTable {}
	#eventTable thead td.first {border-right:0 none;}	
	#eventTable thead td span {color:#ae9962;}	
	#eventTable thead th {background:#ababac; color:#000; font-weight:bold; }
	#eventTable tr.alt td {background:#eff0f0; }
	
	.tableNote {font-size:.97em;}	
	.tableNote span {color:#ae9962;}
	
/* Datepicker */
.ui-datepicker {width: 205px; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header {background:#EFF0F0; border:1px solid #bfbfbf; border-bottom:none; position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:10px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {border-right:1px solid #bfbfbf; background:#fff; width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } /* ie6 */
.ui-datepicker th { border:none; border-bottom:1px solid #bfbfbf; padding: .5em .3em; text-align: center; font-weight: bold; }
.ui-datepicker td { border:1px solid #bfbfbf; border-top:0 none; border-left:0 none; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }