@charset "utf-8";
/* 
= CSS Document  ==========================
	
	Site: 			Citrus Event Staffing
	Author: 		Jon Park | Union Room
	Created: 	November 9th, 2007
	Updated: 	
	Copyright: (c) 2007, Citrus Event Staffing
	
=======================================
*/

/* === Tags & Global Elements === */
* { margin: 0px; padding: 0px; }
html { font-size: 100%; }
body {
	font-size: 62.5%;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: url(../img/bodyBG.gif) repeat-x top left;
}
.sia { padding: 0 0 0 234px!important; }

a { color: #6FAE1A; }
a:hover { text-decoration: none; }
a.external {}
a#unionroom {}
a#unionroom:hover {}

a#facebook { position: absolute; top: 10px; right: 80px; width: 42px; height: 37px; background: url('../img/facebook.gif') no-repeat; }
	a#facebook:hover { background-position: bottom; }
a#twitter { position: absolute; top: 15px; right: 20px; width: 43px; height: 30px; background: url('../img/twitter.gif') no-repeat; }
	a#twitter:hover { background-position: bottom; }
	
acronym { border-bottom: 1px dotted #999; cursor: help; }

h2, h3, h4 { padding: 0 0 20px 0; font-weight: bold; color: #6FAE1A; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.6em; }
h4 { padding: 0 0 5px 0; font-size: 1.2em; }

p { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1.4em; line-height: 1.2em; color: #666; }


/* === IDs & Classes === */
.imgReplace { background-position: top; background-repeat: no-repeat; display: block; }
.imgReplace span { width: 0px; height: 0px; overflow: hidden; display: block; }

.error { color: #C00 !important; }
.green { color: #6FAE1A !important; }

/* === Structure Elements === */
div#wrapper { width: 650px; margin: 0 auto; padding: 0 0 40px 0; position: relative; }
div#hdr {}
div#body { width: 100%; padding: 25px 0 10px 0; border-bottom: 3px solid #71AF1C; display: table; clear: both; }
	div#body div#content { width: 400px; float: left; }
	div#body div#pullout { 
		width: 180px; 
		padding: 20px 20px; 
	
		background-color: #FFFFE8;
		
		border: 1px dotted #666; 
		border-width: 1px 0; 
		
		float: right; 
	}
div#ftr { padding: 10px 0 0 0; }

/* === Main Menu === */
ul#menuMain, ul#imgBar { list-style: none; }
ul#menuMain { padding: 60px 0px 0 0; float: right; text-align: right; }
ul#menuMain li { padding: 3px 24px; border-right: 1px dotted #666; display: inline; }
ul#menuMain a { font-size: 1.5em; text-decoration: none; color: #70AF1B; }
ul#menuMain a:hover { text-decoration: underline; }
ul#menuMain a.active { color: #918D8E; }
ul#menuMain a span { text-decoration: underline; }

/* === Content Elements === */
ul#imgBar { padding: 4px 0 0 0; float: left; clear: both; }
ul#imgBar li { padding: 0 1px 0 0; display: inline; }

div#body div#content p { padding: 0 0 20px 0; font-size: 1.4em; line-height: 1.6em; color: #666; }
div#body div#content ol li { padding: 0 0 5px 0; font-size: 1.4em; line-height: 1.6em; color: #666; }
div#body div#pullout p { font-size: 1.2em; line-height: 1.6em; color: #666; }

a#app, a#interest, a#payment, a#vacancy {
	width: 191px;
	height: 29px; 
	
	margin: 10px 0 0 0; 
	
	font-size: 1.6em;
	line-height: 1.6em;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	
	background-image: url(../img/aOnlineApp.gif); 
	display: block; 
}
a#app:hover, a#interest:hover, a#payment:hover, a#vacancy:hover { text-decoration: underline; }

p.title { padding: 0 !important; margin: 0 0 20px 0; color: #6FAE1A !important; border-bottom: 1px dotted #6FAE1A; }

div#ftr p { text-align: center; }
div#ftr p.ur { line-height: 2.0em; }
div#ftr a { color: #70AF1C; text-decoration: none; border-bottom: 1px dotted #70AF1C; }

ul.festivals { list-style: none; }
ul.festivals li { padding: 10px 0; border: 1px dotted #CCC; border-width: 0 0 1px 0; }

ol { margin: 0 0 20px 20px }
ol li { 
	margin: 0 0 0 10px; 
	padding: 2px 0; 
	
	font-size: 1.0em; 
	line-height: 1.2em;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #666; 
}

ul.bodyList {}
ul.bodyList li { margin: 0 0 0 15px; padding: 5px 0; font-size: 1.2em; }

.jobContent { display: none; }
.show { display: block; }

/* === Form Elements === */
table#login { margin: 0 auto 40px auto; }
table#login th, table#login td { padding: 5px; font-size: 1.2em; font-weight: normal; }
table#login th { text-align: left; }

table.form { margin: 0 auto 20px auto; }
table.form th, table.form td { padding: 2px 10px; }
table.form th { color: #70AF1B; font-size: 1.4em; line-height: 1.6em; font-weight: normal; text-align: right; }
table.form td { font-size: 1.4em; line-height: 1.6em; color: #666; }
table.form td.spacer { height: 10px; }
table.form td.spacer2 { height: 20px; }
table.form thead th { text-align: center; }
table.form th span { color: #111;  }

table.form table.form th { padding: 2px 10px; font-size: 1.1em; text-align: left!important; }
table.form table.form td { padding: 2px 10px; font-size: 1.1em; }

table.form .yn { text-align: center; }
table.form#bank input, table.form#bank textarea { width: 180px; }
table.form input, table.form textarea { padding: 3px; border: 1px solid #CCC; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; }
table.form textarea { font-size: 0.9em; }
select.title { width: 100px; padding: 3px; border: 1px solid #CCC; }
select.ev { padding: 4px; border: 1px solid #CCC; height: 160px; width: 363px; }
select.ex { padding: 3px; border: 1px solid #CCC; }
input.small { width: 40px!important; padding: 3px; border: 1px solid #CCC; text-align: center!important; }
form.form input.short { width: 50px; padding: 3px; border: 1px solid #CCC; }
form.form ol, form.form ul { margin: 20px 0; padding: 0 0 0 20px; font-size: 1.4em; line-height: 1.6em; color: #666; }
form.form li { margin: 0 0 0 20px; }
form.form ol p, form.form ul p { font-size: 1.0em !important; line-height: 1.0em !important; }

form.form table { margin: 10px auto; }
form.form table td { padding: 2px 10px; }

form.form p.title { margin: 60px 0 20px 0; }

form.form .emphasise { text-transform: uppercase; font-weight: bold; text-decoration: underline; color: #6FAE1A !important; }

/* === Titles & Headers === */
h1#site_title { width: 250px; height: 109px; background-image: url(../img/h1SiteTitle.png); float: left; }

/* === Important Stuff === */
.fl_left { float: left !important; }
.fl_right { float: right !important; }
.ta_left { text-align: left !important; }
.ta_right { text-align: right !important; }
.ta_centre { text-align: center !important; }

.bold { font-weight: bold !important; }
.no_bold { font-weight: normal !important; }
.no_border { border: none !important; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */


ul#staffing { margin: 0; padding: 0; }
ul#staffing li { list-style: none; margin: 0 0 15px 0; padding: 0 0 15px 0; border: 1px dotted #CCC; border-width: 0 0 1px 0; }
ul#staffing li img { float: left; margin: 0 10px 10px 0; padding:  }
ul#staffing li p { padding: 0 0 15px 0!important; }