/*
Palette:
red:b71234
blue:054278
054278
*/

body{
	font-size:100%;
	font-family:helvetica, arial, sans-serif;
	text-align:center;
	background:#ccc;  
	
}

/* reset usual suspects */
body, ul, form{
	margin:0;
	padding:0;
}
#outer_wrapper{
	margin:15px auto;
	width:760px;
	text-align:left;
	background:#fff;
	
}

#wrapper{
	float:left;	
	width:760px;
	border-top:none;
	background:#fff; 
	border:1px solid #555;
	
}

#container{
	float:left;
	padding-left:12px;
	width:736px;
	text-align:left;
	background:#fff; 
}


#header{
	clear:left;
	float:left;
	position:relative;	
	background:#fff;
	height:7.1em;	
	
}

	#header h1{
		position:absolute;
		left:184px;
		top:1em;
		width:500px;
		margin:0;
		padding:0;
	}
	
	#header h1 a{
		display:block;
		width:383px;
		height:68px;
		background:#fff url('../img/title.gif') left top no-repeat;
	}
	
	
	#centenary_logo{
		position:absolute;
		left:10px;
		top:2.1em;
		text-decoration:none;
		
	}
	#centenary_logo img{
	border:none;
	}
	

/* Navigation */
#mainNav{	
	float:left;
	width:368px;
	margin-left:184px;
	display:inline;
	font-family:helvetica, arial, sans-serif;
}

	#mainNav ul{
		float:left;
		width:369px;
		padding:0 1px 0 0;
		margin:0;
		list-style-type:none;
		margin-top:1em;
		background:url('../img/menu_right-bar.gif') right top no-repeat;
		
		
	}
	#mainNav li{
		font-size:.8em;
		height:69px;
		line-height:69px;
		float:left;
		width:92px;

	}
		#mainNav li a, #mainNav li a:visited{		
			display:block;
			height:69px;
			line-height:69px;
			width:92px;			
			text-decoration:none;
			color:#fff;
			font-weight:normal;			
			text-align:left;			
		}
		
		#mainNav li a span{
			position:absolute;
			top:-500px;
			left:0;
			width:1px;
			height:1px;
			overflow:hidden;
			
		}
		
		#mainNav li#m1{
			background: url('../img/workshop1_on.gif') left top no-repeat;
		}
		#mainNav li#m2{
			background: url('../img/workshop2_on.gif') left top no-repeat;
		}
		#mainNav li#m3{
			background: url('../img/workshop3_on.gif') left top no-repeat;
		}
		#mainNav li#m4{
			background: url('../img/workshop4_on.gif') left top no-repeat;
		}
		#mainNav li#m1 a, #mainNav li#m1 a:visited{
			background: url('../img/workshop1.gif') left top no-repeat;
		}
		#mainNav li#m2 a{
			background: url('../img/workshop2.gif') left top no-repeat;
		}
		#mainNav li#m3 a{
			background: url('../img/workshop3.gif') left top no-repeat;
		}
		#mainNav li#m4 a{
			background: url('../img/workshop4.gif') left top no-repeat;
		}		
			

		#mainNav li#m1 a:hover, 
		#mainNav li#m2 a:hover,
		#mainNav li#m3 a:hover,
		#mainNav li#m4 a:hover{
			color:#fff;
			background-image:none;		
		}
		#p1 #mainNav li#m1 a, 
		#p2 #mainNav li#m2 a, 
		#p3 #mainNav li#m3 a,
		#p4 #mainNav li#m4 a{
			background-image:none;
			color:#fff;
			font-weight:bold;			
			text-decoration:none;			
		
		}


#main{
	clear:left;
	float:left;
	width:736px; 
	border-top:1px solid #054278;
}


#content{
	float:left;
	width:552px;
	margin-left:0px;	
	padding-top:0em;
	padding-bottom:2em;
}
	.wide #content{
		width:725px;
	}
	

#content h2, #content h3, #content h4, #content p{
	padding:0 10px 0 0px;
	margin:0;
}

	#content h2{
		color:#b71234;
		padding-top:.9em;
		padding-bottom:.5em;		
		font-size:.8em;

	}
	
	#content h3{
		color:#054278;
		padding-top:1.5em;
		padding-bottom:.5em;
		font-size:.8em;
		letter-spacing:.025em;
	}
	
	#main .papers h3{
		padding-top:2em;
		padding-bottom:0;
		cursor:pointer;
	}	

	
	
	#content h4{
		color:#626E8F;
		padding-top:1em;
		padding-bottom:.5em;
		font-size:.8em;
	}
	#content h5{
		color:#054278;
		padding-top:1em;
		padding-bottom:.5em;
		font-size:.8em;
		font-weight:normal;
	}	
	#content p, #content dl {		
		font-size:.8em;
		line-height:1.4em;
		padding-top:.5em;
		padding-bottom:.5em;
		color:#054278;
	}

		#content p.feedback{
			border-left: 5px solid #c03;
			font-weight:bold;			
			padding:.2em 10px;
			margin:.2em 0;
		}
		#content p.feedbackOK{
			border-left: 5px solid #690;
			font-weight:bold;			
			padding:.2em 10px;
			margin:.2em 0;
		}
		
		#content p.note{
		font-size:.7em;
		}

	#content dl {		
	   margin-bottom: 0;
	   padding-bottom: 0;
	}
	#content dt {
	  font-weight: bolder;
	  
	}
	#content dd {
	  margin-left: 2em;
	}
	
	#content dd.schedule {
	  font-style: italic;
	  /*margin-top:.5em;*/
	  margin-bottom:.5em;

	}
	
	#content dd + dd {
	  font-style: italic;
	}
	dl.timetable{
		float:left;
		width:360px;
	}	
	dl.timetable dt{
		padding:0;
		margin:0 10px .5em 0;
		clear:left;
		float:left;
		width:50px;
		text-align:right;
	}

	#content dl.timetable dd{
		padding:0;
		margin:0;
		float:left;
		width:295px;
		margin-bottom:.5em;
	}

	#content dl.timetable dt.gap, #content dl.timetable dd.gap{
		margin-top:1em;
		margin-bottom:1.5em;
	}	
	#content blockquote{
		font-size:.8em;		
		line-height:1.4em;
		margin:.5em 0 0 0px;
		padding:0 0 0 20px;	
        padding: 0;		
		color:#054278;
		/*border-left:1px solid #054278;*/
		font-style:italic;
	}
	#content blockquote p{
		font-size:1em;
	}
	
	#content a, #content a:visited{
		color:#054278;
		text-decoration:underline;
	}	
	#content img{
		border:none;
	}
	#content a:hover{
		color:#b71234;
		text-decoration:none;
	}	
	
	#content ul.plain{
		list-style:none;
		color:#054278;
		padding-left:0px;
		margin:1em 0 0 20px;
	}
  	#content ul.plain li{
  		font-size:.8em;
  		margin-bottom:.5em;
  	}
	
	#content ul.outdent li{
		text-indent:-20px;		
	}
	
	
	#content ol.plain{
		color:#054278;
		padding-left:10px;
		margin:1em 0 0 20px;
	}
  	#content ol.plain li{
  		font-size:.8em;
  		margin-bottom:.5em;
  	}	



	#content ul.bullet{
		list-style:square;
		color:#054278;
		padding-left:0px;
		margin:1em 0 0 25px;
	}
	#content ul.bullet li{
		font-size:.8em;
		margin-bottom:.5em;
	}

#copy{
	float:right;
	width:368px; 
	padding-top:2em;
	
	
}
	.wide #copy {
		width:540px;
		
	}


#subNav{
	float:left;
	width:115px;
	padding-top:2.3em;
}

	#subNav ul{
		float:left;
		width:115px; 
		list-style-type:none;		
		margin:0;
		padding:0;
	}
	
	#subNav ul li{
		float:left;
		width:110px;
		font-size:.8em;		
	}
	
	#subNav ul li a, #subNav ul li a:visited{
		float:left;		
		display:block;
		width:100px;
		color:#054278;
		padding:.7em 0 .2em 12px;
		text-decoration:none;
		border-bottom:1px solid #054278;
	}
	
	#subNav .general1 li#s1 a,
	#subNav .general2 li#s2 a,
	#subNav .general3 li#s3 a,
	#subNav .general4 li#s4 a,
	#subNav .general5 li#s5 a {
		color:#b71234;
		border-bottom:1px solid #b71234;
	}
	
	
	#subNav ul li a:hover{
		color:#b71234;		
		text-decoration:none;
		border-bottom:1px solid #b71234;
		
	}
	
	
	#subNav #workshopNav{
		margin-top:2em;		
	}
	
	#subNav #workshopNav li a, #subNav #workshopNav li a:visited{
		border-bottom:1px solid #b71234;
	}
	
	#subNav .workshop1 li#w1 a,
	#subNav .workshop2 li#w2 a,
	#subNav .workshop3 li#w3 a,
	#subNav .workshop4 li#w4 a,
	#subNav .workshop5 li#w5 a,
	#subNav .workshop6 li#w6 a,
	#subNav #workshopNav li.on a, #subNav #workshopNav li.on a:visited {
		color:#b71234;
		border-bottom:1px solid #b71234;
	}
	

#sidePanel{
	float:left;
	width:180px; 
	/*padding-top:1em;*/

}
	#sidePanel img{
		float:left;
		margin-left:46px;
		display:inline;
		border:none;	
	}

	/* alignment for single images in sidePanel */
	#sidePanel .workshop{
	  margin-top: 132px;
	}
	
#sidePanel p{
	color:#555;
}


/*        */
/* FOOTER */
/*        */
#footer{
	
	clear:both;
	float:left;
	width:100%;
	
	margin-top:1em;
	margin-bottom:1em;

}
	#footer a, #footer a:visited{
			color:#054278;
			text-decoration:underline;
	}
	#footer a:hover{
		text-decoration:none;
		color:#b71234;
	}

	#strap{
		clear:both;
		float:left;
		width:100%;
		border-bottom:1px solid #036;	
		background: url('../img/strap_bl.png') 5px 0 no-repeat;
		height: 60px;
	
	}
	#strap p{
		text-indent: -9999em;
		display: none;
		font-size:.8em;
		color:#036;
		width:120px;
		padding-left:5px;
		padding-bottom: 5px;
		b/order-right: 1px solid red;	
	}
	#footer p#supported{
		float:left;
		font-size:.7em;
		color:#036;
		padding:.5em 5px;
		margin: 0;
		width:186px;
		background: url('../img/footer_bl.gif') 5px 5px no-repeat;
		text-indent: -5000px;
	}
	#footer #footerLinks{
		list-style:none;
		margin-left:20px;		
	}
	
		#footerLinks li{
			float:left;			
			text-align:left;
		}
		#footerLinks li a, #footerLinks li a:visited{
			display:block;
			width:78px;
			height:3em;			
			font-size:.7em;
			color:#000;
			text-decoration:underline;
			padding:.5em 0px;
			margin-right:7px;
		}
		#footerLinks li a:hover{
			text-decoration:none;
			color:#069;
			
		}
		#wrapper .f1 #foot1 a,
		#wrapper .f2 #foot2 a,
		#wrapper .f3 #foot3 a,
		#wrapper .f4 #foot4 a,
		#wrapper .f5 #foot5 a{
			color:#069;			
			text-decoration:none;		
		}
	


	#footer a, #footer a:visited{
	}	
	#footer a:hover{
	}	
	#rse {		
		text-indent: -9999em;
		f/loat:right;
		
	}
	
/* FORM STYLES */

.standardForm {
	margin:0;
	padding:0;	
	
}
	.standardForm fieldset{	
		margin:0;
		padding:0;
		padding:5px 0;
		width:380px;
		margin-bottom:1em;
		border:1px solid #eee;
		border: none;
	}

	.standardForm legend{	
		font-size:.8em;
		display:none;
	}
	.hilite{
		margin: .2em 0 ;
		padding: .2em 5px;
		background:#E5Eeee;
	}
	
	div.formRow{
		clear:left;
		float:left;
		width:380px;
		margin-bottom:.5em;
		padding:.2em 0;
		font-size:.8em;
		color:#054278;		
	}
	
	#copy p.indent{
		clear: left;
		font-size:1em;
		color:#054278;
		padding:0.15em 0 0 0;
		margin-left:91px;
	}

	.indent{
		margin-left:100px;
	}

	.light{
		color:#054278;
	}
	.standardForm label {
		color:#054278;
		padding:0;	
		margin:0;
	}
	.standardForm input {
		float:left;
		color:#054278;
		font-size:1em;
		padding:0;
		margin:0;
	}	

	
		.standardForm label.check {
			display:inline;
			margin-left:5px;
		}

		.standardForm label.short{
			float:left;
			width:91px;
			display:inline;
		}
		.standardForm label.shorter{
			float:left;
			width:80px;
			display:inline;
			background:#eee;
			
		}	
		
	.standardForm .text {	
		width:300px;
		border:1px solid #054278;
	}
	
	.standardForm .large {	
		font-size:1em;
		font-family:helvetica, arial, sans-serif;
		width:245px;
		height:15em;
		border:1px solid #054278;
	}
	#commentControls{		
		width:245px;
		padding:.2em 0px;
		border-bottom:1px solid #ccc;
		border-bottom:none;
		border-top:none;
	}

	.standardForm .shortInput{
		width: 270px;
		padding: 0.1em 3px;
	}
	
	.standardForm .shorterInput{
		width:100px;
	}

		
	#comment{
		float:left;
		width:271px;
		padding: 0.1em 3px;
		height:10em;
		border:1px solid #054278;
		font-size:1em;
		font-family:helvetica, arial, sans-serif;
		color:#054278;
	}	
	
	.standardForm select{
		float:left;
		width:200px;
		border:1px solid #777;
		color:#777;
	}
		.standardForm select.short{
			width:80px;
			border:1px solid #777;
			color:#777;
		}	
		.standardForm select.shorter{
			width:4em;
			border:1px solid #777;
			color:#054278;
		}	
	
	.standardForm #submit{
		
		margin-top:1em;
		margin-left:90px;		
		font-family:helvetica, arial, sans-serif;
	}	
	
	.standardForm em{
		color:#f30;
		
	}

/* FORUM STYLES */

.comment_header{
	clear:left;
	float:left;
	width:550px;
	border-bottom:1px solid #ddd;
	color:#054278;
}
	#content .comment_header a, #content .comment_header a:visited{
		text-decoration:none;
		font-weight:bold;
		color:#054278;
	}

.top, .open {
	border-bottom:none;
}
	.top div{	
		border-bottom:1px solid #054278;
				border-bottom:none;
		font-weight:bold;
		
	}
	
	.top div.date{	
		
	}
	
	.open {	
		background:#eaeaea;	
	}
	.comment{
		float:left;
		width:540px;
		background: #EAEAEA;
		padding:.2em 5px;		
		
	}
.thread{
	float:left;
	width:266px;
	padding:.2em 5px;
	font-size:.8em;
}
/* indents */
.ind1{	padding-left:8px;}
.ind2{	padding-left:16px;}
.ind3{	margin-left:24px;}
.ind4{	margin-left:32px;}
.ind5{	margin-left:40px;}
.commenter{
	float:left;
	width:174px;
	padding:.2em 0 .2em 5px;	
	font-size:.8em;
}
.date{
	float:left;
	width:82px;
	padding:.2em 0 .2em 5px;	
	font-size:.8em;	
}
#content #reply{
	width:550px;
	float:left;
	background:#eaeaea;
	border-bottom:1px solid #ddd;
	margin:0 0 .2em 0;
	padding:0;
	
}
.top {
  width:550px;
  border-bottom:1px solid #054278;
}
	#content #reply a{
		float:right;
		font-size:.8em;
		padding:.2em 5px;		
		text-align: left;
		b/order-right:1px solid #fff;
	}
	#content  #reply a:hover{

		
	}


/*  Default table style*/
.standardTable{
	font-size:.7em;
	background:#fff;
	width:90%;
}



	.standardTable th{
		background:#054278;
		margin:2px;
		padding:2px;
		border:1px solid #fff;
		color:#fff;
	}
	
	#content .standardTable th a, #content .standardTable th a:visited{
		color:#fff;
	}
	
	.standardTable td{
		background:#eee;
		margin:2px;
		padding:2px;
		border:1px solid #fff;
	}



/*              */
/* Misc. Styles */
/*              */

.cleaner{
	clear:both;
}
.fright{
	float:right;
	width: 358px;
	text-align: left;
}
.fleft{
	float:left;
}
.align_right{
	text-align:right;
}
.clearLeft{
	clear:left;
}
.clearRight{
	clear:right;
}

.off{
	position:absolute;
	top:-500px;
	left:0;
	width:1px;
	height:1px;
	overflow:hidden;
}
h3.clicker {
  line-height: 1.3em;
}
h3.clicker em {
  font-weight: normal;
  f/ont-style: normal;
}