/* GLOBAL RESET by Eric Meyer
==================================================*/

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,
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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

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

body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* SITE COLOURS
==================================================

TRESHNA RED: #BB2025;
TRESHNA BLACK: #333333;

*/

/* GENERAL
==================================================*/

body { background: url(images/main_bg.png) repeat-y 50% 0 #ddd; font-family: Helvetica, Arial, Sans-serif; font-size: 64.5%; line-height: 1.8em; color: #333; }

/* HEADERS */
h1 { padding: 0 0 0.5em; margin: 0; font: bold 3em/1.3em Helvetica, Arial, Sans-Serif; letter-spacing: -0.03em; color: #00AB46; }
h2 { padding: 0 0 0.5em; margin: 0; font: normal bold 1.8em/1.3em Helvetica, Arial, Sans-Serif; letter-spacing: -0.01em; color: #333; }
h3 { padding: 0 0 0.5em; margin: 0; font: bold 1.4em/1.3em Helvetica, Arial, Sans-Serif; letter-spacing: -0.01em; color: #00AB46; }
h4 { font: normal 1.3em Georgia, Serif; letter-spacing: 0.25em; text-transform: uppercase; padding-bottom: 0.5em; color: #000; }
h5 { padding: 0 0 0.5em; margin: 0; font: normal bold 1.6em/1.3em Helvetica, Arial, Sans-Serif; letter-spacing: -0.01em; color: #333; }

span { font-weight: normal; }
img { border: 0; padding: 0; margin: 0; }
p { margin: 0 0 1.4em; display: block; }
strong { font-weight: bold; }
em { font-style: italic; }
small { font-size: 0.846em; }

/* a { padding-bottom: .3em; }*/
a { color: #BA1800; text-decoration: none; }
a:active { color: #770B00; font-style: normal; }
a:hover { color: #770B00; text-decoration: none; }

blockquote { font: italic normal 1em/2.25em Georgia, serif; padding-left: 2em; }

/* DIV TEMPLATE
==================================================*/

#container { margin: 0 auto; width: 100%; }

/* Generic containers used throughout site */
div.fullWidth { width: 100%; margin: 0 auto; } /* Stretches across whole page */
div.centredWidth { width: 930px; margin: 0 auto; } /* creates a container which is centred. Floats go within */
div.fullWidthFloat { width: 100%; float: left; padding: 0; margin: 0; } /* A divider for full width floats */

#header { /*position: fixed; */ width: 930px; float: left; background: url(images/header-bg.png) no-repeat -50px 0 #fff; height: 250px; }
#header .bg { width: 930px; height: 110px; }
	#header h1.logo { height: 100px; width: 110px; float: left; position: relative; margin-top: -125px; }
	#header h1.logo a { text-indent: -9999px; height: 100px; width: 110px; float: left; background: url(images/logo-cosmic.png) #009b40 50% 50% no-repeat; margin-top: 5px; padding: 10px; }
#tableHeader { width: 100%; float: left; height: 30px; background: #00652A; font-size: 1.1em; color: #91c1a5; }
	.tableItem { height: 30px; vertical-align: middle; line-height: 30px; float: left; padding: 0 10px; }

ul.filterMenu { float: right; height: 30px; background: #009b40; font-size: 1.2em; padding: 0 10px 0px 10px; color: #fff; position: relative; margin-top: -35px; line-height: 30px; vertical-align: middle; }
	ul.filterMenu li { display: inline; padding: 0 0.2em; }
	ul.filterMenu li.label { font-weight: bold; }
	ul.filterMenu li a { color: #fff; padding: 0 0.3em; }
		ul.filterMenu li a:hover { color: #00B249; background: #fff; padding: 0.3em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
		
.bodyHeader { width: 900px; float: left; position: relative; margin-top: -120px; background: #333; height: 50px; padding: 0 15px; }
	.bodyHeader h1 { padding: 0; margin: 0; line-height: 50px; vertical-align: middle; font-size: 1.2em; color: #555; font-weight: normal; letter-spacing: 0; }
	.bodyHeader h1 a { color: #888; } .bodyHeader h1 a:hover { color: #ccc; }
	.bodyHeader h1 a.current { font-weight: bold; color: #ccc; }
	.bodyHeader span { padding: 0 0.5em; }
.bodyContent { width: 930px; float: left; margin-top: -70px; position: relative; padding: 10px 0 10px; background: #fff; }
.footer { width: 930px; float: left; background: url(images/footer-bg.png) no-repeat 100% 0 #eee; height: 180px; position: relative; margin: -10px 0 0 0; }
	.footerContent { margin: 10px 0 0 15px; float: left; width: 890px; color: #aaa; font-size: 1.1em; }
	.footerContent span { padding: 0 0.5em; }
	.footerContent a { color: #777; }
	.footerContent strong { }
.stretchLine { border-bottom: 1px solid #ccc; padding: 0; }

.bodyContent .break { float: left; height: 1px; width: 100%; font-size: 0; padding: 0; margin: 0; }
	.bodyContent .break.space { margin: 5px 0; }

.bodyContent .eventImageColumn { width: 260px; float: left; display: inline; padding: 5px 15px 0; text-align: center; }
	.eventImageColumn p { font-size: 1.2em; }
.bodyContent .eventDescriptionColumn { width: 378px; float: left; display: inline; padding: 10px 15px 0; border-left: 1px solid #ccc; }
	.bodyContent .eventDescriptionColumn ul, .bodyContent .eventDescriptionColumn ol { font-size: 1.2em; margin: 0 0 1.3em 2em; }
		.eventDescriptionColumn ul li { list-style: disc; }
		.eventDescriptionColumn ol li { list-style-type: decimal; }
	.bodyContent .eventDescriptionColumn h1 span { display: block; color: #aaa; font-size: 0.6em; line-height: 1.2em; padding-bottom: 0.5em; }
	.bodyContent .eventDescriptionColumn p { font-size: 1.2em; }
		a.eventsListLink { font-weight: bold; float: left; padding: 1em 0; }
.bodyContent .eventDetailsColumn { width: 200px; float: left; display: inline; border-left: 1px solid #ccc; padding: 10px 15px 0; }
.bodyContent .eventDetailsColumn h3 { padding: 0 0 1em; }
	.bodyContent .eventDetailsColumn p, .eventDetailsColumn ul { font-size: 1.2em; margin-top: -10px; }
		.bodyContent .eventDetailsColumn ul.pricing li { border-bottom: 1px solid #ccc; float: left; padding: 0 0 1em; margin-bottom: 1em; width: 100%; }
		.bodyContent .eventDetailsColumn ul.pricing a { float: left; width: 100%; }
	.bodyContent .eventDetailsColumn ul.pricing span { font-size: 1.4em; color: #BA1800; margin: 0.2em 0 0 0; display: block; } 
	.bodyContent .eventDetailsColumn ul.pricing a span { font-size: 1.4em; color: #BA1800; margin: 0.2em 0 0 0; display: block; background: url(images/buy-now.gif) no-repeat 100% 0; float: left; padding-right: 85px; height: 30px; line-height: 30px; font-weight: bold; }
	.bodyContent .eventDetailsColumn ul.pricing a:hover span { color: #00B249; background-position: 100% -30px; }

#strip { width: 930px; height: 40px; float: left; background: #00652a; border-bottom: 5px solid #009b40; margin-top: 85px; }
#strip ul.menu { float: left; margin-left: 130px; height: 40px; }
	#strip ul.menu li { display: inline; float: left; padding: 0 15px; height: 40px; border-left: 1px solid #006028; border-right: 1px solid #007932; vertical-align: middle; line-height: 45px; }
	#strip ul.menu li a { color: #99c1aa; font-size: 1.1em; }
		#strip ul.menu li a:hover { color: #fff; }

/* TABLES */

table.eventsList { width: 930px; font-size: 1.1em; margin: 0 auto; }
	table.eventsList tr { border-bottom: 10px #eee solid; float: left; }
	table.eventsList td { padding: 15px; vertical-align: top;  float: left; }
	table.eventsList td.image, .headImage { width: 120px; text-align: center; }
	table.eventsList td.description, .headDesc { width: 270px; padding-bottom: 0; font-size: 1.09091em; }
		table.eventsList td.description h1 { font-size: 1.1em; font-weight: bold; padding: 0; margin: 0; color: /*#BA1800*/ #00AB46; padding-bottom: 0.5em; text-transform: uppercase; letter-spacing: 0; }
		table.eventsList td.description h1 span.supportedBy { display: block; font-size: 0.85em; text-transform: none; color: #aaa; }
	table.eventsList td.details { width: 450px; padding-top: 10px; }

td.details div.detailsHold { width: 450px; background: ; float: left; border-bottom: 1px solid #ddd; }	
	td.details div.detailsHold div { float: left; padding: 5px; }
	div.detailsHold div.heading { font-weight: bold; color: #00AB46; }
	div.detailsHold .venue { width: 170px; }
	div.detailsHold .date { width: 90px; }
	div.detailsHold .cost { width: 70px; }
	div.detailsHold .status { width: 80px; font-weight: bold; }
	
table.details { padding: 0; }
	table.details td { padding: 5px 10px; }
	table.details td.venue, .headVenue { width: 150px; }
		table.details td.venue a { font-weight: bold; }
	table.details td.date, .headDate { width: 90px; }
	table.details td.cost, .headCost { width: 40px; }
	table.details td.status, .headStatus { padding: 0 10px; width: 80px; }
	
	
	
	
/* CMS STUFF
==================================================*/

#formbody { float: left; width: 400px; padding: 2em 0; }
input { font-family: Helvetica, Arial, sans-serif; }
.ui_form { float: left; width: 100%; padding: 0 0 3em; }
.ui_form input.ui_formbuttonsubmit { background: #70A233; border: 0; height: 30px; color: #fff; text-transform: uppercase; font-weight: bold; padding: 0 1em; padding: 0 1.5em; text-shadow: 0 1px 0 rgba(0,0,0,0.3); font-size:0.9em; width: auto; }
.ui_form input.ui_formbuttoncancel { background: #BB2025; border: 0; height: 30px; color: #fff; text-transform: uppercase; padding: 0 1.5em; text-shadow: 0 1px 0 rgba(0,0,0,0.3); font-size:0.9em; width: auto; }

/* Input size control */
.ui_form .large { width: 420px; }
.ui_form .medium { width: 220px; }
.ui_form .small { width: 150px; }

.ui_form small { font: 0.91667em; color: #aaa; }
	.ui_form small.description { padding-left: 14.5em; clear: both; float: left; }
.ui_form input { font: normal 1em Helvetica, Arial, sans-serif; border: 0; border-bottom: 1px solid #ddd; padding: 0.5em; color: #555; }
.ui_form textarea { font: normal 1em Helvetica, Arial, sans-serif; border: 0; border-bottom: 1px solid #ddd; padding: 0.5em; float: right; color: #555; }
.ui_form label { float: left; display: block; clear: both; background: #eee; padding: 10px; border-bottom: 1px solid #fff; font-size: 1.2em; }
	.ui_form label span.item { float: left; width: 140px; overflow: hidden; padding: 0.4em 1em 0 0; color: #888; text-shadow: 0 1px 0 #fff; }
	.ui_form label.space { background: transparent; }
.ui_form input.checkbox { padding-right: 300px; }
	
.ui_list { padding: 10px; background: #eee; float: left; width: 660px; }
.ui_list table, .ui_list table.styledTable { width: 100%; font-size: 1.1em; background: #fff; }
	.ui_list table a { color: #333; font-weight: bold; }
	.ui_list table th,.ui_list table.styledTable th { padding: 0.5em; border-left: 1px solid #eee; border-bottom: 1px solid #eee; }
	.ui_list table tr, .ui_list table td,.ui_list table.styledTable tr, .ui_list table.styledTable td { padding: 0.5em; background: transparent; /*border-bottom: 1px solid #eee;*/ }
		.ui_list table tr:hover,.ui_list table.styledTable tr:hover { background: #f5f5f5; text-shadow: 0 1px 0 #fff; color: #555; }
.ui_list tr.ui_list_header, .ui_list tr.ui_list_header:hover,.ui_list table.styledTable tr.ui_list_header, .ui_list table.styledTable tr.ui_list_header:hover { background: #aaa; font-size: 1.1em; text-shadow: 0 1px 0 #888; }
	.ui_list tr.ui_list_header th,.ui_list table.styledTable tr.ui_list_header th { background: transparent; /*border-left: 1px solid #eee; border-bottom: 0;*/ border:0; color: #fff; font-weight: bold; }
	
/* CMS STUFF TABLES
==================================================*/

.ui_formitem table { font-size: 1.2em; float: left; }

.ui_formitem input.ui_formbuttonsubmit { background: #70A233; border: 0; height: 30px; color: #fff; text-transform: uppercase; font-weight: bold; padding: 0 1em; padding: 0 1.5em; text-shadow: 0 1px 0 rgba(0,0,0,0.3); font-size:0.9em; width: auto; }
.ui_formitem input.ui_formbuttoncancel { background: #BB2025; border: 0; height: 30px; color: #fff; text-transform: uppercase; padding: 0 1.5em; text-shadow: 0 1px 0 rgba(0,0,0,0.3); font-size:0.9em; width: auto; }

.ui_formitem table { }
.ui_formitem table th, .ui_formitem table td, .ui_formitem table tr { background: #eee; vertical-align: top; }
.ui_formitem table th, .ui_formitem table td { padding: 5px; border-bottom: 1px solid #fff; }

/* Input size control */
.ui_formitem .large { width: 420px; }
.ui_formitem .medium { width: 220px; }
.ui_formitem .small { width: 150px; }

div.termsConditions { width: 400px; padding: 10px; height: 100px; overflow: auto; background: #fff; margin: 20px; font-size: 0.9192em; color: #555; }

.ui_formitem small { font: 0.91667em; color: #aaa; }
	.ui_formitem small.description { padding-left: 14.5em; clear: both; float: left; }
.ui_formitem input { font: normal 1em Helvetica, Arial, sans-serif; border: 0; border-bottom: 1px solid #ddd; padding: 0.5em; color: #555; }
	.ui_formitem input.ui_formcheck { width: auto; }
.ui_formitem textarea { font: normal 1em Helvetica, Arial, sans-serif; border: 0; border-bottom: 1px solid #ddd; padding: 0.5em; float: right; color: #555; }
/* Make the width fixed for inputs and textareas */
.ui_formitem input, .ui_formitem textarea { width: 200px; float: left; }
.ui_formitem label { float: left; padding: 0.35em 2em 0 0.5em; color: #888; text-shadow: 0 1px 0 #fff; vertical-align: middle; }
	.ui_formitem label.space { background: transparent; }
.ui_formitem input.checkbox { padding-right: 300px; }

.ui_formitem select { font: normal 1em Helvetica, Arial, sans-serif; border: 0; border-bottom: 1px solid #ddd; padding: 0.5em; color: #555; }
.date_selector { display: none; }

/* Error box */
div.error { padding: 0.1em 0.5em; font-size: .91667em; clear: both; background: #BB2025; float: left; margin-top: 0.3em; -moz-border-radius: 5px; }
	div.error span { color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.3); }