/******************************************************************************************************************
Fairbridge Global Stylesheet

Developed by Matthew Hill for Electric Putty - January 2008
http://www.friskdesign.com/
******************************************************************************************************************/

/******************************************************************************************************************
AUTO EXPANDING FLOATS FOR COMPLIANT BROWSERS
******************************************************************************************************************/

#wrapper:after,
#navSite:after,
#banner:after,
#mainNav:after,
#mainNav #primaryNav:after,
#breadcrumbs ul:after,
#main:after,
#innermain:after,
.panelWide:after,
.panelNarrow:after,
.panelSimple:after,
#bodyContent .newsPagination:after,
#footer:after,
#footer ul:after,
.clearImage:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

/******************************************************************************************************************
GENERAL FORMATTING OF STANDARD ELEMENTS
******************************************************************************************************************/
body {
	background:#BDBDC0;
	color:#000;
	font: normal 75%/1.4em Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
}

textarea {
	font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size: 100%;
	}

#skipto {
	position:absolute;
	left:-999em;
}

a img {
	border:none;
}

a,a:link {
	color:#F3941E;
	font-weight:bold;
	text-decoration:none;
}

a:visited {
/*	color:#999;*/
}

a:hover {
	text-decoration:underline;
}

.floatright {
	float:right;
}
.floatleft {
	float:left;
	margin:0 13px 0 0;
}

.imgright,
.picright {
	clear:right;
	float:right;
	margin:0 0 13px 13px;
	border:1px solid #716F6F;
	}

.capRight img {
	margin:0 0 13px 13px;
	border:1px solid #716F6F;
	}

.imgleft,
.picleft {
	clear:left;
	float:left;
	margin:0 13px 13px 0;
	border:1px solid #716F6F;
	}

.capleft img {
	margin:0 13px 13px 0;
	border:1px solid #716F6F;
	}

.hitext,
.warning {
	color:#D4260F;
}

.noborder {
	border:none !important;
}

.center {
	text-align:center;
}


/******************************************************************************************************************
OVERALL LAYOUT RULES (One true layout, 2-1 ordering -- content before sidebar in source)
******************************************************************************************************************/

#wrapper {
	width:735px;
	padding:0 13px 0 12px;
	margin:0 auto;
	background:#FFF url(../images/bg-wrapper.gif) top left repeat-y;
}

#main {
	clear:both;
	background:#F3941E url(../images/bg-inner-mid.gif) 50% 66px repeat-y;
}

#innermain {
	padding-top:25px;
	background:url(../images/bg-inner-top.gif) 50% top no-repeat;	
}

#innermainfoot {
	clear:both;
	font-size:0;
	height:15px;
	background:url(../images/bg-inner-bot.gif) 50% bottom no-repeat;	
}

#sideBar {
	float:left;	
	width:217px;
	padding:0 20px 0 15px;
	margin:0 0 0 -735px;
	min-height:350px;
}

#bodyContent {
	float:left;	
	width:456px;
	padding:0 27px 0 0;
	margin-left:252px;
	min-height:350px;
	}


/******************************************************************************************************************
TOP LEVEL NAVIGATION 
******************************************************************************************************************/

#navSite {
	float:right;
	padding:0 10px 2px 0;
	font-size:90%;
}

#navSite ul {
	float:left;
	padding:0;
	margin:3px 0;
	border-top:2px solid #FFF;
	border-bottom:2px solid #FFF;	
}

/* Top navigation list */

#navSite #navOptions li {
	float:left;
	list-style:none;
	margin:0 0 0 4px;
	border-left:1px solid #333;
	line-height:normal;
	}
	
#navSite #navOptions li#navSiteContact {
	border-left: none !important;
	}

#navSite #navOptions li a,
#navSite #navOptions li a:visited {
	display:block;
	padding:0 0 0 4px;
	font-weight:normal;
	text-decoration:none;
	color:#333;
	}

#navSite #navOptions li a:hover {
	text-decoration:underline;
	}

/* Text Size */

#navSite #textSize {
	margin:0 0 0 354px;
}

#navSite #textSize li {
	float:left;
	list-style:none;
	margin:0 0 0 3px;
	line-height:normal;
	position:relative;
	}

#navSite #textSize li a,
#navSite #textSize li a:visited {
	display:block;
	padding:0 4px;
	font-weight:normal;
	text-decoration:none;
	background:#DBDBDB;
	color:#333;
	}
	
#navSite #textSize li.active a,
#navSite #textSize li.active a:visited{
	background:#e8b595;
	}

#navSite #textSize li a:hover {
	background:#F36810;
}

#navSite #textSize li span {
	display:none;
}

#navSite #textSize #textSmall a,
#navSite #textSize #textSmall a:visited {
	font-size:90%;
	border-top:7px solid #FFF;
}

#navSite #textSize #textMed a,
#navSite #textSize #textMed a:visited {
	font-size:125%;
	border-top:3px solid #FFF;
}

#navSite #textSize #textLarge a,
#navSite #textSize #textLarge a:visited {
	font-size:150%;
	border-top:1px solid #FFF;	
}





/******************************************************************************************************************
BANNER
******************************************************************************************************************/

#banner {
	clear:both;
	display:block;
	height:179px;
	background:#FFF url(../images/bg-banner.jpg) left top no-repeat;
	position:relative;
	}

#banner #logo {
	position:absolute;
	top:12px;
	left:4px;
}

#banner #mainsitelink {
	position:absolute;
	top:10px;
	right:0;
}

#banner #donate {
	position:absolute;
	top:65px;
	right:7px;
}

#banner ul {
	list-style:none;
}

#banner ul li {
	position:absolute;
	bottom:10px;
}

#banner ul li a,
#banner ul li a:visited {
	display:block;	
	position:relative;
	width:49px;
	height:46px;
	text-align:center;
	line-height:46px;
	font-size:75%;
	font-weight:normal;
	text-transform:uppercase;
	}

#banner ul li a span,
#banner ul li a:visited span {
	display:block;	
	position:absolute;
	top:0;
	left:0;
	width:49px;
	height:46px;
	background-position:top left;
	background-repeat:no-repeat;
	z-index:10;
	cursor:pointer;
	}

#banner  li#iconMusic {
	left:566px;
}

#banner  li#iconImages {
	left:622px;
}

#banner  li#iconFilms {
	left:678px;
}


#banner li#iconMusic a span {
	background-image:url("../images/navicon-music.png");
	}

#banner li#iconImages a span {
	background-image:url("../images/navicon-images.png");
	}

#banner li#iconFilms a span {
	background-image:url("../images/navicon-films.png");
	}


#banner li#iconMusic a:hover,
#banner li#iconMusic a:focus,
#banner li#iconMusic a:active,
#banner li#iconImages a:hover,
#banner li#iconImages a:focus,
#banner li#iconImages a:active,
#banner li#iconFilms a:hover,
#banner li#iconFilms a:focus,
#banner li#iconFilms a:active {
	text-decoration: none;
	}


/******************************************************************************************************************
MAIN NAVIGATION
******************************************************************************************************************/

#mainNav {
	clear:both;
	position:relative;
	margin:-10px 0 0 0;
}

#mainNav ul {
	list-style:none;
	float:left;
	width:100%;
	margin:0;
}

#mainNav #primaryNav li {
	list-style:none;
	float:left;
	margin:0 3px 0 0;
}

#mainNav #primaryNav li a,
#mainNav #primaryNav li a:visited {
	display:block;
	height:18px;
	width:105px;
	padding:5px 7px 4px;
	text-decoration:none;
	text-align:left;
	font-weight:normal;
	background:url(../images/bg-nav-off.png) top left no-repeat;
	color:#F3941E;
}

#mainNav #primaryNav li a span,
#mainNav #primaryNav li a:link span,
#mainNav #primaryNav li a:visited span {
	background:#000;
	display:block;
}

#mainNav #primaryNav li a:hover {
	background:url(../images/bg-nav-on.png) top left no-repeat;
	color:#000;
}

#mainNav #primaryNav li a:hover span,
#mainNav #primaryNav li a:visited:hover span {
	background:#F3941E;
}

#mainNav #primaryNav li.selected a span,
#mainNav #primaryNav li.selected a:link span,
#mainNav #primaryNav li.selected a:visited span {
	background:#F3941E;
}

#mainNav #primaryNav li.selected a,
#mainNav #primaryNav li.selected a:visited {
	background:url(../images/bg-nav-on.png) top left no-repeat;
	color:#000;
}

#mainNav ul li.selected a:hover {
	text-decoration:underline;
}

/* Secondary */

#mainNav #secondaryNav {
	background:#DBDBDB;
	border-top:2px solid #FFF;
	padding:3px 0;
	margin:0 5px;
	width:725px;
}

#mainNav #secondaryNav li {
	color:#808080;
	line-height:1;	
	list-style:none;
	float:left;
	margin:0 3px 0 0;	
}

#mainNav #secondaryNav li.noborder a {
	border:none !important;
}

#mainNav #secondaryNav li a,
#mainNav #secondaryNav li a:visited {
	display:inline;
	float:left;
	width:auto;
	padding:0 5px;
	background:none;
	border:none;
	color:#808080;
	text-decoration:none;
	text-align:left;
	font-weight:normal;
	line-height:normal;	
	border-left:1px solid #808080;
}

#mainNav #secondaryNav li a:hover,
#mainNav #secondaryNav li.selected a:hover {
	text-decoration:underline;
}

#mainNav #secondaryNav li.selected a,
#mainNav #secondaryNav li.selected a:visited {
	text-decoration:none;
	font-weight: bold;
	color: #282828;
}




/******************************************************************************************************************
GENERAL TEXT FORMATTING
******************************************************************************************************************/

strong,
address {
	font-style:normal;
	font-weight:bold;
	}

em {
	font-style:italic;
}
	


#bodyContent p, #sideBar p,
#bodyContent ul, #sideBar p,
#bodyContent ol, #sideBar p {
	margin:0 0 1.5em;	
	}

#bodyContent ul {
	}

#bodyContent ol {
	margin-left: 30px;
	}

#sideBar li {
	margin-left: 10px;
	margin-bottom:0.6em;
	}
	
#bodyContent li {
	margin: 0.2em 0 0.6em 0;
	}

#bodyContent ul li,
#sideBar ul li {
	list-style:none;
	padding:0 0 0 12px;
	background:url(../images/bullet.gif) left 5px no-repeat;
	}
	
h1,h2,h3,h4,h5,h6 {
	margin:0 0 1.5em;
	color:#000;	
	font-weight:normal;
	font-size:1.0em;
	}


/***********************************************************************************

H1 and H2 styled with the .panelWide rules lower in the file */

#bodyContent h1 {
	
}
	
#bodyContent h2 {
	}
	
/***********************************************************************************/

#bodyContent h3 {
	font-size: 1.4em;
	}
	
#bodyContent h4 {
	font-size: 1.2em;
	margin: 0;
	}

#bodyContent h5 {
	font-weight: bold;
	font-size: 1em;
	}
	
#bodyContent h6 {
	font-weight: bold;
	font-size: 1em;
	}

#bodyContent small,
#bodyContent .smaller,
.smaller {
	font-size:0.90em;
}

.big,big,.bigger {
	font-size:1.5em;
	line-height:normal;
	color:#F36810;
	font-family: "Century Gothic", Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;	
	letter-spacing:-0.05em;	
	}


.orangecaps {
	font-size:1.2em;
	text-transform: uppercase;
	color:#f36810;
	}

big li,
.bigger li {
	background:url(../images/bullet.gif) left 8px no-repeat;	
	}

a.arrow {
	padding-right:12px;
	}

#cmsFileList,
#bodyContent ul.mediaList,
#bodyContent ul.latestNews {
	margin: 0;
	}


#cmsFileList p.fileLink {
	margin: 0 !important;
	padding: 3px 20px 0 35px !important;
	background: url("../images/icon-clock.gif") no-repeat 12px 6px !important;
	}
	
#cmsFileList p.fileLink {
	background: url("../images/icon-file.gif") no-repeat 12px 6px !important;
	}
	
#cmsFileList .Fodd,
#cmsFileList .Feven {
	border-bottom: 1px solid #e4e4e4;
	padding: 10px 0;
	}
	
#cmsFileList .fFirst {
	padding-top: 0 !important;
	}
	
#cmsFileList p.fileLink {
	color: #9d9d9d;
	font-size: 0.9em;
	}

#cmsFileList p.fileLink a {
	font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	margin: 0 0 10px 0;
	}
	
#cmsFileList p.fileLink a {
	color: #616161;
	}

	
	
	
/******************************************************************************************************************
CONTENT PANELS
******************************************************************************************************************/

/* H1 and H2 are styled the same as these are used for the headings on the wide panels
when displayed as orange on black -- because you need an H1 for SEO and the pages
as designed aren't really suitable for that. */

#bodyContent .panelWide {
	width:400px;
	background:#FFF url(../images/bg-panelwide-mid.gif) top left repeat-y;
	padding:0 28px;
	margin:0 0 20px 0;
}

#bodyContent .panelWide div.endpanel {
	clear:both;
	height:24px;
	margin:0 -28px;	
	background:#FFF url(../images/bg-panelwide-bot.gif) top left no-repeat;	
}

#bodyContent .panelWide h1,
#bodyContent .panelWide h2 {
	min-height:37px;
	padding:7px 0 0 17px;
	margin:0 -28px;
	font-size:1.25em;
	font-family: "Century Gothic", Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;		
	line-height:normal;
	background:#FFF url(../images/bg-panelwide-top.gif) top left no-repeat;
	color:#F3941E;
	text-transform: lowercase;
}

#bodyContent .panelWide h3 {
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 5px 0;
}

#bodyContent .panelWide h3 span {
	font-weight:normal;
	margin:0;
}

#bodyContent .panelWide h3.bigger {
	font-size:1.7em;
	font-weight:normal;
	font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;	
	margin:0 0 0.8em;
	color:#000;
}



/******************************************************************************************************************
FAQ
******************************************************************************************************************/

#bodyContent .panelWide .faq li {
	margin:0;
	padding:0;
	background:none;
}

#bodyContent .panelWide h2.dir,
#bodyContent .panelWide .faq h2 {
	font: bold 1.0em/1.4em Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
	min-height:0;
	padding:0;
	margin:0 !important;
	background:none;
	color:#000;
	text-transform: none;
}

#bodyContent .panelWide h2.dir {
	font-size: 1.3em;
	margin-bottom: 5px;
	}

#bodyContent .panelWide .faq p {
	margin-top:0;
}



/******************************************************************************************************************
SIDEBAR
******************************************************************************************************************/

#sideBar .panelSimple {
	clear:both;
	width:187px;
	padding:0 15px;
	margin:0 0 20px;
}

#sideBar .panelNarrow {
	clear:both;
	width:175px;
	background:#FFF url(../images/bg-panelnarrow-mid.gif) 0 44px repeat-y;
	padding:0 15px 0 27px;
	margin:0 0 20px;
}

#sideBar .panelNarrow div.endpanel {
	height:20px;
	padding:20px 0 0 0;
	margin:0 -15px 0 -27px;	
	background:url(../images/bg-panelnarrow-bot.gif) bottom left no-repeat;	
}

#sideBar .panelNarrow h3 {
	min-height:37px;
	padding:7px 0 0 17px;
	margin:0 -15px 0 -27px;
	font-size:1.25em;
	font-family: "Century Gothic", Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;		
	line-height:normal;
	background:#FFF url(../images/bg-panelnarrow-top.gif) top left no-repeat;
	color:#F3941E;
	text-transform: lowercase;
}

#sideBar .panelNarrow p {
	margin:0 0 10px 0;
}

#sideBar .panelNarrow .movielink {
	text-align:right;
	margin:0;
}

#sideBar .panelNarrow.stats {
	width:165px;
	padding:0 25px 0 27px;	
	text-align:center;
	color:#F36810
}

#sideBar .panelNarrow.stats h3 {
	text-align:left;
	margin:0 -25px 0 -27px;
	color:#F3941E;
}

#sideBar .panelNarrow.stats big,
#sideBar .panelNarrow.stats strong {
	display:block;
	font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size:1.8em;
	font-weight: normal;
	margin:0 0 10px 0;
}

#sideBar .panelNarrow.quotes p,
#sideBar .panelNarrow.stats p {
	border-bottom:1px dashed #F3941E;
	margin:0 0 15px;
	padding:0 0 15px;
}

#sideBar .panelNarrow.quotes p {
	margin-right: 10px;
	}

#sideBar .panelNarrow.quotes p.quote {
	border: 0px;
	font-size:1.12em;
	margin: 0 5px 0 0;
	padding-bottom: 5px;
	color:#F36810
	}

/******************************************************************************************************************
TEAM PAGES
******************************************************************************************************************/

#sideBar ul.teamProfile {
	margin:10px 0 0 0;
}

#sideBar ul.teamProfile li {
	background:none;
	padding:0;
	font-size:0.90em;
}

#bodyContent ul.teamList {
	margin:0 0 0 -10px;
	padding:0;
	line-height:normal;
}

#bodyContent ul.teamList li {
	background:none;
	padding:0;
	margin:0 0 10px 0;
	font-size:0.90em;
	width:80px;
	float:left;
	text-align:center;
}

#bodyContent ul.teamList li a,
#bodyContent ul.teamList li a:visited {
	color:#000;
	font-weight:normal;
}

#bodyContent ul.teamList li a:hover,
#bodyContent ul.teamList li a:visited:hover {
	color:#F3941E;
}

#bodyContent .newsPagination {
	font-size:0.90em;
}


#bodyContent .newsPagination ul {
	float:right;
}

#bodyContent .newsPagination li {
	float:left;
	padding:0;
	background:none;
	line-height:normal;
}

#bodyContent .newsPagination li span,
#bodyContent .newsPagination li a,
#bodyContent .newsPagination li a:visited {
	color:#999;
	text-decoration:none;
}

#bodyContent .newsPagination li.prevGreyed,
#bodyContent .newsPagination li.prev {
	padding:0 5px 0 0;
	margin:0 5px 0 0;
	border-right:1px solid #999;
}

#bodyContent .newsPagination li.nextGreyed {
	padding: 0;
	margin:0;
	}

#bodyContent .newsPagination li.prevGreyed span,
#bodyContent .newsPagination li.prev a,
#bodyContent .newsPagination li.prev a:visited {
	padding:0 0 0 20px;
	background:url(../images/arrow-left.gif) left center no-repeat;
}

#bodyContent .newsPagination li.prev a:hover,
#bodyContent .newsPagination li.prev a:visited:hover {
	color:#F3941E;
	background:url(../images/arrow-left-select.gif) left center no-repeat;
}

#bodyContent .newsPagination li.nextGreyed span,
#bodyContent .newsPagination li.next a,
#bodyContent .newsPagination li.next a:visited {
	padding:0 20px 0 0;
	background:url(../images/arrow-right.gif) right center no-repeat;
}

#bodyContent .newsPagination li.next a:hover,
#bodyContent .newsPagination li.next a:visited:hover {
	color:#F3941E;
	background:url(../images/arrow-right-select.gif) right center no-repeat;
}

#bodyContent .newsList li {
	padding:0;
	margin:0 0 20px 0;
	background:none;
	line-height:normal;
}

#bodyContent .newsList p {
	margin:0;
	padding:0;
}

#bodyContent p.date {
	font-size:0.90em;
	color:#999;
}

#bodyContent .newsList a,
#bodyContent .newsList a:visited {
	color:#616161;
}

#bodyContent .newsList a:hover,
#bodyContent .newsList a:visited:hover {
	color:#F3941E;
}


#bodyContent .adr {
	margin: 0 0 12px 0;
	color:#999;
	}
	
#bodyContent .venue {
	color:#666;
	margin: 0;
	}

#bodyContent .details {
	color:#666;
	font-weight: bold;
	margin: 0;
	}




/******************************************************************************************************************
SITEMAP
******************************************************************************************************************/
#bodyContent ul#siteMap,
#bodyContent ul#siteMap ul {
	margin: 0 0 15px 5px;
	list-style: none;
	padding: 0;
	}

#bodyContent ul#siteMap ul {
	margin-bottom: 0;
	}

#bodyContent ul#siteMap li {
	margin: 6px 0 10px 0;
	padding: 0 0 5px 14px;
	background: url("../images/bullet.gif") no-repeat 2px 4px;
	border-bottom: 1px solid #d9d9d9;
	}

#bodyContent ul#siteMap li a {
	font-size: 1.2em;
	color: #f36810;
	}

#bodyContent ul#siteMap li li {
	margin: 6px 0;
	background: none;
	padding: 0 0 0 10px;
	border-bottom: none;
	}

#bodyContent ul#siteMap li li a {
	font-size: 1em;
	color: #808080;
	}

#bodyContent ul#siteMap li li li a {
	font-weight: normal;
	}


/******************************************************************************************************************
FOOTER
******************************************************************************************************************/

#footer {
	clear:both;
	color:#FFF;
	background:url(../images/bg-footer.gif) top left no-repeat;
	padding: 12px 0 8px 0;
	font-size:90%;
	}
	
.footerInner {
	text-align: center;
	padding:2px 0;
	}
	
#footer li {
	display: inline;
	}
	
#footer span,
#footer a {
	padding: 0 10px;
	}
	
#footer a,
#footer a:visited {
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	line-height:normal;
	border-left:1px solid #FFF;
	}

#footer a:hover,
#footer a:focus,
#footer a:active {
	text-decoration: underline;
	}

/******************************************************************************************************************
FUNCTIONS
******************************************************************************************************************/

p.toTop,
p.printButton {
	float:right;
	text-align:right;
	line-height:1.6em;
	padding:0 0 0 20px;
	background:url(../images/icon-print.gif) left center no-repeat;
	}

p.toTop {
	padding:0 0 0 30px;
	float:left;
	text-align:left;
	background:url(../images/icon-totop.gif) 10px 50% no-repeat;	
	}

p.toTop a,p.toTop a:visited,
p.printButton a,p.printButton a:visited {
	color:#333;
	font-weight:normal;
	}



/******************************************************************************************************************
OVERRIDES
******************************************************************************************************************/

.nomargin {
	margin: 0 !important;
	}