/* colour guides 
orange: #fd9a01
lighter organge: #fdc46d
brown: #A1895D
light green: #8398A4
background green:#303C40;
content green: (not the div but where text sits):#46585e; 
pale yellow: #F7EBD4;
warning red:#992700;
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: #000 url(../images/body_background.gif) repeat-x left -2px;
}
a:active /*remove default dotted line!*/
{
  outline: none;
}
:-moz-any-link:focus {
  outline: none;
}

blockquote{padding:0 40px 0 40px; color:white; font-style:oblique;}
/*--------------------------------Page types-----------------------------------------*/
/*this long rule indicates a page markers*/
body#journalpage li#journal, body#journalcolpage li#journal, 
body#journalpage li#journal a, body#journalcolpage li#journal a, 
body#gallerypage li#journal, body#gallerypage li#journal a, 
body#contactpage li#contact, body#contactpage li#contact a,
body#folioindexpage li#folio, body#folioindexpage li#folio a, 
body#foliopage li#folio, body#foliopage li#folio a,
body#homepage li#home, body#homepage li#home a
{color:#A1895D; background-color:#000;}

body#journalcolpage div#content {background:#303C40 url(../images/centrecol_background.png) repeat-y center top;} /*create a centre col appearance*/
body#gallerypage div#content,body#contactpage div#content,body#folioindexpage div#content,body#homepage div#content {background:#303C40 url(../images/centrecol_background.png) repeat-y center top;}
body#contactpage div#content {background:#303C40 url(../images/centrecol_background.png) repeat-y center top;}

/************** Layout Elements *******************/
img#logo { ;margin-left:22px; margin-top:10px }
div#printheader {display:none;}
div.wrapper {
	width: 773px;
	margin: 0 auto;
}
#header {	height: 101px;	background: #000 url(../images/header.png) no-repeat bottom left; }

	#header h1#title {	width:150px; margin-bottom:-20px; 	padding: 15px 0 5px 18px; } /*sifr replaced. -ve margin to suck up the nav*/

		#header ul {
			border-bottom: 1px solid #434343;
			border-right: 1px solid #434343;
			list-style-type: none;
			margin: -15px 20px 0 20px;
			height: 23px;
		}
		
		#header li {
			float: right;
			padding: 2px 10px;
			border-left: 1px solid #434343;
		}
		
		#header li a {
			color: #bbcbe3;
			text-decoration: none;
		}
		
		#header li a:hover, #leftcol li a:hover {			color: #fd9a01;		}

li a#marker   {	color: #fd9a01;}
/*---------------------------------- end header styles-----------------*/

/* main layout elements */
#strap { /*not current used*/
	height: 120px;
	background-color:#fff;
	margin-left:2px;
}

#content { background:#303c40 url(../images/background_pattern.png) repeat-y center top; } /*this is the default 2 col appearance.*/

#innerwrapper {
	margin: 25px;
	padding-bottom: 25px;
}
#rightcontent {
	min-height: 350px;
	margin-left: 151px;
	cursor:default;
	background:#46585e url(../images/contentshadow.gif) repeat-y top right;
	position:relative;
	height:1%;
	}
	
div#rightcontent ul { list-style:none; margin-left:25px;}

#leftcol {
	float: left;
	width: 151px;
	min-height: 200px;
	padding-top:8px;
}

div#footer 
{
margin-top:-25px;
background:#000 url(../images/footer_pattern.jpg) repeat-x top left;
text-align:center;
height:150px;
}
div#innerfooter 
{
	padding-right:10px;
	text-align:right;
	margin: auto;
	width:762px;
}
div#innerfooter p 
{	margin:0;	font-size:80%; color:#CCC;}

#gotoTop, #gotoTop a {
	background:#000 url(../images/uparrow.gif) no-repeat 5px 5px;
	bottom:0;
	display:block;
	height:25px;
	overflow:hidden;
	position:fixed;
	right:0;
	text-decoration:none;
	width:45px;
	color:#fdc46d;
	text-align:right;
}
/*------------left menu--------------------------*/
#leftcol ul {
	list-style-type: none;
	list-style-position: inside;
	
}
#leftcol li {
	border-bottom: 1px solid #222;
}

#leftcol li a {
	display: block;
	text-decoration: none;
	padding: 5% 26px;
	color: #f7ebd4;
	width:100px;
	font-size:95%;
}

div#leftcol li a#here {
	background:#46585e url(../images/menu_selected.png) top left;
	color: #a1895d;
	cursor:default;
	font-weight:bold;
}
img.up-arrow 
{
 margin-left:-18px;
}
/************** Text Elements *******************/


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:500px; 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%; padding-left:17px;}

h5 {	font-size: 110%;}

h6 {	font-size: 100%;}

p {	margin: 10px 20px;  }
span.date {color:#9892AF; border-bottom:1px solid #ccc; padding-bottom:8px; margin-bottom:8px; display:block; margin-left:23px; width:525px; }
/*--------------------------- breadcrumbs-----------------*/

div#crumbs {padding-left:175px;}
div#crumbs h1 {padding-left:1px; color:#79919D} /*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: #A1895D; }

/************** 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;}
.bottom_cap {background:#333 url(../images/menu_bottom.gif) no-repeat bottom left; height:15px;} /*width rule is applied in IE css*/
.centre {padding:0 80px;}

/*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:#FF6868; /*light red*/ }
form .warning {background-image:none; padding-left:0;}
span.browsericons {background:transparent url(../images/browsericons.gif) no-repeat top left; padding: 5px 125px;}


/************** Link Styles *******************/

a img {	border: none;}
a {	color:#F7EBD4; text-decoration:none;} /* pale yellow*/
a:hover {	color: #fd9a01;}
/*-------------------teaser styles-------------------------*/


ul.teaser {		/*this is for a 2 column context*/
	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: 415px;
	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;
	height:45px;
	width:45px;
	}

ul.teaser li {
	float: left;
	margin: 5px 0 10px 25px;
	padding: 10px;
	border-bottom: 1px solid #ccc;
	width: 475px;
	}
ul.teaser li.firstteaser  /*set the top margin on the first item*/
{
		margin: 20px 0 10px 25px;

}
/**--------------- roundborders---------------------------- dont touch **/
								div.roundborder
								{
								background:#46585e;
								margin-bottom:25px;
								
								}

.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}
/*------------------------ side gallery ------------------------*/

div#minimap {padding-bottom:5px; border-bottom:1px solid #222; margin-top:10px;}
div#minimap h4 {margin-left:15px;}
div#minimap img {margin-left:15px;}

div#quickgallery {
	margin-left:15px;
	margin-top:10px;
}

div.shadow-container img 
{
	border:1px solid #666666;
	margin:5px auto;
	display: block;
	vertical-align: top;
}

div.shadow-container {
    position: relative;
    left: 3px;
    top: 3px;
    margin-right: 3px;
    margin-bottom: 10px;
		width:115px;
}

div.shadow-container .shadow2,
div.shadow-container .shadow3,
div.shadow-container  .imageholder {
    position: relative;
    left: -1px;
    top: -1px;
}
    div.shadow-container .shadow1 {			background: #252E31;    }
    div.shadow-container .shadow2 {        background: #1A2022;    }
    div.shadow-container .shadow3 {				background: #0F1214;    }

	 div.shadow-container .imageholder {
        background: #e2e2e2;
        border: 1px solid #848284;
        padding: 2px;
    }

/*----------------------collapsable divs----------------*/

div.collapsable { padding:5px; display:block;}
span.expander {position:absolute;  right:50px; margin-top:22px;}


/*----------------------flashplayer div----------------*/
div#flashholder_playlist { margin-left:20px;overflow:hidden;}
div#flashholder {  padding-top:10px; margin-left:20px; width:415px; padding-bottom:10px; overflow:hidden; padding-left:95px;}

/*----------------- contact form-----------------------*/
form {
	margin-left:60px;
	width:600px;
	margin-bottom:15px;
	}
input, input#security, .textInput, textarea {border:1px solid #A1895D; 	background-color:#303C40;
	color:#A1895D;

}
label {
	display:block;
	color:#F7EBD4;
	width:350px;
	}
textarea {
	width:450px;
	height:150px;
	font-family:Arial, Helvetica, sans-serif;
	
	}
.textInput {
	width:200px;
	}

fieldset {
border: 1px solid #917D5A;
color:#8398A4;
padding-left:12px;
font-weight:bolder;
}
input#send 
{
	margin-bottom:15px;
	margin-left:20px;
	padding:3px;
	cursor:pointer;
}
input#send:hover {border: 1px solid #fdc46d; color:#fdc46d;}
.floatcol 
{
float:left;
width:250px;
}

/*-------------------folio page---------------------------*/

div.cell { width:220px; margin-top:15px; margin-left:15px; background-color:#303c40; float:left; overflow:hidden;}
div.cell p {height:110px;}
div.cell img {width:185px; margin-left:18px; margin-top:5px; border:2px solid #ccc;}
div.cell img.noborder {width:auto; border:none;}
div.cell h3 {margin-left:18px;}
/*over-ride a date rule earlier issued*/
div.cell span.date {border:none; padding:0; margin:0; display:block; width:100%;}
.rightpad25 { padding-right:25px; margin:0px; float:right; margin-top:-37px;}


/*-------------------------home page----------------------*/

div.halfcell {width:320px; margin:10px 15px 10px 10px;}
div.halfcell ul {margin-left:20px; list-style:none;}
div.halfcell h2 {width:200px;}


/******************PL LAB FIXES__________________________*/
iframe{
	padding:2px;
	margin-left:11px;
	padding-bottom:5px;
}