/*               layer 1               */

html{
	background: #1d2021 url(RIOT/back.jpg) scroll repeat-x top left;
	color: #bfd0d9;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: .8em;
}







/*               layer 2               */

body{
	border: 0;
	margin: 25px 0;
}




/*               layer 3               */

body > div{
	position: relative;
	width: 900px;
}
#masthead{
	height: 42px;
}
.hub,
#masthead{
	margin: 0 32px;
}
#footer{
	padding: 5px;
	font-size: 9px;
	margin-top: 30px;
	border-top: 1px #222 solid;
	display: none;
}
#content3{
	background-color: #111;
	width: auto;
	padding: 0 32px;
}
.content{
}






/*               layer 4               */

.hub > div{
	position: absolute;
	top: 0;
}
#content1{
	left: 0;
	right: 410px;
}
#content2{
	left: 510px;
	right: 0;
}






/*               layer 5               */






/*               layer 6               */

.hub > div > div > div{
	padding: 10px;
	margin-bottom: 10px;
}
























/*                      HYPERLINKS       */

a,
a:active,
a:visited{
	background-color: #111;
	color: #819399;
	text-decoration: none;
}

a:hover{
	background-color: #000;
	color: #bfd0d9;
}





h1{
	position: absolute;
	top: 8px;
	width: 47px;
	height: 21px;
	padding: 0;
	margin: 0;
	font-size: medium;
}
h1 a,
h1 a:active,
h1 a:visited{
	display: block;
	width: 47px;
	height: 0;
	padding-top: 21px;
	overflow: hidden;
	background: transparent url(RIOT/brand.jpg) scroll no-repeat 0 -21px;
	color: #819399;
}
h1 a:hover{
	background-position: 0 0;
}

#navigation ul{
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 8px;
	right: 0;
}
#navigation ul li{
	padding: 0;
	float: left;
	border-left: 1px solid #555;
}
#navigation ul > li:first-child{
	border: 0 none;
}
#navigation ul li a{
	background-color: transparent;
	display: block;
	padding: 5px 24px 5px 24px;
	font-size: 16px;
}
#navigation ul li a.selected{
	color: #111;
	background-color: #bfd0d9;
}
#navigation ul li ul{
	display: none;
}









#subMenu ul{
	list-style-position: inside;
	list-style-image: url("fldr.gif");
}
#subMenu{
	padding-left: 6px;
	margin-top: 10px;
}
#subMenu ul li ul{
	padding: 6px;
	list-style-image: url("file.gif");
}





#selected{
	text-align: left;
	width: 507px;
	padding-top: 4px;
	margin: 0 248px 0 auto;
}
#selected p{
	padding: 3px;
	margin: 0 0 13px 10px;
	line-height: 13px;
}
#selected ul{
	padding: 3px;
	list-style-image: url(bullette.gif);
}




h2{
	font-size: 110%;
	background-color: #111;
	color: #90adbd;
	display: none;
}
h3{
	background-color: #bfd0d9;
	color: #1d2021;
	font-size: 105%;
	padding: 0 10px;
	margin: 0;
}
h3 a,
h3 a:link,
h3 a:active,
h3 a:visited{
	background-color: #bfd0d9;
	color: #1d2021;
}
h4{
	background-color: #1d2021;
	color: #93afbe;
	font-size: 135%;
	padding: 0;
	margin: 0 0 5px 0;
}
h4 a,
h4 a:link,
h4 a:active,
h4 a:visited{
	background-color: #1d2021;
	color: #93afbe;
}











img{
	border: 0;
}

p{
	margin: 5px 0 15px 0;
}

table{
	border-collapse: collapse;
	width: 100%;
	font-size: 100%; /* firefox and possibly ie fix */
	margin-bottom: 5px;
}
table th{
	text-align: left;
}
table tr{
	border-bottom: 1px solid #333;
}
table tr td{
	padding: 8px 4px 8px 0;
	background-color: #111;
}




.palette{
	font-size: 130%;
	padding: 20px;
	background-color: #bfd0d9;
	color: #1d2021;
}
.palette li{
	margin-bottom: 1px;
}
.palette a{
	background-color: #bfd0d9;
	color: #1d2021;
}
.palette a.selected{
	border-bottom: 1px dashed #1d2021;
}

.shortdesc{
	display: inline;
}

.programme{
	list-style-type: disc;
	list-style-image: url(RIOT/circle.png);
	list-style-position: inside;
	margin: 0 0 40px 0;
	padding: 0;
}
.programme li{
	margin: 0 0 5px 0;
	border-bottom: #333;
	font-size: 130%;
}
.programme .affiliations{
	font-size: 90%;
	margin-left: 20px;
}
.programme .genre{
	font-size: 80%;
	margin-left: 20px;
	color: #666;
}

.time{
	background-color: #000;
	color: #777;
	font-weight: bold;
}

.tagline{
	display: none;
}

.date{
	font-size: 80%;
	width: 28px;
	float: right;
	display: block;
	background-color: #000;
	color: #bfd0d9;
	padding: 1px;
	text-align: center;
	border: 1px solid #444;
	margin: 5px;
}
.date .year{
	display: none;
}
.date .month{
	font-size: 140%;
	display: block;
}
.date .day{
	font-size: 100%;
	display: block;
	border-top: 1px solid #bfd0d9;
}

.note{
	border-top: 1px dotted #444;
	font-size: 75%;
}

.supportive{
	padding: 5px 20px;
}
.more.supportive{
	float: left;
	padding-left: 0;
}
.less.supportive{
	float: right;
	padding-right: 0;
}




#webcamViewer{
	position: relative;
	width: 900px;
	height: 280px;
}
#webcamViewer #shot{
	position: absolute;
	left: 0;
	right: 390px;
	top: 20px;
}
#webcamViewer #blurb{
	position: absolute;
	right: 0;
	left: 490px;
	top: 20px;
	padding: 100px 20px;
	font-size: 150%;
}
#webcamViewer #blurb a{
	font-size: 80%;
}






body > div:after,
.hub > div > div:after,
.person:after{
	content: "";
	 display: block;
	height: 0;
	clear: both;
}






/*        ie6 integrate        */
* html .hub,
* html #footer{
	height: 1%;
}
				/*        .supportive       */
* html .more{
	float: left!important;
	padding-left: 0;
}
* html .less{
	float: right!important;
	padding-right: 0;
}


* html h1{
	overflow: hidden;
}


* html table tr td{
	font-size: 11px;
}



* html body div{
	position: relative;
}
* html .hub,
* html #masthead,
* html #footer{
	width: 900px;
}
* html #content1{
	position: absolute;
	top: 0;
}
* html #content2{
	position: absolute;
	top: 0;
}




/*        ie7 integrate        */

*:first-child+html .hub,
*:first-child+html #footer{
	height: 1%;
}