@charset "utf-8";
/* CSS Document */
html,body{margin:0;padding:0; z-index:0; background:#F7F6F4;font-size:100%}
body{text-align:center;padding-bottom:20px;font-family:Tahoma, Arial, sans-serif;z-index:0;font-size:0.85em}
ul {list-style-position:outside}
/* Basic stucture */
#container{overflow:hidden;text-align:left;padding:0px;margin:0 auto;width:950px;min-height:500px;z-index:1;}
#Header{
	overflow:hidden;
	position:relative;
	text-align:left;
	width:950px;
	height:102px;
	margin-top:20px;
	z-index:2;
	background: url(../images/GB-TrainingLogo.gif) no-repeat;
}
	
/* Sub elements */
#Genre{display:block;width:936px;height:28px;padding:7px;position:relative;text-align:center; margin-bottom:20px;z-index:10;}
#CopyBody{
	clear:both;
	overflow:hidden;
	text-align:left;
	width:950px;
	margin-top:20px;
	margin-bottom:10px;
	z-index:2;
}
#Footer{
	overflow:hidden; 
	background:url(../images/footer_background.jpg);
	background-repeat:no-repeat;
	text-align:left;
	font-size:10px;
	margin:0 auto;
	padding:0px;
	width:930px;
	min-height:50px;
	padding-top:5px;
	z-index:2;
	color:#666666; 
	padding:10px;
}

.moreLeft {
	float:	left;
}

.moreRight, .moreRight a {
	float:				right;
	margin-right:		-5px;
	margin-top:			5px;
	text-decoration:	none;
	font-size:			10px;
}
	
/* Sub Structure */
#navigation{
	background:url(../images/Nav_Grad_Background.jpg) bottom no-repeat;
	padding-left:10px;
	padding-bottom:10px;
	z-index:4;
}
#CopyLeft{Display:block;overflow:hidden;Float:left;margin:0px;padding:0px;width:210px;background:url(../images/Left_Grad_Background.jpg) top no-repeat; padding-top:7px;z-index:3;}
#CopyRight{Display:block;overflow:hidden;Float:right;margin:0px;padding:0px;width:190px;min-height:390px;margin-left:10px;z-index:3;}
#CopyMiddle{
	Display:block;
	overflow:hidden;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	Float:left;
	margin:0px;
	padding:0px;
	width:527px;
	margin-left:10px;
	min-height:509px;
	z-index:3;
	font-size: 12px;
}
#CopyMiddle h1, #CopyMiddle h2{width:100%;}
	
/* Home - Sub Structure */
#HomeMiddle{Display:block;overflow:hidden;font-family:Arial, Helvetica, sans-serif;Float:left;margin:0px;padding:0px;width:527px;margin-left:10px;min-height:509px;z-index:3;}
#HomeRight{z-index:3;}
#HomeCarousel{Display:block;margin:0px;padding:0px;width:724px;height:222px;margin-top:10px; margin-bottom:20px;float:right;z-index:3;}
#HomeFullList{}
	
/* What's on */
#HdrWrap{Display:block; width:100%; margin:0px; padding:0px; margin-bottom:15px; background:#e2e1f3; padding:5px; z-index:4;}

/* toggle open/close */
.toggleOpen, .toggleClosed {
	font-size: 12px;
	background-repeat: no-repeat;
	float: left;
	width: 230px;
	padding-top: 5px;
	text-align:left;
}
.toggleOpen {background: url(../images/imagesheader.jpg) #CCCCCC;}
.toggleOpen a.headText:link, .toggleOpen a.headText:visited, .toggleOpen a.headText:hover, .toggleClosed a.headText:link, .toggleClosed a.headText:visited, .toggleClosed a.headText:hover{
	padding-left: 30px;
	color:#342963;
	text-decoration:none;
	display: inline-block;
	padding-bottom: 5px;
}
.toggleClosed {
	background: url(../images/imagesheader.jpg) #CCCCCC;
	padding-bottom:0px;
	margin-bottom:0px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #3E2F6A;
}
.toggleOpen span.GalleryScroller{display:block;}
.toggleClosed span.GalleryScroller{display:none;}
.GalleryWrapperHidden{padding-bottom:10px;height:0px;}
a img {border:none}
.searchMOGEFrm select{width:188px;}

/* fbis - fieldset styling */
.checkboxlist{float:left;width:350px;clear:right; line-height:1.3em; padding-bottom:1em;}
.checkboxlist .checkbox{float:left;width:160px;padding-right:10px;clear:none;}
span.label{}
label {
	display:block;
	float:left;
	width:160px;
	height:15px;
	clear:left;
}
fieldset { border: none;font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	line-height:2em;
	clear:both;
	margin:40px 0 20px 0;
	}
fieldset * {margin-top:3px;}
legend span{
	display:block;
	font-weight:Bold;
	width:500px;
	font-size:14px;
	color:#666;
	padding:3px 10px;
	position: absolute;
	margin-top:-30px;
	margin-left:-10px;
	background:transparent url(../images/header.png) no-repeat right top;
	
}
#CopyMiddle .Details .dates {
	clear: left;
	float: left;
	width:100%;
}
#Header #keywordSearch {
	width: 550px;
	float: right;
	color: #666666;
	padding-top: 7px;
}
#Header #keywordSearch input{
padding-top:3px;
margin-top:0px;
}
legend{padding-bottom:10px;}

