/*
    screen.css: SCREEN stylesheet
    ------------
  
    ------------
    COLOUR SPEC:
	yellow:				#ffdd00
	red:				#e04248
	green:				#bacf40
	orange:				#f4813c
	purple:				#973195
    
    ------------
    TOC:
    1.	type selectors
    2.	structural
    3.	navigation
    4.	forms
    5.  tables
    6.	specific templates
    7.	forums (remove if not required)
    8.	hacks
	9.	Lightbox
*/
/* =1. type selectors */
* 
{
margin:0;
padding:0;
border:none;
font-size:1em;
}
html
{
height:100%;
}
body
{
	font-size:70%;
	color:#666;
	background-color:#fff;
	font-family:Helvetica, Arial, sans-serif;
	line-height:1.3;
	display:block;
	height:25%;
}
a
{
	text-decoration:underline;
}

p
{
padding:0 0 .5em 0;
}
h2
	{
	color:#000;
	font-size:2.3em; 
	margin-bottom: .5em;
	}
h3, p.bgbutn strong
	{
	background:#000;
	color:#fff;
	clear:both;
	display:inline;
	/*font-size:1.1em; andy changed*/
	font-size:1.0em;
	padding:.1em .2em .2em .3em;/*padding:.2em .2em .2em .3em; andy changed*/
	margin-bottom:2em;
	}
h4
	{
	color:#000;
	font-size:1.1em;
	margin-bottom:.5em;
	}
small
	{
	color:#9c9c9c;
	margin-bottom:.7em;
	display:block;
	}
li.red
{
	color:Red;
}
p.red
{
	color:Red;
	font-weight:bold;
}
/* =2. structural */

div.wrapper
{
min-height:100%;
}
div.wrap
{
position:relative;
min-height:100%;
}
div.main
{
	padding:0 0 2.5em 0;
}
div.set
{
	width:86em;
	margin:0 auto;
}

	/* hdr */
	div.hdr
		{
		background:#000;
		}
	div.hdr div.set
		{
		padding:.8em 0 .2em 0;
		position:relative;
		}
	div.hdrtitle 
		{
	background-position:center;
	position: relative;
	width: 86em;
		}
	div.hdrtitle div.set
		{
	height:208px;
	padding:0;
	z-index:2;
	top: 0;
	left: 50%;
	margin-left: -43em;
		}
	div.hdrtitle div.setF
		{
		position: absolute;	
		}
		
	div.hdrtitle div#flashBanner
		{
		width: 100%;
		height: 208px;
		}
	p.logo
		{
		display:inline;
		float:left;
		}
	p.logo a
		{
	display:block;
	width:211px;
	height:16px;
		}
	p.logo img
		{
		display:none;
		}
		
	a.bannerLink {
		display: block;
		/*background-color: red;*/
		position: absolute;
		width: 86em;
		height: 208px;
	}
		
	/*footer*/
	div.footer
		{
	display:block;
	position:relative;
	padding:2em 0 1em 0;
	height:10.5em;
	margin:-10em auto -2px auto;/*margin:-12.5em auto 0 auto; andy changed*/
	background-color: #000000;
		}
	div.footer p
		{
		float:right;
		display:inline;
		}
	div.footer p a
		{
		color:#abaaaa;
		padding:0 .1em;
		}
	div.footer p a:hover
		{
		background:#abaaaa;
		color:#000;
		}
	div.footer div.parts
		{
	line-height:0;
	clear:both;
	padding:2em 0;
		}
	div.parts ul
		{
	list-style:none;
	padding:1.5em 0 0 445px;		
		}
	div.parts li
		{
		display:inline;
		margin-left:1.8em;
		}
	/*cont*/
	address
		{
		font-style:normal;
		font-weight:bold;
		color:#000;
		margin-bottom:1.5em;
		}
	div.cont
		{
		margin-top:2em;
		}
	div.cont a
		{
		/*background:url(/_common/img/dash.gif) repeat-x bottom;*/
		color:#da2128;
		font-weight:bold;
		border-bottom:1px #f0a6a9 dashed;
		}
	div.cont a:hover
		{
	text-decoration:none;
		}
	div.content
	 {
	 margin-bottom:2em;
	 }
	div.content ul
		{
		margin-bottom:1em;
		}
	div.content p
		{
		margin-top:1em;
		}
	div.content li
		{
		padding:.5em 0;
		margin-left:1em;
		list-style:square;
		}
	p.more a, p.back a, p.rss a
		{
	border:1px solid #ccc5ae;
	clear:both;
	display:block;
	padding:.2em .5em;
	margin-bottom:1.5em
}
	p.back a
		{
	padding-left:20px;
		}
	p.rss a
		{
	color:#f36c2c;
	background-color: #FF6600;
		}		
	p.youtube a
		{
	margin-bottom:0em;
	margin-top:1em;
		}
	p.flickr a
		{
		}
	blockquote
		{
		color:#353535;
		font-size:1.5em;
		font-weight:bold;
		line-height:1.2;
		margin-top:1em;
		}
	div.colm blockquote
		{
		font-size:2em;
		}
/* =3. navigation */
ul.nav, ul.nav3
	{
	float:left;
	list-style:none;
	margin-left:1em;
	}
ul.nav3
	{
	margin-left:0;
	}
ul.nav li
	{
	display:inline;
	margin-left:1em;
	}
ul.nav3 li
	{
	display:inline;
	margin-right:1em;
	}
ul.nav a, ul.nav3 a
	{
	color:#ffdd00;
	padding:0 .1em;
	}
ul.nav a:hover, ul.nav3 a:hover
	{
	background:#ffdd00;
	color:#000;
	}
ul.nav2
	{
	bottom:4px;
	font-size:1.6em;
	font-weight:bold;
	left:4px;
	list-style:none;
	position:absolute;
	width: 518px;
	}
ul.nav2 li
	{
	float:left;
	margin-right:.1em;
	}
ul.nav2 li a
	{
	color:#fff;
	display:block;
	padding: .2em .6em;
	}
ul.nav2 li a:hover
	{
	background:#ffdd00;
	color:#990000;
	}
ul.nav2 li a.selected
	{
	background:#fff;
	color:#5d5542;
	}
div.pag
	{
	border:1px solid #ccc5ae;
	padding:.2em .5em;
	margin-bottom:1.5em;
	}
div.pag a
	{
	border:0;
	}
div.pag p
	{
	display:inline;
	float:left;
	color:#FFFFFF;
	font-weight:bold;
	padding:0;
	}
div.pag li
	{
	display:inline;
	list-style:none;
	margin-left:.5em;
	}
/* =4. forms */
textarea
	{
	font-family:Helvetica, Arial, San-Serif;
	margin:1em 0;
	width:97%;
	padding:1px 3px 0 3px;
	}
form.srch
	{
	float:right;
	}
input.text
	{
	background:#4c4a4a;
	border:1px solid #fff;
	color:#fff;
	padding:1px 3px 0 3px;
	}
input.submit
	{
	margin-left:.2em;
	vertical-align:top;
	}
form.email, form.comments
	{
	border:1px solid #c3c3c3;
	padding-top:0.5em;
	margin-top:1.5em;
	}
form.comments
	{
	margin-bottom:1.5em;
	}
form.comments label
	{
	display:block;
	color:#000;
	font-weight:bold;
	margin-top:.5em;
	}

form.email input.text, form.comments input.text
	{
	background:#fff;
	border:0;
	color:#000;
	width:97%;
	margin-top:1em;
	font-weight:bold;
	}
form.email p, form.comments p
	{
	padding: 0 1em ;
	}
form.email input.submit, form.comments input.submit
	{
	background:#f4813c;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	padding:.2em;
	float:right;
	margin:.5em 0 1em 0;
	}
p.pressaccess
	{
	text-align:right;
	color:#000;
	margin:.8em 0;
	}
p.pressaccess input
	{
	margin-left:.5em;
	}
	/*form builder*/
.FormTitle
	{
	color:#000;
	font-size:1.9em;
	font-weight:bold;
	margin-bottom: .5em;
	}
.buttons
	{
	margin-top:1em;
	padding-top:1em;
	text-align:right;	
	}
.pagenumber
	{
	
	}	
.pagecondition
	{
	
	}
.forminstructions
	{
	font-size:1.3em;
	font-weight:bold;
	}
.formlabel
	{
	color:#67645a;
	font-weight:bold;
	}
.sectionname
	{
	background:#000;
	color:#fff;
	clear:both;
	display:inline;
	font-size:1.0em;
	font-weight:bold;
	padding:.1em .2em .2em .3em;
	margin-bottom:1em;
	}
 .answercondition, .sectioncondition, .questioncondition
{}

.answerinput
	{
	padding:.5em 0;
	margin-bottom:1em;
	font-size: 10px;
	}

.answerinput input, .answerinput textarea, .answerinput select
	{
	border:1px solid #ccc5ae;
	}
.required
	{
	background:#FF3300;
	}
.listbox
	{
	
	}
span.radiobutton label, span.checkbox label
{
margin:0 2em 0 .5em;
}

/* =5. tables */

/* =6. specific templates */
	/*home*/
	div.cola
		{
		float:left;
		width:38em;
		}
	div.colb
		{	
		float:left;
		margin-left:2em;
		width:23.75em; /*width:24em; andy changed*/
		}
		
	div.colc
		{
		float:left;
		margin-left:2em;
		width:20em;	
		}
	p.bgbutn a
		{
		cursor:pointer;
		}
	p.bgbutn a, div.share
		{
	display:block;
	border:1px solid #c3c3c3;
	padding:.5em .5em .5em 0;
	margin-bottom:0.3em;
		}
	p.bgbutn a:hover
		{
		background:#ffdd00;
		text-decoration:none;
		}
	p.bgbutn small
		{
		font-weight:bold;
		color:#000;
		display:block;
		padding:.5em 0 0 .5em;
		}
	/*project list*/
	ul.projectlist img
		{
		/*border-right:1px solid #fff;*/
		float:left;
		}
	ul.projectlist li
		{
		clear:both;
		list-style:none;
		margin-bottom:2em;
		}
	ul.full li
		{
		clear:none;
		width:38em;
		float:left;
		}
	ul.projectlist h2
		{
		font-size:2.2em;
		margin:0;
		/*margin-left:5.54em;
		text-indent:-0.36em;*/
		/*background-color:red;*/
		/*padding-left:0em;*/
		/*padding-left:5.6em;*/
		/*margin-left:5.2em;*/
		float: left;
		max-width: 11.8em;
		}
	ul.projectlist h2 span
		{
		font-size:0.4em;
		}
 	ul.projectlist h2 a
		{
		border:0;
		color:#fff;
		/*float:left;*/
		/*width:6em;*/
		/*height:1.3em;*/
		/*line-height:1.4;
		/*ext-indent:.5em;*/
		/*padding: 0.1em .2em .1em .36em;
		background:#e04248;
		margin-left: -0.02em;*/
		display: block;
		padding: 0.09em 0.5em 0.00em 0.5em;
		}
	ul.projectlist h2 a:hover
		{
		background:#ffdd00;
		color:#000000;
		text-decoration:none;
		}
	ul.projectlist span
		{
		font-weight:normal;
		}
	/*li.coloura h2 a 
		{
		background:#e04248 url(/_common/img/coloura.gif) repeat-x top;
		}
	li.colourb h2 a
		{
		background:#bacf40 url(/_common/img/colourb.gif) repeat-x top;
		}
	li.colourc h2 a
		{
		background:#f4813c url(/_common/img/colourc.gif) repeat-x top;
		}
	li.colourd h2 a
		{
		background:#973195 url(/_common/img/colourd.gif) repeat-x top;
		}	*/
	ul.projectlist p, ul.projectlist span.summary
		{
		display:table;
		float:left;
		width:25em;
		padding-left:1em;
		margin-left: 11.5em;
		}
	ul.projectlist span.summary
		{
		margin-left: 0px;
		padding: 0.5em 0 .5em 1em;
		}
	ul.projectlist span.summary p{
		display:block;
		float:none;
		width:auto;
		padding-left:0;
		margin-left:0;
		}
	ul.projectlist p.link
		{
	
		}
		
	.colb  h2{
		clear: both;
	}
	
	.colb  div h3{
	float: left;
	display: inline;
		margin-bottom: 1em;
		clear: both;
	}

	
	.colb ul li a.img{
		float: left;
		border: none;
		color: #000;
		border: none;
	}
	
	.colb ul li {
		list-style-type: none;
		clear: both;
	
	}
	
	.colb h2 a:link, .colb h2 a:visited{
		color: black;
		text-decoration: none;
		border: none;
		font-size:0.75em;
	}
	
	.colb h2 a:hover{
		text-decoration: underline;
	}
	
	.colb ul li .fRight{
		float: right;
		width: 16em;
		padding-bottom: 1em;
	}
	
	.colb ul li .fRight strong a{
		color: #000;
		border: none;
	}
	
	.colb ul a img{
		 margin: 0;
		 padding: 0;
		 padding-right: .8em;
		 padding-bottom: 1em;
		 border: none;
	}

/* FCK EDITOR FIX */
/*
	.coloura p, .colourb p, .colourc p, .colourd p
		{
		margin: 0;
		padding: 0;
		margin-top: -5em;
		}
		p.link
		{
		margin-top: 0;
		}
		*/
/* END FCK EDITOR FIX */

	p.summary
		{
		/*height:6em;*/
		padding-top:.5em;
		margin-top: 0;
		
		}
	/*program*/
	div.cold
		{
	float:left;
	width:38em;
	background-color: #9966FF;
		}
	div.cole
		{
		float:left;
		width:24em;
		}
	dl.calen
		{
		margin:.1em 0 2em 0;
		}
	dl.calen dt,dl.calen dd
		{
		border-top:1px solid #ccc5ae;
		float:left;
		font-size:1.4em;
		font-weight:bold;
		padding:.1em 0;
		width:4em;
		}
	dl.calen dd
		{
		width:20em;
		}
	div.cole ul
		{
		margin-top:1em;
		}
	div.cole ul li
		{
		list-style:none;
		margin-bottom:.5em;
		}
	/*project*/
	body div.project h1, body div.project p
		{
		position:relative;
		left:0;
		color:#fff;
		display:inline;	padding:0 .2em;
		}
	body div.project h1
		{
		font-size:4em;	
		}
	div.h1wrap
		{
		padding-top:1em;
		}
	body div.project p
		{
		font-size:1.7em;
		}
	div.colm
		{
	float:left;
	width:58em;
	background-color: #000000;
		}
	div.colm div.colb
		{
		margin:0 5em 0 0;
		}
	div.lgcopy
		{
		font-size:1.3em;
		margin-bottom: 1em;
		}
	div.lgcopy h2 
		{
		margin-bottom:0.5em;
		}
	p.lg
		{
		color:#000;
		font-size:1.3em;
		}
	div.lgcopy p
		{
	margin-bottom:0.8em;
	background-color: #000000;
	font-size: 0,2;
		}
	ul.nelist
		{
	list-style:none;
	margin-top:1em;
	line-height: inherit;
		}
	ul.nelist li
		{
		margin-bottom:1em;
		}
	ul.nelist li small
		{
		line-height:1;/*andy did this*/
		margin:0;
		padding:0;
		}
	div.lgcopy ul.nelist p
		{
		margin-bottom:0;
		}
	div.lgcopy ul.nelist li
		{
	padding-bottom:1em;
		}
	div.lgcopy ul.nelist li.last
		{
		background:none;
		}
	div.lgcopy ul.nelist div
		{
		width:42em;
		}
	div.lgcopy ul.nelist a
		{
		font-size:1.4em;
		}
	div.lgcopy ul.nelist img
		{
		float:right;
		}
	div.lgcopy small
		{
		/*display:inline;*/
		display: block;
		font-size:0.85em;
		}
	div.share
		{
		margin-bottom:2em;
		}
	div.share ul
		{
		list-style:none;
		margin:1em 0 0 1em;
		}
	div.share li
		{
		float:left;
		margin:.6em;
		}
	div.share a
		{
		border:0;
		padding:2px 0 2px 22px;
		}
	div.share a.delicious
		{
		}
	div.share a.digg
		{
		}
	div.share a.reddit
		{
		}
	div.share a.stumbleupon
		{
		}
	div.share a.google
		{
		}
	div.share a.magnolia
		{
		}
	div.share a.technorati
		{
		}
	/*commentary*/
	div.comms
		{
	border-bottom:1px solid #96917E;
	padding:2em 0 1.5em 0;
		}
	ul.commlist li
		{
	clear:both;
	color:#fff;
	list-style:none;
	padding:1.5em 0;
		}
	div.comms div.colm
		{
		font-size:1.3em;
		width:42em;
		padding-right:3em;
		}
	div.comms div.cole
		{
		float:right;
		}
	ul.commlist div.links
		{
		margin-bottom:1em;
		}
	ul.commlist div.links a
		{
		color:#fff;
		border-bottom:1px dashed #cfcfcf;
		}
	p.topic
		{
		color:#fff;
		font-size:2.2em;
		margin:1em 5em 1em 0;
		}
	p.title
		{
		color:#000;
		}
	/*bloglist*/
	div.artcomms
		{
		margin-top:2em;
		}
	div.artcomms li
		{
	list-style:none;
	padding:1.5em 0 1em 0;
	margin-top:2px;
		}
	div.artcomms strong
		{
		color:#000;
		}
	/*photostream*/
	div.photostream ul
		{
		margin:1em 0;
		clear: both;
		}
	div.photostream li
		{
		background:none;
		clear:none;
		float:left;
		list-style:none;
		margin:0 0 7px 0;/*margin-right:3px; andy changed*/
		padding:0;
		width:86px;
		}
	div.photostream li a
		{
		border:0;
		}
		
	div.flshvid {
		margin-bottom: 2em;
	}
	div#flash {
		margin-bottom: 1em;
	}
		
/* =7. forums */

/* =8. hacks */

.cf:after, ul.projectlist li:after, dl.calen:after, small:after, div.share ul:after, ul.nelist li:after,  ul.commlist li:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
ul.skip, p.logo span, div.hdrtitle h1, div.hdrtitle p
{
position:absolute;
left:-10000px;
}

ul.full li.clear, ul.projectlist li.clear {
	clear: both;
}

/* =9. Lightbox v 1.3 */
#lbOverlay 
	{
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
	}
#lbCenter, #lbBottomContainer 
	{
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
	}
.lbLoading 
	{
	}
#lbImage 
	{
	border: 10px solid #fff;
	}
.photos 
	{
	padding: 3px;
	border: 1px solid #fff;
	}
a:hover .photos 
	{
	border: 1px solid #999;
	}
.lightboxDesc a 
	{
	color: #999999;
	text-decoration: none;
	}
.lightboxDesc a:hover 
	{
	color: #000000;
	text-decoration: none;
	}
#lbPrevLink, #lbNextLink 
	{
	display: block;
	width: 63px;
	height: 32px;
	outline: none;
	}
#lbPrevLink 
	{
	float: left;
	}
#lbPrevLink:hover 
	{
	}
#lbNextLink 
	{
	float: right;
	}
#lbNextLink:hover 
	{
	background: transparent url(/_common/img/nextlabel.gif) no-repeat right;
	}
#lbControls 
	{
	display: block;
	height: 32px;
	}
#lbBottom 
	{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
	}
#lbCloseLink 
	{
	clear: both;
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/_common/img/closelabel.gif) no-repeat center;
	margin: 0px 0px 0px 0px;
	/*border: 1px solid #000;*/
	}
#lbCaption, #lbNumber, #lbDescription 
	{
	margin-right: 71px;
	/*border: 1px solid #000;*/
	}
#lbCaption 
	{
	font-weight: bold;
	}
.lightboxDesc 
	{
	display: none;
	}
	
	
	

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

	MultiBox
	v1.3

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

.MultiBoxContainer {
	position: absolute;
	border: 20px solid #000;
	background-color: #FFF;
	display: none;
	z-index: 2;
	text-align: left;
	/*overflow: hidden;*/
}

.MultiBoxLoading {
	background: url(../img/multibox/loader.gif) no-repeat center;
}

.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.MultiBoxClose {
	position: absolute;
	top: -26px;
	right: -26px;
	background: url(../img/multibox/close.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}


.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	position: relative;
}

.MultiBoxControls {
	width: 50%;
	height: auto;
	position: relative;
	background-color: #000000;
	background-image: url(image/fondoweb.jpg);
	visibility: visible;
	left: -100px;
}


.MultiBoxPrevious {
	position: absolute;
	background: url(../img/multibox/left.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNext {
	position: absolute;
	background: url(../img/multibox/right.png) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNextDisabled {
	cursor: default;
	background: url(../img/multibox/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(../img/multibox/leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
	position: relative;
	margin: 10px 0 0 35px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}

.MultiBoxNumber {
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: right;
}

.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
}



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