/* CSS layout */
html,  form
{
	height:100%;
}
.body
{
	background-color:#ffffff;
	
	margin:0px;
	padding-left:10px;
	padding-top:10px;
}

#Main
{
	
	width:960px;	
}

#siteActions{
	
	display:table;
	clear:both;
	width:100%;
}

#masthead {
	clear:both;
	height:10px;
	background-color:#50AAC6;
	
	}
	
#top_nav {
	
	background-color:#00384A;
	color:white;
	width:100%;
	clear:both;
}

#breadCrumb_content{
	background-color:#A5D342;
	height:20px;
	border:none;
	width=100%;
	clear:both;

}

#page_content {

	height:100%;
	}
#footer {
	height:5px;
	background-color:#FF9A00;
	clear:both;
}

.topNavContainer
{
}

.topNav
{
    *position:relative;
    *top:-1px;
}
.topNavItem
{
	font-family: tahoma;  
	font-size: 10pt; 
	font-weight:bold;
	text-transform: uppercase;
	color: #ffffff;	
	background-image: url('Images/separator.jpg');
	background-repeat:no-repeat;
	background-position:left center;
}
.topNavItem a
{
	display:block;
	
	padding:10px 5px 0px 20px;
	height:32px;
}
.topNavSelected a
{
	background-image: url('Images/SelectedItem.gif');
	background-repeat:no-repeat;
	background-position:top center;
	
	color: #EFF4FA;
}
.topNavHover a
{
	color:#FFFFFF;
	background-image: url('../../../../../../Images/bl_Navbar_Gd_Hover.jpg');
	background-repeat:repeat-x;
	background-position:top right;
}
.topNavFlyOuts
{
	border-top:1px #CBD1E0 solid;
}
.topNavFlyOutsItem
{	
	font-family: tahoma; 
	font-size: 8pt; 
	background-color: #ECEFF3;
	border:1px #CBD1E0 solid;
	border-top-style: none;
	color:#3A4663; 
	*width:150px;
	min-width:150px;
}
.topNavFlyOutsItem a
{
    display:block;
    padding:4px 5px 4px 5px;
}
.topNavFlyOutsHover
{
	background-color: #B2BCD3;
}
.topNavRoundLeft, .topNavRoundRight
{
    width:0px;
}

.breadcrumb
{
    font-family: tahoma; 
    color: white;
    clear:both;
    font-size:9pt; 
    font-family: tahoma; 
    padding-left:7px;
    padding-bottom:2px;
    padding-top:4px;
    border-bottom:1px #A5D342 solid;
    margin-bottom:4px;
}
.breadcrumb a, .breadcrumb:active, .breadcrumb a:active
{
	padding-left:0px;
	padding-right: 0px;
	text-decoration:none;
   	color: #656b77;
}
.breadcrumb a:hover
{
	text-decoration:underline;
}

.breadcrumbCurrent
{
	font-weight:bold;
}

.mainDiv
{
	display:inline-table;
	background-color:#A5D342;
	/*height:960px;*/
	width:100%;
	vertical-align:top;
}

/*start of layout CSS */
/*main page */
.leftPanel
{	
	width:500px;
	float:left;
	padding-top:20px;
	padding-bottom:20px;
	z-index:1;
}

.rightPanel
{	
	height:100%;
	float:right;
	padding-top:20px;
	padding-bottom:20px;
	z-index:2;
}

#mainRotatingImage
{
	padding-left:0px;
	
}

#picImage
{
	padding-left:0px;
	
}

/*General Page Title Layout*/
.pageSummary{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14pt;
	font-weight: bold;
	color: #FF9A00;
	text-align: center;
	vertical-align: middle;
	height: 100%;
}

/*Three panel layout */
#threePanelMainDiv
{
	background-color:white;
	width:100%;
}

.threePanelleftPanel
{
	vertical-align:top;
	float:left;
	width:185px;
	
}

.threePanelcentrePanel

{
	float:left;
	margin-top:20px;
	width:500px;
	text-align:center;
	overflow:auto;
	
}

.threePanelrightPanel
{
	
	
	overflow:auto;
	float:right;
	text-align:right;
}

/*Programme Styles*/
#programmeBody {
	height:300px;
	clear:left;
	margin: 10px;
	width: 930px;
	left: 10px;
}

/*Two panel Right layout i.e. Purpose Screens */
#twoPanelMainDiv
{
	
	background-color:white;
	width:100%;
	text-align:right;
}

/* QuickLinks Menu Override Styles */

#quickLinksContainer
{
	clear:left;
	margin-left:20px;
	padding-left:10px;
	padding-bottom:10px; 
	border-left-color:#FF9A00;
	border-left-width:1px;
	border-left-style:solid; 	
}


.ms-navheaderx
{
	margin-top:10px;
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	
}

.ms-navheaderx a, .ms-navheader2 a 
{
	color:#50AAC6;
	font-weight:bold;
	text-decoration:none;
}

.ms-selectednavheaderx a
{
	color:#003C4A
	}
	
.ms-selectednavheaderx a:hover{text-decoration:none; }


/*Participants table layout styles */
.particpantFrame{
	display: table;
	width: 490px;
	height: 400px;
	border: 1px solid #A5D342;
	font-family: Arial, Helvetica, sans-serif;
	table-layout: auto;
	text-align:left;
	font-size:10pt;
	float:right;
}

.participantHeader{
	background-color: #A5D342;
	height: 40px;
	width: 100%;
	border-style: none;
	clear: both;
	font-weight:bold;
}

.participantHeader table {
	height:100%;
	width:100%;
}

.participantBody{
	height:360px;
	width:100%;
	overflow:auto;
}

.leftColumn
{
	width:200px;
	color:black;	
}

.leftColumn a:link
{
	text-decoration:none;
	color:#00384A;
	font-weight:bold;
}

.leftColumn a:hover
{
	text-decoration:underline;
	
}


.participantBody td{
	vertical-align:top;
}