/* -- basics.css -- */
@charset "utf-8";
/* CSS Document */


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, em, font, img, strong, b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

legend, caption { display: none; }


/* --------------------------------------------- GLOBAL --------------------------------------------- */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	color: #FFF;
	background-color:#000;
	font-family:Verdana, Arial, Tahoma, sans-serif;
	font-size: 0.7em;
	line-height: 1.4em;
	overflow-y: scroll;
}


*+html body { overflow-y: visible; }
	
a {
	color: #FFF;
	text-decoration: underline; 
}

h1,h2,h3,h4,h5,h6 {padding: 0 0 10px 0;}
h1 { font-size:2em; }
h2 { font-size:1.8em; }
h3 { font-size:1.6em; }
h4 { font-size:1.4em; }
h5 { font-size:1.2em; }
h6 { font-size:1.1em; }

p { margin: 0 0 8px 0; }

ol, ul { list-style-type: none; }
ul { padding: 0 0 0 15px; }
li { padding: 0 0 15px 0; }

dl { padding: 0 0 20px 0; }
dt { padding: 0 0 5px 0; }
dd { padding: 0 0 5px 0; }



/* -- ___thickbox.css -- */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	height:100%;
	width:100%;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	/*border: 4px solid #525252;*/
	border:1px solid #ccc;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}



/* -- _aSiteStructure.css -- */

/* --------------------------------------------- SITE STRUCTURE --------------------------------------------- */

body {
	color: #fff;
}

#container {
	position: relative;
	width: 980px;
	min-height: 100%;
	margin: 0 auto;
}

#content {
	position: relative;
	width: 820px;
	padding: 75px 0 0 160px;
}

#header {
	position: relative;
	width: 980px;
	height: 170px;
	margin-top: 0;
	padding: 0;
}

#footer {
	position: absolute;
	bottom: 37px;
	width: 100%;
	text-align: center;
}

#footer p {
	margin: 15px 0 0 0;
}

.footerLink {
	text-decoration:underline;
	font-size: 12px;
}

.footerImg {
	padding: 0 0 0 10px;
}

.footerImgBig {
	padding: 0 15px 0 10px;
}

#footerWrapper {
	width: 400px;
}

#accessButtons {
	width: auto;

}

#accessButtons span {
	padding: 0 0 0 5px;
	font-size: 1.1em;
}

#accessButtons .underline {
	margin: 0 5px 0 0;
}

#last {
	clear: both;
	margin: 37px 0 0 0;
	padding-bottom: 130px;
	visibility: hidden;
}


h1 {
	float: left;
	padding: 27px 0 0 0;
}

h2 {
	position: absolute;
	top: 20px;
	left: 0;
	padding-bottom: 0;
	color: #f95900;
	font-size: 1.9em;
	font-weight:normal;
	line-height: 1em;
}
h2 a,h2 a:hover,h2 a:visited {	color: #f95900;}


h3 {
	padding: 3px 10px 0 10px;
	color: #fff;
	font-weight:normal;
	font-size: 1.6em;
}

#col1 {
	float: left;
	width: 575px;
	margin: 0;
	padding: 0 15px 0 0;
}

#col2 {
	float: left;
	width: 215px;
	margin: 0;
	padding: 0 0 0 15px;
}

.TXTcol {
	width: 575px;
	padding: 0 10px 15px 10px;
	background-color: #000;
	
}

.PICcol {
	width: 575px;
	background-color: #000;
}

.listBox {
	float: left;
	width: 280px;
	height: 235px;
	margin: 0 0 10px 0;
	background: #000;
	overflow: auto;
	position:relative;
}

#col2 .listBox {
	width:75px;
	height:90px;
	float:right;
	overflow:auto;
	}

.widgetBox {
	float: left;
	width: 187px;
	margin-bottom: 15px;
	padding: 5px 12px 12px 12px;
	background: #000;
	overflow: auto;
	border: 2px dotted #444;
}
.leftBox {
	float: left;
	width: 65px;
}

.rightBox {
	float: left;
	width: 156px;
	padding: 0 0 0 20px;
}

.singleBox {
	position: relative;
	float: left;
	padding: 10px 10px 5px 10px;
	
	
	
}

.smallBoxWrapper .listBox {
	width: 215px;
	padding: 0;
	background-color: #000;
}

.smallBoxWrapper .singleBox { width: 100px; }
.smallBoxWrapper .listBox img { float: left; }
.smallBoxWrapper .spacing { margin-left: 14px; }


/* mailing list, search box */
#mailingBox, #searchBox {
	float: right;
	width: 270px;
	color: #fff;
	font-weight: bold;
}

#mailingBox { padding: 75px 0 0 0; }
#searchBox { padding: 75px 0 0 0; width: 240px; }

#mailingBox label, #searchBox label {
	float: left;
	width: 85px;
	margin: 3px 5px 0 0;
}

#searchBox label { width: 55px; }

#mailingBox #joinField,
#searchBox #searchField,
#searchBox #searchDrop {
	float: left;
	width: 145px;
	height: 16px;
	border: 1px solid #666;
	margin: 2px 0 0 0;
	padding: 1px 0 0 2px;
	font-size: 0.9em;
	background-color: #000;
	color: #fff;
}

#searchBox #searchField { width: 120px; }

#searchBox #searchDrop {
	height: 20px;
	margin-right: 5px;
}

#mailingBox .buttonGo,
#searchBox .buttonGo {
	float: left;
	display: block;
	width: 20px;
	height: 13px;
	border: none;
	margin: 7px 0 0 5px;
	background: url(/imgs/button_go.png) no-repeat 0 0;
	text-indent: -5000px;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
}

#searchBox .buttonGo {
	width: 16px;
	height: 16px;
	margin-top: 3px;
	background-image: url(/imgs/button_search.png);
}
/* end */


.crumbTrail {
	padding-left:5px;
	position: absolute;
	width:815px;
	color: #f95900;
	background-color:#333;
	top: 190px;
	left: 160px;
	text-decoration: none;
}
.crumbTrail a, .crumbTrail a:visited { color: #fff; text-decoration: none; }

.sectionTitle {position:absolute;top:186px;}

a { color: #999; text-decoration: underline; }
.clear { clear: both; font-size: 0; line-height: 0; }
.delimiter { clear: both; padding: 0 0 15px 0; }
.floatL { float: left; }
.floatR { float: right; }
.padding { padding: 7px 12px 12px 12px; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.orange{ color: #f95900; }
.white { color: #fff; }
.grey { color: #999999; }
.default_size { font-size: 11px; }

.spacing { margin-left: 15px; }

#col1 .TXTcol ul li { 
	background: transparent url(/imgs/arrow_grey.gif) no-repeat 0 5px;
	margin:0;
	padding:0 0 5px 8px;
}
/*
#col1 ul li { padding-bottom: 5px; }
#col1 ul li a { 
	background: transparent url(/imgs/arrow_grey.gif) no-repeat 0 5px;
	padding-left: 8px;
}
*/
.greyArrow { 
	padding-left: 11px;
	background: transparent url(/imgs/arrow_grey.gif) no-repeat 0 4px;
}
.greyArrowDown { 
	padding-left: 15px;
	background: transparent url(/imgs/arrow_grey_down.gif) no-repeat 0 4px;
}
.blackArrow {
	padding-left: 11px;
	background: transparent url(/imgs/arrow_black.png) no-repeat 0 1px;
}
.whiteArrow {
	padding-left: 11px;
	background: transparent url(/imgs/arrow_white.png) no-repeat 0 1px;
}

.sIFR-alternate, #sifrSettings { display: none; }

h2 a { color: #333; }


/************* main listBoxes  ***********/
/* used as content level sizing defaults */
.halfWidth {width:280px;overflow:hidden; }
.fullWidth {width:575px;overflow:hidden;}

.halfWidth .singleBox, .fullWidth .singleBox {overflow:hidden;height:42px;}
.listBox h3 {
	padding: 2px 0 0 10px;
}

.listBox {
	margin-bottom:30px;
}

.halfWidth h3 {
	background: transparent url(/imgs/header1.png) no-repeat top right;
}
.fullWidth h3 {
	background: transparent url(/imgs/header2.png) no-repeat top right;
}
.underlay {
	width:100%;
	height:97px;
	background: transparent url(/imgs/blacktransparent.png) repeat;
	position:absolute;
	bottom:0;
	
}

.allBoxLinks {
	
	position: absolute;
	left: 10px;
	bottom: 10px;
	
	
	
}

.allBoxLinks a {
	display:block;
	float:left;
	padding-right:10px;	
}

.backToBar {
	clear:both;
	margin-top:15px;
	background: transparent url(/imgs/back_to-bar.jpg) no-repeat top right;
	line-height:17px;
	padding-left:20px;
	width:555px;
}

.arrowYellow{
width:575px;
height:120px;
}

.arrowYellow h4{
color:#FE6500;
font-size:11px;
text-decoration:underline;
font-weight:bold;
line-height:10px;

}

.arrowYellow h5{
color:#999999;
font-size:11px;
line-height:10px;
font-weight:normal;

}

.space{
margin-top:10px;}



/* end */


/* -- _common.css -- */

/* --------------------------------------------- COMMON STYLES ------------------------------------------- */

#resource .PICcol {
	float: left;
	width: 221px;
}

#resource .TXTcol {
	float: left;
	width: 326px;
	padding-left: 18px;
}


/* -- _thickbox.css -- */

/* --------------------------------------------- THICKBOX --------------------------------------------- */

#TB_overlay { background-color: #0F0F0F; }

#TB_window {
	border-color: #692C00;
	background: #fff;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

#TB_iframeContent{
	margin: 0;
	_margin-bottom: 0;
}

#TB_title {
	padding: 0;
	margin: 0;
	background-color: #fff;
	color: #CCA400;
}

#TB_ajaxWindowTitle {
	width: 100%;
	height: 22px;
	margin: 0;
	padding: 13px 0 0 0;
	background-color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-indent: 15px;
}

#TB_closeAjaxWindow {
	float: none;
	margin-bottom: 0;
	padding: 0;
	text-align: left;
}

#TB_closeWindowButton {
	border:1px solid #FF7D26;
	position: absolute;
	top: 4px;
	right: 4px;
	display: block;
	width: 23px;
	height: 23px;
	background: url(/imgs/close.gif) no-repeat 0 0px;
	text-decoration: none;
	text-indent: -5000px;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
}

#TB_window a:link, #TB_window a:hover, #TB_window a:visited,#TB_ajaxWindowTitle {
	color: #FF7D26;
	text-decoration: none;
}


#TB_window #TB_prev a:link, #TB_window #TB_prev a:hover, #TB_window #TB_next a:link, #TB_window #TB_next a:hover {
	color:#666;
	text-decoration: none;
}

#TB_window img#TB_Image {
	border:none;
	margin-top:40px;
} 

#TB_caption {
	float:none;
	background-color:#990100;
	height:14px;
	position:absolute;
	top:6px;
	left:6px;
	width:95%;
	font-weight:bold;
	padding:5px 0 5px 10px;
}


/* CUSTOM */





/* end */


/* -- blog.css -- */

/* --------------------------------------------- BLOG --------------------------------------------- */

#blog #col1 {
	width: 604px;
	border-right: 1px solid #191919;
	padding-right: 0;
}

#blog #col2 {
	width: 185px;
	padding-left: 30px;
}

#blog .TXTcol {
	width: 559px;
	padding-left: 0;
	padding-right: 35px;
}

#blog hr {
	height: 1px;
	border: none;
	margin: 19px 0 17px 0;
	background-color: #191919;
}


/* comment links */
#blog .commentLinks {
	padding-top: 8px;
	color: #999;
	font-weight: bold;
}

#blog .commentLinks a {
	text-decoration: none;
	padding-left: 11px;
	background: transparent url(/imgs/arrow_grey.gif) no-repeat 0 3px;
}


/* title */
#blog h3 {
	padding-bottom: 0;
	padding-left: 0;
	color: #ff6600;
	font-size: 1.3em;
	/*width: 450px;*/
}


/* blog box */
#blog .listBox {
	clear: both;
	float: none;
	width: auto;
	height: auto;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-left: 20px;
}

#blog .subtitle {
	padding-bottom: 7px;
	font-weight: bold;
}

#blog .listBox .subtitle {
	padding-top: 8px;
	padding-bottom: 7px;
}

#blog .listBox .commentLinks {
	padding-top: 3px;
	margin-bottom: 2px;
}


/* menu box */
#blog .rightBox {
	width: 130px;
	padding-left: 60px;
}

#blog .rightBox .arrowYellow, #blog .rightBox .arrowYellowDown { background-position: 0 6px; }

#blog dl {
	padding-top: 0;
	padding-bottom: 9px;
}

#blog dt {
	margin-left: 13px;
	padding-bottom: 0;
}

#blog #col2 h3.sifr_whiteS {
	margin-bottom: 2px;
	padding-top: 0;
	padding-left: 4px;
	padding-right: 0;
	font-size: 1.2em;
	color: #fff;
}

#blog #archiveBox {
	margin-left: 13px;
	
	margin-bottom: 20px;	
	
	/*padding-top: 2px;*/
}

#blog #rss {
	float: right;
}

#blog #archiveBox p { margin-bottom: 0; }

#blog #archiveBox .archiveYear { padding-bottom: 3px; }

#blog #archiveBox .year { margin-top: 2px; }

#blog #archiveBox .month { padding-left: 12px; }

/* thickbox */
#blog #TB_window { background-color: #000; }


/* end */


/* -- event.css -- */

/* --------------------------------------------- EVENT TEMPLATE --------------------------------------------- */

#event .TXTcol, #eventPast .TXTcol, #eventLatest .TXTcol {
	padding: 0;
	padding-left:3px;
	font-size:1.1em;
	margin-bottom:15px;
}

#event .spacer, #eventPast .spacer, #eventLatest .spacer {
	width:15px;
	height:235px;
	float:left;
}


/* -- eventPage.css -- */

/* --------------------------------------------- EVENT TEMPLATE --------------------------------------------- */

#eventPage .PICcol {
	width:575px;
	height:235px;
}
#eventPage .TXTcol {
	padding: 0;
	font-size:1em;
	margin-bottom:15px;
}

#eventPage #contextMenu li {
	display:block;
	height:20px;
	float:left;
	padding:0 5px 0 5px;
}
#eventPage #contextMenu li.seperator {margin-top:2px;padding:0;}

#eventPage #contextMenu {
	width:575px;
	background:#242424;
	font-size:0.9em;
}

#eventPage #eventHeader {margin-top:30px;clear:both;}
#eventPage #eventHeader h3 {padding:0;clear:both;}

/* book now */
#eventPage .bookNow {
	float: right;
	margin: 7px 0 0 0;
}



/* reviews */
#eventPage .lightOrange {color:#f98e1c;}
#eventPage dd p span,
#eventPage dd p span a,
#eventPage dd p span.underline {
	display:block;
	float:left;
	color: #fff;
	font-size:1em;
	margin-right:5px;
	height:auto;
	
	
}


#eventPage .margin {margin-bottom:5px;}

/* video */
#eventPage .video .spacer {
	width:5px;
	height:180px;
	float:left;
}

#eventPage .video .listBox {width:140px;height:180px;overflow:hidden;}
#eventPage .video .listBox .imageBox {width:140px; height:80px;background: #363636;}

#eventPage .gallery .spacer {
	width:5px;
	height:70px;
	float:left;
}

#eventPage .gallery .listBox {width:110px;height:70px;overflow:hidden;}
#eventPage .gallery .listBox .imageBox {width:110px; height:70px;background: #363636;}

#eventPage .datesAndVenues table {
	width:575px;
}
#eventPage .datesAndVenues td.cell1 {width:60%;}
#eventPage .datesAndVenues td.cell2 {width:40%;}


/* -- form.css -- */
/* -- form.css -- */
/* ----------------------------------------------------------------------------------------------------------- */

/* -------------------------------------------------- FORMS -------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------- */



#container .TXTcol #updateForm table, #container .TXTcol #updateForm td { border: none; }



#container #updateForm {

	width: 440px;

	padding: 7px 0 0 0;

}



#container .req {

	display: inline;

	margin: 0 0 0 5px;

	color: #990000;

	font-weight: bold;

}



#container .requiredExp {

	color: #990000;

	font-size: 0.9em;

}



#container #updateForm .formrow {
	clear: both;
	width: 390px;
}



#container #updateForm .l {

	float: left;

	width: 70px;

	margin: 3px 0 3px 0;

}



#container #updateForm .r {

	float: left;

	width: 310px;

}



#container #updateForm textarea {

	font-size: 1em;

	font-family: Arial, Helvetica, sans-serif;

}



#container #updateForm select,

#container #updateForm input {

	width: 288px;

	height: 16px;

	border: 1px solid #999;

	margin: 3px 0 3px 0;

	padding: 2px 0 0 2px;

	background: transparent;

	font-size: 1em;

}



#container #updateForm textarea {

	width: 190px;

	height: 90px;

	border: 1px solid #999;

}



#container #updateForm select {

	width: 150px;

	border: 1px solid #999;

	background: #fff;

	padding: 0;

}



#container #updateForm .frsubmit input {

	display: block;

	width: 50px;

	height: 19px;

	border: none;

	margin-top: 10px;

	background: url(/imgs/submit.gif) no-repeat 0 0;

	text-indent: -5000px;

	font-size: 0;

	line-height: 0;

	cursor: pointer;

}



#container #updateForm .frsecurityCode { clear: both; }

#container #updateForm .frsecurityCode .l, #container #updateForm .frsecurityCode .r { float: none; }

#container #updateForm .frsecurityCode .r input, .securityimage { margin-left: 80px; }

#container #updateForm .frsecurityCode .r input { width: 115px; }



/* update your details */

#container #subupdate .formrow { padding-bottom: 10px; }

#container .submessage { display: block; padding-bottom: 10px; }

/* end */





/* --------------------------------------------- MAILING LIST --------------------------------------------- */





#mailinglist .PICcol {

	float:left;

	width:220px;

}



#mailinglist .TXTcol {

	float:left;

	width:334px;

}





#mailinglist #updateForm input { color: #fff;}

#mailinglist #updateForm label {color:#fff;}

#mailinglist #updateForm { width: 334px;}	

#mailinglist #updateForm .formrow { width: 334px;}

#mailinglist #updateForm label { color:#fff; }	

#mailinglist #updateForm select, #container #updateForm input { width: 180px; border: #ffffff 1px solid;}

#mailinglist #updateForm .req { display: none;} 

#mailinglist #updateForm .r { width: 200px; margin-left: 10px;}

#mailinglist #updateForm .frthirdparty .l,#mailinglist #updateForm .frtextonly .l { width: 300px; float:right; margin: 15px 0px 0 0; } 

#mailinglist #updateForm .frthirdparty .r,#mailinglist  #updateForm .frtextonly .r  { width: auto; float:left; margin: 15px 0 0 0;}

#mailinglist #updateForm .frthirdparty input,#mailinglist #updateForm .frtextonly input  { width: 15px;}







#mailinglist #updateForm .frsubmit input { 

	background:transparent url(/imgs/buttons/submit.gif) no-repeat  0 0;

	margin: 30px 0 0 0;
	
	width:60px;	
	
	height: 25px;

}

#mailinglist #updateForm .frsubmit .r { margin-left: 0px; padding: 0px; float:left; height:auto; width:auto;}

#mailinglist #updateForm .frsubmit .l { display: none; width:0px;}








/* -- homepage.css -- */

/* --------------------------------------------- HOME PAGE --------------------------------------------- */

#homepage #container { background: none; overflow-x: hidden; width:1000px;}

#homepage #content {
	padding: 0;
	width:1000px;
	height: 510px;
	position:relative;
	left:50%;
	margin-left:-500px;
}

#homepage .singleBox {
	width: 210px;
	height: 125px;
}

#homepage #footer {bottom:10px;}


#homepage .widgetBox { height: 160px; }

#flashHomepage, #flashHomepage img{ max-width:979px }
#flashHomepage img{ padding-left:10px }
#flashHomepage  h1{ position:absolute; 
					top:-10px; 
					left:30px;
					width:400px;
					font-size:2.2em;
					line-height:1.2em;
					font-weight:normal;
					}


/* -- imageText.css -- */
/* CSS Document */

#imageText .PICcol {
	float:left;
	width:221px;
}

#imageText .TXTcol {
	float:left;
	width:334px;
}

#imageText #subpages {
	float: left;
	padding-top: 10px;
	padding-left: 0;
}

/* ?????????????????? */
/*#imageText #subpages li { margin:0;padding:0;padding-left: 8px;}*/


/* -- jobs.css -- */

/* --------------------------------------------- WHO'S WHO --------------------------------------------- */

#jobs .TXTcol { width: 555px; }

#jobs #col1 hr {
	margin: 40px 0;
	border:0px;
	border-top: 1px solid #333;
}




/* -- landing.css -- */

/* --------------------------------------------- EVENT TEMPLATE --------------------------------------------- */

#landing #landingFlash {width:820px;height:280px;margin-bottom:15px}

#landing #col1  { 
	width:820px; 
	padding:0px;
}

#landing .TXTcol  {
	padding: 0;
	padding-left:3px;
	font-size:1.1em;
	margin-bottom:15px;
}

#landing .spacer {
	width:10px;
	height:120px;
	float:left;
}

/* changing these to be 'half and third' width */
#landing .halfWidth, #landing .fullWidth {height:120px;margin-bottom:15px; overflow:hidden;}
#landing .halfWidth {width:262px;}
#landing .fullWidth {width:400px;}

/* hide backgrounds */
#landing .underlay {background:none;}



/* -- landingPage.css -- */

/* --------------------------------------------- LANDING PAGE --------------------------------------------- */

#landingPage #col1 .listBox:first-child {
	width: 470px;
	margin-right: 0;
}


/* -- meetTheCitz.css -- */

/* --------------------------------------------- WHO'S WHO --------------------------------------------- */

#meetTheCitz #col1 {
	/*width:820px;*/
	width:575px;
	padding-right: 0;
}

#meetTheCitz .TXTcol {
	/*width: 810px;*/
	width:575px;
	/*padding: 12px 12px 0 12px;*/
	padding: 0 0 0 10px;
}

#meetTheCitz .listBox { 
	background-color: #FFFFFF; 
	overflow: hidden;
	width: 100%;
}

#meetTheCitz .TXTcol .listBox { 
	width:122px; 
	overflow:hidden;
	height:151px;	
	margin-bottom: 40px; 
	position:relative;
	/*margin-right:40px;*/
	margin-right:20px;
}

#meetTheCitz .TXTcol .listBox .name{ 
	/*left:40px;
	position:absolute;
	top:123px;*/
	margin-top: -32px;
	color: #000000;
	text-align: center;
	}
#col2  #citizenWidgetBox .listBox{
 	background-color:black;
	width:90px;
	float:left;
	
 }

 #citizenWidgetBoxSpan{
		
		width:95px;
		float:left;
		margin:0;
	
}

#citizenWidgetBoxSpan h4{
		
		padding-top:4px;
		font-size:1.2em;
		padding-bottom:4px;
	
}







/* -- navigation.css -- */

/* --------------------------------------------- NAVIGATION ------------------------------------------- */

#nav {
	position: absolute;
	top: 142px;
	left: 50%;
	margin-left:-490px;
	width: 978px;
	height: 27px;
	border-top: 1px solid #444;
	border-left: 1px solid #444;
	border-right: 1px solid #222;
	border-bottom: 1px solid #222;
	background-color: #222;
	text-align: center;
	background: url(/imgs/menu_bg.jpg) repeat-x left;

}

#navmenu ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navmenu ol li {
	display: block;
	float:left;
	margin: 0;
	padding: 0 31px 0 31px;
}

.navSeperator {
	background: url(/imgs/menu_sep.gif) no-repeat left;

}

#navmenu ol li a { 
	color: #fff; 
	font-weight: bold;
	font-size:14px;}


/* subnav */
#subnav {
	position: absolute;
	top: 244px;
	left: 0;
	width: 140px;
	line-height: 1.2em;
}

#subnav li { padding-bottom: 5px; }

#subnav ol li ol li {
	padding-bottom:2px;
	/*padding-left:15px;
	background: url(/imgs/whiteDash.gif) no-repeat left -1px;*/
}
#subnav ol li ol li a {
	padding-left:15px;
	background: url(/imgs/whiteDash.gif) no-repeat left -5px;
}

#subnav ol li ol li.active a {
	background: url(/imgs/orangeDash.gif) no-repeat left -5px;
}
#subnav li a { color: #666; }
#subnav li.active a { font-weight: bold; }

*+html #subnav ol li ol li a { background-position: left -2px; }
*+html #subnav ol li ol li.active a { background-position: left -2px; }

/* tabnav */
#tabNav li {
	float: left;
	width: auto;
	font-size: 1.3em;
	font-weight: bold;
}

#tabNav li a { color: #333; }


/* -- people.css -- */

/* --------------------------------------------- STAFF (PEOPLE) --------------------------------------------- */

#people #col1 {
	width: 574px;
	border-right: 1px solid #191919;
}

#people .PICcol {
	float: left;
	width: 86px;
}

#people .TXTcol {
	float: left;
	width: 453px;
	padding-left: 25px;
}

#people h4 {
	font-size: 1em;
	font-weight: normal;
}

#people .staffName {
	color: #FF6600;
	font-weight: bold;
}

#staffNav { padding-left: 15px; }

#staffNav li { padding-bottom: 0; }

#staffNav li a {
	color: #ccc;
	font-weight: bold;
	text-decoration: none;
}


#people .top {
	width:445px;
	height:10px;
	text-align:right;
}


/* -- resource.css -- */

/* --------------------------------------------- RESOURCE ------------------------------------------- */

#resource dt img {
	position: absolute;
	top: 4px;
	left: 0;
}

#resource dt {
	position: relative;
	padding-left: 46px;
	background: no-repeat 0 0;
	font-weight: bold;
}

#resource dd {
	padding-left: 46px;
	padding-bottom: 12px;
}

#resource dt a { font-weight: normal; }



/* end */


/* -- search.css -- */

/* --------------------------------------------- SEARCH RESULTS ------------------------------------------- */

#searchResult .TXTcol .arrowYellow {
	height: auto;
	min-height: 120px;
}




/* end */


/* -- social.css -- */
#socialAndBooking
{
    float: right;
    margin-top: 7px;
    
    margin-bottom: 30px;
}

#socialAndBooking .twitter,
#socialAndBooking .facebook,
#socialAndBooking .bookNow
{
	float: left;
}

#socialAndBooking .bookNow
{
	margin: 0;
}

#socialAndBooking .facebook
{
	padding-right: 20px;
}


.widgetBox.twitter a
{
	color: #F95900;
}

.widgetBox.twitter .img
{
	width: 55px;
	float: left;
}

.widgetBox.twitter .copy 
{
	float: left;
	width: 130px;
	font-size: 1.2em;
}

.widgetBox.twitter li 
{
	overflow: hidden;
	padding-bottom: 25px;
}

#textChanger 
{
	margin-left: 50px;
}

.widgetBox.twitter .moreLinks a
{
	display: block;
	width: 90px;
	height: 17px;
	
	background: url(/imgs/moretweets.gif) no-repeat;
	
	line-height: 0;
	font-size: 0;
	text-indent: -5000px;
}



/* -- sponsors.css -- */
/* CSS Document */

#sponsors .PICcol {
	float:left;
	width:221px;
}

#sponsors .TXTcol {
	float:left;
	width:320px;
	padding-left:20px;
}


#sponsors #col1 .TXTcol ul li {
background:transparent url(/imgs/arrow_grey.gif) no-repeat scroll 0px 20px;
padding:15px 0 25px 8px;
}

#sponsors ul{ padding:0 0 0 0; }





/* -- supportUs.css -- */
/* --------------------------------------------- SUPPORT US TEMPLATE --------------------------------------------- */

#supportUs .TXTcol {
	padding-left: 0;
	
}

#supportUs .spacer {
	width:10px;
	height:120px;
	float:left;
}


/* -- whoswho.css -- */

/* --------------------------------------------- WHO'S WHO --------------------------------------------- */

#whoswho .TXTcol {
	width: 446px;
	padding: 12px 12px 0 12px;
}

#whoswho .listBox { margin-bottom: 12px; }


/* -- widgets.css -- */
.widgetBox h3 {
	padding: 0 0 2px 0;
	background: none;
	color: #fff;
}
/* calendar widget */
#calendar { position:relative;}
.widgetBox .calendar caption {display: table-caption;font-weight:bold;padding-bottom:5px;}
.widgetBox .calendar {text-align:center;width:185px;}
.widgetBox .calendar td {padding-top:4px;padding-bottom:4px;font-weight:bold;}
.widgetBox .calendar td.calDay {background:#666;}
.widgetBox .calendar td.calToday {background:#fe6600;}
.widgetBox .calendar td.calDay a {color: #f95900;}
.widgetBox .calendar td.calToday a {color:#fff;}
.widgetBox .calendar td.calToday a, .widgetBox .calendar td.calDay a {text-decoration:none;}

/* hide navs by default - js deals with refreshing... */
.calPrev, .calNext {
	position:absolute;
	display:none;
}

.calPrev {left:32px;}
.calNext {left:167px;}

.calPrev a, .calNext a {text-decoration:none;}

#calendarPreview {
	display:none;
	position:absolute;
	background:#000;
	background: #000;
	overflow: auto;
	border: 2px dotted #444;
	width:312px;
}

#calendarPreview .calPreviewDay {
	width:300px;
	background: #333333;
	padding-left:12px;
}
.calPreviewEvents {
	padding: 5px 12px 0 12px;
	margin-bottom:10px;
}

.calPreviewEvents .calPreviewInfo {margin-top:10px;}

/* citz widget */
.widgetBox .listBox {position:relative;margin-bottom:0;}
.widgetBox .listBox img, .widgetBox .listBox,.widgetBox .listBox img.overlay  {width:75px; height:90px; }
.widgetBox .listBox img.overlay {position:absolute;top:0;left:0; overflow:auto;}