@charset "utf-8";

/* styles are divided between three stylesheets layout.css, design.css, typography.css */
/* navigation styles are contained solely within typography.css */

*{
	margin:0;
	padding:0;
}


#branding {
    position:relative;
	width:800px;
	height:144px;
}


#logo{
	width:169px;
	height:85px;
}


#siteContainer{
	text-align:left;
	width:800px;
	margin:-12px auto 0;
	border-bottom-color:#00FF66;
	border:thick;

}


#strapline{
	height:29px;
	margin:0;
}


#info-bar{
	height:29px;
}

#conference-info{
	width:660px;
	height:28px;
}


#conference-date {
	width:170px;
}


#conference-venue {
	width:330px;


}


#logo span{
	display:block;
	width:0;
	height:0;
	overflow:hidden;
}


/* Column Structure */

#wrapper, #wrapperWorldpay{
	/* Specify width to trigger hasLayout and allow auto-clearing */
	width:800px;
	
}

/* clearing floats */


#wrapper:after,#wrapperWorldpay:after,#contentContainer:after,#secondaryContent:after{
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

/* hack for ie mac */

#wrapper, #wrapperWorldpay:after {display: inline-table;} 

    /* Hides from IE Mac \*/
    * html .wrapper {height: 1%;}
       .wrapper{display:block;}
    /* End Hack */ 

#contentContainer {display: inline-table;} 

    /* Hides from IE Mac \*/
    * html .contentContainer {height: 1%;}
       .contentContainer{display:block;}
    /* End Hack */ 


#secondaryContent {display: inline-table;} 

    /* Hides from IE Mac \*/
    * html .secondaryContent {height: 1%;}
       .secondaryContent{display:block;}
    /* End Hack */ 

/* hack for ie mac */

/* end of clearing floats */


#navigation,#mainContent,#secondaryContent{
	float:left;
}

#navigation{
	width:141px;

}

#mainContent{
	width:458px;
	min-height:550px;
}


#secondaryContent{
	width:145px;
}


#contentContainer{
    float:right;
}


#site-info{
    height:50px;
	width:800px;
	border:20px;
}

.clear{
	clear:both;
}

/* end of Column Structure */



div.programme-entry {
    width: 435px;
	padding: 0;
	margin: 0;
	clear: both;
}

.programme-entry hr {
     border-bottom: dotted 2px #d0cfcf; 
	 width:100%; 
	 background-color:#FFFFFF;   
	 margin: 10px 0 0 0;
	 padding: 10px 0 0 0;
	clear: both;
}


.programme-time {
    float: left;
    width: 60px;
    padding: 12px 0 0 0;
	margin: 0 0 0 24px;

}


.programme-detail {
    float: right;
    width: 345px;
    padding: 12px 0 0 0;

}


.programme-detail ul.arrowsmUl {
    padding-top: 0;
	margin: -10px 0 0 0;

}

.programme-day {
	width:408px;
	background: #fffbef;
	border: 1px solid #7e230e;
	padding: 10px 0 10px 24px;
	font-weight: bold;
}

.alignRight {
	float: right;
	padding: 4px 10px;
}

.logOut {
	display:inline;
	float:right;
	font-weight:normal;
	font-size:0.7em;
	text-transform:none;
}