/* CSS Document */

/* Remove all Padding and Margins from the Website so they can be redefined later on*/
html,body { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif; 
}

#shadowwrap {
	 background: url(../images/shadow.gif) no-repeat bottom right;
	 width: 1041px;
	 margin: 0 auto;
	 padding-bottom: 17px;
	 
	} 

#borderwrap {
	
	width: 976px;
	padding-left: 54px;
	background-image: url(../images/leftborder.gif);
 	background-repeat: repeat-y;
	
}	

/*Wrapper holds the structure of the site together*/
#wrapper { 

 	width: 922px;

}

div.floatLeft {
	width: 630px;
}	

img.floatLeft, div.floatLeft { 
float: left; 
margin: 8px;
/*border: 1px solid #ccc; */

}

div.floatRight {
	width: 202px;
	font-size: 75%;
	text-align: center;
	
	
}

img.floatRight, div.floatRight, span.floatRight, input.floatRight { 
float: right; 
margin: 4px 8px 4px 8px; 
/*border: 1px solid #ccc; */
}

img.conserv {border-color:#0099FF;
border: 1px solid;
}

.clearLeft {
	clear: left;
}	

.clearRight {
	clear: right;
}	

.clearBoth {
	clear:both;
	}
	
#previousIssues {
	clear:both;
	}

ul.accessibility {
	display: none;
}	

/* ---------Site Styling-----------*/

/* Header Styling and Formatting*/
#header {
 color: #333;
 width: 910px;
 float: left;
 padding: 10px 0px 30px 10px;
 border: 1px solid #ccc;
 height: 100px;
 margin: 10px 0px 5px 0px;
 background: #fff;

}

#home #header {
	height: 120px;
}	

#header h2 {
	margin-top: 35px;
}	

#home #header {
	background-image: url(../images/backissuesHeader.jpg);
 	background-repeat: no-repeat;
 	background-position:right top;
 }	

#subheader {
 color: #333;
 width: 920px;
 float: left;
 padding: 0px;
 border: 1px solid #ccc;
 height: 20px;
 margin: 0px 0px 5px 0px;
 background:#CCC1BB;
}

/* ---------The total width of leftcolumn, content and rightcolumn must add up to 846px (excluding margins and padding)---------*/
/* ----Left Columns Styling----*/
#leftcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #E7F1F8;
 margin: 0px 5px 5px 0px;
 padding: 0px 0px 20px 0px;
 height: 350px;
 width: 175px;
 float: left;
}

/* ----Main Content Area Styling----*/
#content { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #fff;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 /*height: 350px;*/
 min-height: 500px;
 width: 875px;
 display: inline;
}

#content2col { 
 float: left;
 color: #333;
 border-top: 0px solid #ccc;
 border-bottom: 1px solid #ccc;
 border-right: 1px solid #ccc;
 border-left: 1px solid #ccc;
 background: #fff;
 margin: 0px 5px 5px 0px;
 padding: 10px 10px 30px 10px;
 min-height:480px;
 width: 717px;
 display: inline;
}

#contentColumnRight {
	float: right;
	color: #333;
	border: 1px solid #ccc;
	background:#CCCCCC;
	margin: 0px 5px 5px 0px;
	padding: 10px;
	height: 350px;
	min-height: 500px;
	width: 175px;
	display: inline;
	}


/*other elements in main area*/

#banner {
	text-align: center;
	padding: 10px;
}	

#content2col div.box, #content div.box {
	border: 2px solid #999999;
	background-color: #E7F1F8;
	color: #1e487b;
	padding: 0 5px;
}	

a img {
	border: 0;
}	

#content img.floatLeft, #content img.floatRight {
	padding: 2px;
	border: 1px solid #C0C1A8;
}	

ul.content, ol.content {
	line-height: 2em;
	font-size: 85%;
}	

ul.content li ul li {
	list-style-type: none;
	margin-left: -30px;
}	

div#topicsectorsection {
	margin: 0;
	padding: 5px;
	background-color: #eeeeee;
	border: 1px solid #52a229;
}

span.left {
	float:left;
	width: 300px;
	padding-right: 35px;
}	

div.archive {
	width: 270px;
	padding: 10px;
	float:left;
}

div.archive ul, #archiveissue #content ul {
	margin-left: 14px;
	list-style-image: url(../images/bluebullet.gif);
	font-size: 85%;
}

#latest #content ul {
	margin-left: 14px;
	list-style-image: url(../images/bluebullet.gif);
	font-size: 90%;
}	

div.archive ul li, #latest ul, #latest ul li, #archiveissue ul li {
	margin-bottom: 10px;
}

#latest ul li ul li {
	margin-top: 5px;
}	

div#content a, div#content2col a {
	color: #1e487b;
}

div.archive a:hover, p a:hover {
	text-decoration: none;
	border-bottom: 1px dashed #1e487b; 	
}			

#advert #content2col ul, #advert #content ul, #advertorial #content2col ul, #advertorial #content ul {
	font-size: 85%;
}

/*sub menu homepage*/

/* ----Right Hand Column Styling---- */
#rightcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #E7F1F8;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 width: 155px;
 float: left;
}

#rightcolumn p {
	font-size: 75%;
}

#rightcolumn a {
	color: #1e487b;
}	

#rightcolumn div.box {
	border: 2px solid #999999;
	background-color: #AFD8E0;
	color: #1e487b;
	padding: 0 5px;
}	

/* ----Footer Styling---- */
#footer { 
 width: 900px;
 clear: both;
 color: #333;
 border: 1px solid #ccc;
 background: #E7F1F8;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 font-size: 90%;
 text-align:center;
}

#footer a {
	color: #51A027;
}	

#footer a:hover {
	color: #012248;
}	

div#header h1 {
width: 303px;
height: 60px;
/*background:url(../images/agendalogo.gif) no-repeat;*/
/*text-indent:-9000px;*/
 
}

div#header a {
 color: #1e487b;

}

div#header h2 {
height:0px;
padding: 0px 0px 0px 0px;
margin-bottom:0;
text-align:right;
font-size:16px;
color:#002247;

}

div#header img {
float:left;
}


div#content h1, h2, h3, h4, h5 {
/*height:30px;*/
padding-left:5px;
margin:0;
}

div#content h5 {
	font-size: 90%;
	color: #0066CC;
}	


div#content2col p, div#content p  {
font-size: 85%;
padding-left:5px;
margin-bottom:10px;;

}



#archiveissue div#content p, #archiveissue h5 {
	margin-bottom: 15px;
}	

div#content p.middle {
/*height:40px;*/
padding-left:5px;
margin:0px 0px 40px 300px;
font-size: 85%;
}

div#content2col span.small {
	font-size: small;
}	


/* Two Column Layout styling */
div#content2col h1, h2, h3, h4, h5, div#content h1, h2, h3, h4, h5 {
/*height:30px;*/
padding-left:5px;
margin-bottom:10px;
}

div#content2col p {
/*height:40px;*/
padding-left:5px;
margin:0;
}

div#content2col h1, div#content h1 {
font-size: 20px;
color: #51A027;
}

/*
div#content h2 {
	font-size: 18px;
	color: #51A027;
}	

div#content2col h2 {
font-size: 18px;
color: #51A027;
}*/

div#content2col h3 {
font-size: 14px;
color: #012248;
}

div#logo {
padding-left: 10px;
}

	/*
	*	The rules for navigation start here. 
	*	Heavily inspired by the following articles:
	*		http://www.alistapart.com/articles/slidingdoors/
	*		http://www.alistapart.com/articles/mountaintop/
	*		http://www.alistapart.com/articles/sprites/
	*/
		#tabs {
			float:left;
			width:100%;
			background:#1E487B;
			padding:0;
			font-size:0.8em;
			line-height:normal;
		}
		#tabs ul {
			margin:0px 0px 0px 1px;
			padding:10px 0 0 0px;
			list-style:none;
		}
		#tabs li {
			display:inline;
			margin:0;
			padding:0;
		}

	#tabs a {
		float:left;
		background:#E7F1F8 url("../images/tabsimage.png") no-repeat left top;
		padding:0 0 0 9px;
		text-decoration:none;
		color:#000;
	}
	#tabs a span {
		float:left;
		display:block;
		background:#E7F1F8 url("../images/tabsimage.png") no-repeat right top;
		padding:4px 15px 3px 6px;
	}

	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#tabs a span {float:none;}
	/* End IE5-Mac hack */

	
	#home #tabs .home a span, #about #tabs .about a span, #archive #tabs .archive a span, #subscribe #tabs .subscribe a span, #advert #tabs .advert a span, #contact #tabs .contact a span, #latest #tabs .latest a span, #video #tabs .video a span, #jobs #tabs .jobs a span, #events #tabs .events a span {
		padding-bottom:4px;
		background-color:#fff;
		text-decoration: underline;
	}
	#tabs a:hover, #tabs a:hover span {
		/* Colour of the Hover Button */
		background-color:#E4F1BC;
		color:#000;
		text-decoration: underline;
	}
	#home #tabs .home a, #about #tabs .about a, #archive #tabs .archive a, #subscribe #tabs .subscribe a, #advert #tabs .advert a, #contact #tabs .contact a, #latest #tabs .latest a, #video #tabs .video a, #jobs #tabs .jobs a, #events #tabs .events a {
		/* Colour of the active tab */
		background-color:#fff;
	}

/*******REGISTRATION FORM************/

fieldset {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #ccc;
	background: #f8f8f8;
	font-size: 90%;
}

legend {
	font-weight: bold;
	color: #1e487b;
}

label.left {
	float:left;
	width: 13em;
}	

input.radio {
	float:left;
	margin-right: 1em;
}			

span.required {
	color: #1e487b;
}	

p.smallprint {
	font-size: 75%;
}	

div#content2col h2.black, div#content h2.black {
	color: #000000;
	font-size: 17px;
	color: #1e487b;
}

div.about {
	margin-bottom: 35px;
}	

body#subscribe p {
	margin-bottom: 8px;
}		


/************************************ VIDEO PAGE STYLING ********************************/

#video div#content img {
	float: right;
	padding: 3px;
	border: solid 1px #999999;
	margin: -15px 150px 0 0;
}

#video div#content p {
	font-size: 85%;
}			

#video div.previewbox {
	border: 1px solid #b7a6a6;
	padding: 5px 5px 2px 5px;
	font-size: 85%;
}	
	
#video div.videobox {
	background: url(../video/camcorder-bg.jpg) #E7F1F8 top right no-repeat;
	border: 1px solid #1E487B;
	font-size: 70%;
	padding: 5px;
	margin: 10px 10px 0px 0px;
	width: 215px;
	/*height: 100px;*/
}	

#video div#content div.previewbox img, #video div#content div.videobox img {
	float: none;
	margin: 0;
}		

/************************************* EVENTS PAGE STYLING *******************************/

#events div.event {
	border: 1px solid #1E487B;
	margin: 0px 0px 15px 150px;;
	padding: 10px;
	width: 500px;
	text-align: center;
}

/*********************************** SITEMAP STYLES ************************************/

#sitemap ul li {
	line-height: 1.3em;
}	



/********************************** BOOKMARK STYLES ************************************/

ul#bookmarks {
	list-style-type: none;
	margin-top: 0;
	font-size: 0.8em;
}	

ul#bookmarks li {
	float: right;
	display: inline;
	margin-right: 5px;
}		

#content #divfloatRight {
	background-color:#000000;
	float:right;
	width: 175px;
	font-size: 75%;
	text-align: center;
	margin: 4px 8px 4px 8px; 
	padding: 2px;
	border: 1px solid #C0C1A8;

	}

#divfloatRight h3 {
	text-align:center;
	color:#000000;
	}
	
#divfloatRight h4 {
	text-align:left;
	font-weight:bold;
	padding:0;
	margin:0;
	display:inline;
	}
	
#divfloatRight p {
	text-align:justify;
	}