@charset "UTF-8";
/* CSS Document */

body {
	width: 100%;
	height: 100%;
	background-color: #E2660C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	background-image: url(../images/bg_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0 0 10px 0;
	padding:0;
}

.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

h1{
	font-size:1.6em;
}

h2 {
	font-size: 1.4em;
	margin: 0 0 10px 0;
}

#FilterContainer h2 {
    text-align:left;
    font-size:1.2em;

}

.EventContent .EventCopy h2 {
	color:#fe6700;
	font-size:1em;
	margin:0;
}
.news h3 
{
	font-size:1.2em;
}

h3 {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0 10px 0;
}

h3 a:link {
	color: #000000;
	text-decoration: none;
}

h3 a:hover {
	text-decoration: underline;
}

h4 {
    
    font-size:1em;

}
fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

hr {
	border-color:#C0C0C0;
	border-style:solid none none;
	border-width:1px medium medium;
	height:1px;
	margin: 10px 0 10px 0;
	padding:0;
	width:100%;
}

p {
	font-size: 0.9em;
	line-height: 1.5em;
}

.people p {
	clear:both;
	float:left;
}

.people p img {
	float:left;
	margin:5px 10px 5px 10px;
}
#mainContainer {
	background-color: #fff;
	border: #dfdfdf solid 3px;
	float: left;
	width: 970px; 
	background-image:url(../images/TopBackground.gif);
	background-repeat:repeat-x;
	
}

#wrapper {
	width: 1021px;
	margin: 7px auto auto auto;
	height: 100%;
}

#bg-container {
	background-image: url(../images/shadow_bg.jpg);
	background-repeat: repeat-y;
	background-position: center 0;

}

#bottom {
	clear: both;
	width: 100%;
	height: 25px;
}

#shadow-left {
	width: 22px;
	height: 931px;
	margin: 0 0 0 0;
	float: left;
	background-image: url(../images/bg_left.jpg);
	background-repeat: no-repeat;
	background-position: center -1px;
}

#shadow-right {
	width: 23px;
	height: 908px;
	margin: 0 0 0 0;
	float: left;
	background-image: url(../images/bg_right.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
}

#cL {
	float: left;
	height: 25px;
	width: 24px;
	background-image: url(../images/corner_left.jpg);
	background-repeat: no-repeat;
}

#cR {
	float: left;
	height: 25px;
	width: 24px;
	background-image: url(../images/corner_right.jpg);
	background-repeat: no-repeat;
}

#shadow-bottom {
	float: left;
	width: 972px;
	height: 25px;
	background-image: url(../images/shadow_down.jpg);
	background-repeat: repeat-x;
}

#header {
	margin: 0 0 0 16px;
	width: 934px;
	
	
}

#header h1 {margin: 16px 0; float:left;}

#header img.bbcLogo {
	float: right;
	margin: 15px 0 0;
}

#menu {
	margin: 0 16px 0 16px;
	width: 934px;
}

ul.mainMenu {
	float: left;
	padding: 3px 0 3px 0;
	margin: 0 0 5px 0;
	background-color: #ffc235;
	font-size: .9em;
}

ul.mainMenu li {
	display: inline;
	list-style-type: none;
	padding: 0 8px 0 8px;
	border-left: 1px solid #000000;
}

ul.mainMenu li.first, #footer ul li.first {
	border: none;
}

ul.mainMenu li a:link, ul.mainMenu li a:visited  {
	color: #000000;
	text-decoration: none;
}

ul.mainMenu li a:hover {
	text-decoration: underline;
}

ul.menuRight {
	float: right;
	font-size: .9em;
}

ul.menuRight li {
	display: inline;
	list-style-type: none;
	padding: 0 0px 0 8px;
	margin: 0 0 0 8px;
	border-left: 1px solid #000000;
}

ul.menuRight li.first {
	border: none;
}

ul.menuRight li a {
	color: #d204a9;
	text-decoration: none;
}

ul.menuRight li a:hover {
	text-decoration: underline;
}

#submenu {
	border-bottom:1px solid #C0C0C0;
	clear:both;
	float:left;
	font-size:1em;
	margin:0px 0 5px 2px;
	padding:0 0 0px;
	width:100%;
}

#submenu a{
	color: #000000;
	text-decoration: none;
	margin: -3px 0px 0px 0px;
}

#submenu a:hover {
	color: #666666;
	text-decoration: underline;
}


a:link, a:visited {
	color:#D204A9;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

.replaced { position:relative; }
.replaced span { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:0 0; }

h2 {
	width: 100%;
}

#content {
	width: 934px;
	padding: 0 0 0 16px;
	margin: 0;
	min-height:700px;
}

.leftContentControl, .rightContentControl {
      width:300px;  
      float:left;
      padding:10px 10px 0 0;   
}

.leftContentControl img, .rightContentControl img {
      margin:0 0 5px 0;

}
.rightContentControl {
      padding:10px 0 0 0;  
}

.news {
	float: left;
	width: 612px;
	padding:20px 0;
}

.mainArticle {
	float: left;
	width: 100%;
	margin: 0;
}

.mainArticle p, .leftContentControl p, .rightContentControl p {
    margin-top:0;
}

.articles, .articlesRight {
	float: left;
	width: 296px;
	margin: 0 0 0 0;
}
.articlesRight {
	margin-left: 20px;
}
.right-content {
	float: right;
	width: 296px;
}

#login {
	width: 100%;
	margin: 5px 0 0 0;
}

#login div {
	text-align: right;
	margin: 0 0 5px 0;
	font-size: .85em;
}
#login .textFields input {
	background-color: #ebebeb;
	border: 1px solid #909090;
	margin: 0 0 0 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	width: 150px;
	height: 14px;
	padding: 2px 0 0 3px;
}

#login .rememberme {
	margin: 5px 0 5px 0;
}

#login .rememberme input {
	margin: 1px 3px 0 0;
}

span.events {
	background-image: url(../images/h2_events.gif)
}

span.showcase {
	background-image: url(../images/h2_showcase.gif)
}

span.aboutus {
	background-image: url(../images/h2_aboutus.gif)
}

.section {
	width: 100%;
}

#footer {
	width: 934px;
	margin: 40px 0 0px 16px;
	height: 50px;
	text-align: center;
}

#footer ul {
	padding: 3px 0 3px 0;
	margin: 0;
	font-size: .8em;
	margin: auto;
}

#footer ul li {
	display: inline;
	list-style-type: none;
	padding: 0 6px 0 6px;
	border-left: 1px solid #666666;
}

#footer ul li a {
	color: #666666;
	text-decoration: none;
}

#footer ul li a:hover {
	text-decoration: underline;
}

#footer span {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	font-size: .75em;
	margin: 3px 0 0 0;
}

 #maintain a{
   font-size:0.85em;
   text-decoration:none;
}

#SecondaryNav a:hover, #maintain a:hover{
text-decoration:underline;
}

#SecondayNav{
display:inline;
margin:5px 0;
}

#SecondayNav a{
font-size:0.85em;
text-decoration:none;
}

#SecondayNav a:hover{
text-decoration:underline;
}



.clear{
clear:both;
width:100%;	
}

#maintain{
	margin:5px 0 10px 0;
}

.OrangeButtonRight{
float:right;
}

.box780 .inner {
background-color:#E6E4DF;
float:left;
padding:17px 17px 14px;
width:546px;
}

.footerlinks {
clear:both;
padding-top:15px;
text-align:center;
}

.box780 .inner {
float:left;
padding:17px 17px 14px;
width:760px;
background-color:White;
}

.solid780 {
float:left;
padding:17px 17px 14px;
width:760px;
background-color:#EBEBEB;
border:1px solid #C4C4C4;

}

.box780 img {
float:left;
margin:0 35px 26px 0;}

.solid745 .inner {
background-color:#EBEBEB;
float:left;
margin:0 0 5px;
border:1px solid #C4C4C4;
}



.inner select, .inner input
{
	width:200px;
}

.programmeOptions select {
	width:auto;
}

.FormHolder select {
	width:auto;
}
.programmeOptions h3 {
font-size:1.3em;
}

.programmeOptions h2 {
color:#000000;
font-size:1.25em;
}

.footerlinks a {
color:#B6B6B6;
text-decoration:none;
border:0;
vertical-align:middle;

}

.footerlinks p img {
margin-right:10px;
vertical-align:middle;
float:left;
}

#AnchorLinks li {
list-style-type:none;
}

#AnchorLinks {
padding:0;
margin:0;
}

.left{
float:left;	
}

.footerlinks p{
	float:left;
	margin-right:40px;
}

a img {
border:0;	
}

#maintain h4{
display:inline;	
font-size:0.85em;
}

.PinkText{
	 color:#C70287;
     font-size:0.85em;	
}

.contentBox #news p a{
text-decoration:none;
}

.contentBox #news p a:hover{
text-decoration:underline;

}

.contentBox .list p
{
	width: 100%;
	clear: none;
	float: left;
	margin-bottom:5px;
}

.options span.greyButton 
{
	margin:0 0 7px 0;
	float: left;
}

.event {
    margin:5px 0 0 0;
}

.EventContent {
	float:left;
}

.EventImage {
	float:left;
	width:130px;
}

.col {
    padding:5px 0 5px 0;    
}

#MainStory a:hover, .leftContentControl a:hover h4 span, .rightContentControl a:hover h4 span {
    text-decoration:none;
}

.mainArticle a h2 span, .leftContentControl a h4 span, .rightContentControl a h4 span {
    color:#000000;
    text-decoration:underline;
}

#news_newsTitle {
cursor:pointer;
}

.mainArticle a:hover h2 span {
    text-decoration:none;   
}

.leftContentControl h4, .rightContentControl h4 {
	font-size:1.25em;
}

.mainArticle img {
	width:612px;
	height:287px;
}

#login div #FilterContainer {
    width:600px;
    background-color:#EBEBEB;
    border:solid 1px #c4c4c4;
    padding: 10px;
    text-align:left;
    font-size:0.9em;
    margin:10px 0 10px 0;
}

#login div #FilterContainer label {
    font-size:1.25em;
    padding:5px;
}
#login div #FilterContainer select, #login div #FilterContainer label {
    float:left;
    margin:0 5px 0 0;
}

.Filter input, #login .orangeButton input, #login .orangeButton .login {
    background: transparent url(../images/StadardOff.jpg) no-repeat; background-position:top; width:100px;
    border-width:0;
    font-family:Verdana;
    font-size:0.87em;
    padding:4px;
    height:22px;
}

#login .orangeButton .login {
    background: transparent url(../images/whitebtn.jpg) no-repeat;
    float:right;
    padding:0 4px 0;
    width:90px;
    margin:0 0 5px 0;
}

.newslist {
   clear:both;
}

.AnnualReview {
    margin:0 50px 0 0;    
}

#LoggedIn {
    width:100%;
    text-align:right;
    margin:0;
}

.EventCopy {	
	float:left;
	width:450px;
}

.news .newslist li {
	margin:0 0 15px 0;

}

ul.menuRight .OLCLink {
	
	background-repeat:no-repeat;
	background-position:right 0;
	border:0;	
	padding:0;
}

.AdminContainer .RegisterContainer {
	background-color:#EBEBEB;
	border:1px solid #C4C4C4;
	margin:0 0 10px;
	overflow:hidden;
	padding:10px;
	width:760px;
}

.AdminContainer .RegisterContainer .ForgotEmailInput {
	width:250px;

}

.left {
	float:left;	
}

.maintainText {
	display:inline;
    font-size:0.85em;
    font-weight:bold;
}

.news .hardReport {
	width:600px;

}

.territory select, .broadcaster select {
	width:210px;	
}

.hardReport td {
	font-size:0.87em;
	padding:2px;
}