body { 
width:expression(document.body.clientWidth > 1020? "1020px": "auto" );
/*max-width:1010px;*/
min-width:768px;
}

#main {background:none; padding-top:0px;}


#printBar {
	float: right;
	width: 222px;
}
#main {
	margin-right: -232px; /* new measurement for index  */}


#main .topbar { margin-right:232px; margin-left:23px;}  /* new for posts home  */
#main #contactMap .topbar { margin-left: 0; }
#main .inner { margin-right:232px; margin-left:23px;}  /* new measurement for posts  */




/*  */

#printBar #promos div {
	width: 222px; /* homepage measurement */}


/*  */

#doubleBoxContainer {margin:0px; padding:0px; margin-bottom:10px; width:100%;}

#doubleBoxContainer .splitLeft {width:49%; margin-right:2%; float:left; min-width : 185px; }
#doubleBoxContainer .splitRight {width:49%; margin-right:0px; float:left; min-width : 185px; }

#doubleBoxContainer .boxContent, #doubleBoxContainer .boxContent {min-height : 120px;}

*html .boxContentColour .boxBottom {padding-top:0px; margin-top:0px; height:15px;}

#doubleBoxContainer form{margin-top:10px;}


.boxContentColour h3 {background:#003399!important; color:#fff; height:1%;}


.boxContentColour input {border:none;}

.boxContentColour label {margin-left:4px;}

.boxContentColour p.inputButton {text-align:right;}

.boxContentColour input.vote, input.go {
	background:url(../files/images/voteButtonBG.gif) top left repeat-x;
	font-weight:bold;
	color:#fff;
	font-size:0.7em;
	height:19px;
	border:0px;
	padding-bottom : 5px !important;
	cursor : pointer}


#sidenav p {
font-family: "Trebuchet MS", Arial, sans-serif;
font-size:1.4em;
padding-left:45px;
margin-bottom:15px;}


#maincontent {  padding-right:20px;
float:Right; clear:right; width:68%;}

h3, h4 {
	margin:0px 1px 10px 0px;
	font-size:1em;}

h3 strong, h4 strong {
	background-color: #FFF;
	padding:0 0.5em 2px 0.5em;
	margin-left:1.2em;}
		
.boxContentColourRed h2,
.boxContentColourRed h3 {background:#fff; color:#CA0300; }
	
/* lists with links */

#leftcontainer,  #leftcontainerlower{ width:69%; } 
#rightcontainer, #rightcontainerlower { width:29%; } 

.box {	margin:5px; border:1px solid #BBD;height: 250px; 
		background: #3f71a2 url(../files/images/layer_bg.jpg) left 10px no-repeat; width:30%; }
.boxrhs {	margin:5px; border:1px solid #BBD;height: 250px; 
			background: #3f71a2 url(../files/images/layer_bg.jpg) left 10px no-repeat; width:99%; }


/* mapbox */

#contactBox #tabs {background:none!important;border:none; height:21px; padding:0px; margin:10px 0px 0px 0px;}

#printBar #contactBox #tabs { margin-top:0; height:21px; }

#contactBox #tabs ul { list-style:none; padding:0px;background:none;}

#printBar #contactBox #tabs ul{ margin:0; display:block; height:21px;}

#contactBox #tabs ul li {float:left;  background:none; margin:0px; padding:0px; }

#printBar #contactBox #tabs ul li{display:block; height:21px;}

#contactBox #tabs ul li a {margin-bottom:0px;}

#contactBox #tabs img {/*margin-bottom:-3px;MM*/}

#mapbox  {
	width:222px; 
	padding:0px!important; 
	background:url(../files/images/mapBoxBasebg.gif) bottom left no-repeat;}

#mapbox img {
	margin:0px;
	border:1px solid #D6DFF0;
	border-top:0;}

#mapbox form {
	margin-top:0px; margin-left: 10px; padding:8px 0;
	}

#mapbox .mapForm {
	margin:0;
	background:url(../files/images/mapBoxFormBG.gif) top left repeat-y;}


#mapbox .china {
	background: #fff url(../files/images/map_bg.jpg) center 26px no-repeat; width:99%; }
	
#mapbox .uk {
	background: #fff url(../files/images/map_bg.jpg) center 26px no-repeat; width:99%; }

#contactBox #mapbox h4 {
	margin:0px 0px 10px 0px!important;
	font-size:1em;
	padding:0px;}

	
#mapbox p { 
	padding:0px; font-size:0.7em;}

#mapbox p.note {
	color:#CA0300; font-weight:bold; padding-bottom:15px;}

#contactBox ul {
	list-style:none;margin-left:0px; padding-left:10px;}

#contactBox ul li {
	font-size:80%;
	background: url(../files/images_mother/arrow_blue.gif) no-repeat 1px 5px!important;
	padding:1px 0px 0px 1em;
	font-size: 90%;
	font-weight:bold;}
	


/* end mapbox */


/* little boxes */

#topBox {width:98%; margin:0px; position : relative; left:20px;}

#topBox.twoColumn { float: left; width: 66%; }

#topBox.twoColumn .first, #topBox.twoColumn .second { margin-right: 1.4%; width: 48% !important }
#topBox.twoColumn .second { float: right; }
#topBox.twoColumn .third { display: none; }

#topBox .boxcontent {min-height : 110px}

.first .boxcontent, .second .boxcontent, .third .boxcontent{  
	float:left; 
	min-height : 150px !important;
	#min-height : 125px !important; 
	max-height : 150px;	 
	width: 100%;
	overflow: hidden;
}

.boxSmall {background:#003399; 
/*margin-top:15px; MM*/
margin-bottom:10px; /*MM*/
float:left; 
}
.boxSmall h2, .boxSmall h3 { 
	background:#FFCB30;
	font-size: 120%;
	line-height:15px;
	padding:3px 0px 4px 15px;	
	margin:137px 16px 0px 0px;
	font-family:trebuchet ms, arial;
	}
.play { 
	margin:0px 16px 0px 0px; background : #333;
	padding:2px 0px 2px 15px;
	text-transform : uppercase;
	}
	
.play  a{ 
	color : #fff !important;
	}
		
.boxSmall .play { 
	margin:120px 16px 0px 0px;
	margin-bottom :-120px; background : #333;
	padding:2px 0px 2px 15px;
	text-transform : uppercase;
	}	

.boxSmall p {color:#fff;}
	
#printBar .boxSmall {width:222px; }
#printBar .boxSmall h3 {font-size:120%;}
	
	
.boxSmall .boxTop {
	height:15px; background:#003399; width:100%; margin-bottom:0px;}
	
.boxSmall .boxtopLeft,
.boxSmall .boxtopRight {width:15px; height:15px;}
	
.boxSmall .boxtopLeft {
	background:url(../files/images/boxCornerTopLeftBlue.gif) top left no-repeat;
	float:left;}
	
.boxSmall .boxtopRight {
	background:url(../files/images/boxCornerTopRightBlue.gif) top right no-repeat;
	float:right;}	
	
.boxSmall .boxBottom {
	min-height:15px;
	background:#003399 url(../files/images/boxCornerBottomLeft.gif) bottom left no-repeat;
	padding:0px;
	margin:0px;}
	
 .boxSmall .fBoxBottom {
			#min-height:15px;
			#background:#003399 url(../files/images/boxCornerBottomLeft.gif) bottom left no-repeat;
			#padding:0px;
			#margin:150px 0px 0px 0px;}			
			
*html .boxSmall .boxBottom, /*ie6 fix */
 {height:15px;}

.boxSmall .boxbottomLeft {
			float:left; 
			width:10%;
			background:#003399 url(../files/images/boxCornerBottomLeft.gif) bottom left no-repeat;			
			padding:0px;
			margin:0px;
			min-height:15px;
		} 
 
.boxSmall .boxbottomRight {
	float:right; 
	width:89%;
	background:#003399 url(../files/images/boxCornerBottomRight.gif) bottom right no-repeat;
	padding:0px;
	margin:0px;
	min-height:15px;}
	
.boxSmall .featureboximg{
	overflow:hidden;
	height:137px;
}
	
.boxSmall ul, #printBar .boxSmall ul {list-style:none; margin:10px 10px;}

.boxSmall ul li{
	font-size:80%;
	background: url(../files/images/white_arrowOnDark.gif) no-repeat 1px 8px !important;
	padding:6px 0px 0px 1em;
	font-size: 90%;}
	
ul.imageList{
list-style:none; margin-left:-10px; adding:0px;}


.boxSmall ul li a{color:#fff!important; font-weight:bold;}
	
	
/*.first {background:#003399 url(../files/images/layer_bg.jpg) left 10px no-repeat; width:33% !important; margin-right : 1.5%}
.second {background:#003399 url(../files/images/layer_bg.jpg) left 10px no-repeat; width:33% !important; margin-right : 1.5%}
.third {background:#003399 url(../files/images/layer_bg.jpg) left 10px no-repeat; width:31% !important;}*/

.first {background:#003399 url(../files/images/layer_bg.jpg) left 10px no-repeat; width:33%; margin-right : 1.5%; overflow:hidden;position: relative;}
.second {background:#003399 url(../files/images/layer_bg.jpg) left 10px no-repeat; width:33%; margin-right : 1.5%; overflow:hidden;position: relative;}
.third {background:#003399 url(../files/images/layer_bg.jpg) left 10px no-repeat; width:31%; overflow:hidden;position: relative;}

	
/* end small boxes */


.box H3, .boxrhs H3 { margin: 130px 10px 0px 0px; font-size:120%; background: #EB3; padding: 5px 10px; ; color: #FFF; }
.box p,.boxrhs p { padding: 5px 10px; color: #FFF; }
.listbox { margin:5px; border:1px solid #BBD; border-top: 8px solid #3f71a2; min-height:200px; width:46%; }
* html .listbox { height:200px; }
			
.listbox H3 {font-size:120%; color: #3f71a2; padding: 5px 10px;}
.listbox p { color: #3f71a2; padding: 5px 10px;}
.listbox p strong { text-decoration: underline; }
.listbox p { color: #3f71a2; padding: 5px 10px;}



.newsfeeds  {min-height:20px;padding-top:3px; background-color:#DDEBF8; margin-bottom:10px;}

.newsfeeds ul {list-style:none;}
.newsfeeds ul li {background:none; display:inline; line-height: 2; padding-right:20px;}
ul li.last {padding-right:0px;}

.normal {font-weight : normal !important; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif!important;}

*html .newsfeeds ul li, *html .newsfeeds ul li a {padding-bottom:0px;}

.newsfeeds a:active, .newsfeeds a:link {text-decoration:underline;}

.newsfeeds a.feeds {padding-left:20px; background:url(../files/images/icon_newsfeeds.jpg) left top no-repeat;
text-decoration:none; }

.newsfeeds a.newsletter {padding-left:20px; background:url(../files/images/icon_newsletter.gif) left top no-repeat;
text-decoration:none;}


/* end news feed */

/* boxes with links at bottom of home page */

#MoreLinks {padding:0px;}

#MoreLinks .lhs{width:48%; float:left;}

#MoreLinks .rhs {width:48%; float:right;}

#MoreLinks img {float:right; margin:0px 3px; padding:0px;}

#MoreLinks p {font-size:0.9em; font-weight:bold; padding:5px; padding-top:0px;}
#MoreLinks .top p {overflow:hidden; white-space: nowrap}

#MoreLinks a {color : #000}

#MoreLinks .bottom {background:#FBEBBA; text-align:center;  padding:0px; line-height:20px;}

#MoreLinks .bottom P{margin-left : 5px; padding-left : 0px; text-align : left}

#contentbanner { clear:both; min-height: 16px; padding: 5px 10px; background: #e8eff7; color:#3f71a2; margin:5px; border:1px solid #e8eff7;} 
* html #contentbanner { height: 16px; }
#contentbanner .lr { width:46%; }

* html #contentbanner {  margin: 0px 10px;}
.clearer { clear:both;}


/*move to main.css*/

img.right {
float : right !important;
margin-top : -5px;
margin-left : 20px;
}

h2 {
position : relative;
z-index :5
}


p.bluebold {
margin : 10px;
font-weight : bold;
color : #039;
}

#topBox .boxContentColourRed {
float : left;
width:67.5% !important; margin-right : 1.5%;
}
