@charset "utf-8";
/* CSS Print Document */

/* colour guides 
orange: #fd9a01
lighter organge: #fdc46d
brown: #A1895D
light green: #8398A4
background green:303C40;
NOTE: colours for the siFR heading are in the functions file.

*/

/************** Default Elements *******************/

* {	margin: 0;	padding: 0;	border: 0;}

/* hide from IE mac \*/ 
html {	min-height: 100%;	margin-bottom: 1px;}
/* end hiding from IE5 mac */

body {
	font: 80.01%/160% Arial, Helvetica, sans-serif;
	color:#ACB7BF;
	background:none;
}
a:active /*remove default dotted line!*/
{
  outline: none;
}
:-moz-any-link:focus {
  outline: none;
}

/************** Layout Elements *******************/

div.wrapper {
	width: 773px;
	margin: 0 auto;
}
div#printheader {display:block; float:right; margin-right:10px;}
div#printheader address {color:#000;}
#header {	height: 100px;	background:none; border-bottom: 1px solid #303C40; }

	#header h1#title {	width:150px; margin-bottom:-20px; 	padding: 15px 0 5px 18px; } /*sifr replaced. -ve margin to suck up the nav*/

		#header ul {		display:none;		}
		
		#header li {		display:none;		}
		
		#header li a {	display:none;		}
		
		#header li a:hover, #leftcol li a:hover {	display:none;}


/*---------------------------------- end header styles-----------------*/

/* main layout elements */
#strap { display:none;	}
#content { background:none; } /*this is the default 2 col appearance.*/
#innerwrapper {
	margin: 0;
	padding-bottom:0;
}
#rightcontent {	background:none;	width:100%;}
	
div#rightcontent ul { list-style:none; margin-left:25px;}

#leftcol {
display:none;
}

div#footer 
{
display:none;
}




h1#location {color:#A1895D; /*light brown*/}
h1#title, h1#title a {color:#fd9a01; /*bright orange*/}

/*---------------------------------
COLORS ARE DEFINED VIA THE SIFR SCRIPT!
Note the padding specified below is important in determining the size of the font via siFR
If javascript is disabled we would need to remove the padding. Not worth the effort to solve.
-----------------------------------*/

h1,h2 {	color: #8398A4; /*light green*/ padding: 12px 0 0px 20px; width:400px; position:relative; /*set widths for IE  */}
div#rightcontent>h1 { height:20px; font-size:20px; !important; margin-bottom:15px;  width:inherit;}
div#rightcontent>h2 { height:16px; font-size:18px; !important; margin-bottom:15px; width:inherit;}
h2 {	font-size: 140%;}

h3 {	font-size: 130%; color:#8398A4;}

h4 {	font-size: 120%;}

h5 {	font-size: 110%;}

h6 {	font-size: 100%;}

p {	margin: 10px 20px; color:#333; }
span.date {color:#ccc; border-bottom:1px solid #ccc; padding-bottom:8px; margin-bottom:8px; display:block; margin-left:23px; width:100%;}
/*--------------------------- breadcrumbs-----------------*/

div#crumbs {padding-left:175px;}
div#crumbs h1 {padding-left:1px; color:#ccc;} /*reset and align the crumbs with the header*/
#CMXbreadcrumbs,
#CMXbreadcrumbs li {list-style-type: none; display: inline;  }
#CMXbreadcrumbs li a {padding: 2px 4px;line-height: normal;}
#current-page {font-weight: bold;color: #000; }

/************** Generic Classes *******************/
.right {	float: right;	margin: 5px 0 2px 10px;}
.left {	float: left;	margin: 5px 10px 2px 0;}
.clearit {	font-size: 0;	line-height: 0;	clear: both; font-size: 1px;height:0;}
.sifr {width:300px;}
.image {border: 3px solid #e4e4e4; position:relative;}
.line_divider {border-bottom:1px solid #ccc; margin-bottom:5px; padding-bottom:5px;}

/*catch javascript errors */

span.noscript a {color:#fd9a01}
.warning {background:transparent url(../images/error_small.gif) no-repeat top left; padding: 5px 25px; line-height:2.5em; color:#CC3300; /*light red*/ }
span.browsericons {background:transparent url(../images/browsericons.gif) no-repeat top left; padding: 5px 125px;}


/************** Link Styles *******************/

a img {	border: none;}
a {	color:#fd9a01; text-decoration:none;} /* orange*/
/*-------------------teaser styles-------------------------*/

div#rightcontent ul.teaser {
	width: 250px;
	list-style: none;
	margin-left:0;		/*override the general indent rule with div#rightcontent ul*/
	}

ul.teaser li h3 {
	clear: left;
	float: right;
	width: 440px;
	font-weight: bold;
	/*margin-bottom:-10px; for ie*/
	}
ul.teaser li p {
	clear: right;
	margin: 0 0 0 60px;
	padding:0;
	}
ul.teaser img {
	clear: none;
	float: left;
	border:5px solid #e2e2e2;
	}

ul.teaser li {
	float: left;
	margin: 5px 0 10px 25px;
	padding: 10px;
	border-bottom: 1px solid #ccc;
	width: 500px;
	}
ul.teaser li.firstteaser  /*set the top margin on the first item*/
{
		margin: 20px 0 10px 25px;

}
/*----------------------collapsable divs----------------*/

div.collapsable { padding:5px; display:block;}
span.expander { display:none;}


/*----------------------flashplayer div----------------*/
div.flashholder_playlist {display:none;}
div.flashholder {  display:none;}


#gotoTop, #gotoTop a {
display:none; }


