body{ 
			margin:0; 
			padding:0; 
			text-align:center; 
			background: url(2.gif);
			font-family: "Verdana", serif; 
} 

p { 
			font-family: "Verdana", serif; 
}

.vcenter {
  display: table-cell;
  vertical-align: middle;
  width:32px;
  height:32px;
}

.vcenterSmall {
  display: table-cell;
  vertical-align: middle;
  width:16px;
  height:16px;
}

/* Change your Links appearance below*/
a { 
			font-family: "Asa Rocks", "Verdana", serif; 
			font-size: 1em;
			text-decoration: underline;
			color:brown;
}

a:hover {
			text-decoration: none;
			color:red;
}


table.framed {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; border-spacing: 0px; cell-spacing: 0px
}
td.fixedfontwidth {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; FONT-SIZE: 10pt; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT-FAMILY:Courier New,Courier; WHITE-SPACE: nowrap
}
td.fixedfontwidth8 {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; FONT-SIZE: 8pt; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT-FAMILY:Courier New,Courier; WHITE-SPACE: nowrap
}


/* The appearance of text in the main right column*/
.main {
			padding-top:0px;
			padding-left:20px;
			padding-right:40px;
			padding-bottom:5px;
			color: #000;
			line-height: 120%;
			text-align: justify;
}

/* Below is where you edit the grey comments bar that runs beneath a piece of news.*/
.main_close {
			margin-top:0px;
			margin-left:20px;
			margin-right:0px;
			margin-bottom:15px;
			padding:5px;
			background-color: #f6f6f6;
			font-size: 0.6em;
			color: #000;
			text-align: right;
			line-height: 170%;
			border: 1px solid #404040;
}

/* Change your main page title appearance below*/
h1{
			padding-left:15px;
			font-family: "Verdana", serif; 
			font-size: 2.1em;
			font-weight: bold;
			color: #000;
}

/* Change your news titles appearance below*/
h2{
			padding-left:10px;
			padding-top: 10px;
			font-family: "Verdana", serif; 
			font-size: 1.3em;
			font-weight: bold;
			color: #000;
}

h3{
			margin-top:10px
}

/* Edit the spacing around the images that accompany your news items*/
.img{
			margin-top: 15px;
			margin-right: 15px;
			margin-left: 15px;
			float: right;
			border: 2px solid;
			width: 75px;
			height: 75px;
}
 
/* The appearance of your main header*/
#head_position{ 
			margin-top:0;
			width:800px; 
			text-align:left;  
			margin-left:auto; 
			margin-right:auto;  
			border-left:2px solid;
			border-right: 2px solid;
			border-bottom: 2px solid;
} 

/* More header settings below*/
#header{
			position:relative; 
			height:75px; 
			background-color:#ffffff; 
			width:800px;
			background: url(front.jpg) no-repeat;
} 

/* The middle section of your page can be edited here*/
#pagewidth{ 
			width:800px; 
			text-align:left;  
			margin-left:auto; 
			margin-right:auto; 
			margin-top:0px; 
			background-color:#ffffff;
			border-left:2px solid;
			border-right: 2px solid;
			border-bottom: 2px solid;
			border-top:2px solid;
} 

/* Change the appearance of your left column.*/
/* If you change the width you will have to change the width of maincol to suit*/
#leftcol{
			width:178px; 
			height:100%;
			float:left; 
			position:relative; 
			background-color:#FFFFFF; 
}

/* Left menu styling courtesy of http://www.andreasviklund.com. Edit here*/

#leftside {
			clear:left;
			float:left;
			margin: 6px 0 0 3px;
			padding:0;
			width:160px;
}

#leftside ul.avmenu {
			list-style:none;
			margin:0 0 18px;
			padding:0;
			width:160px;
}

#leftside ul.avmenu li {
			display:inline;
			padding:0;
			width:160px;
}

#leftside ul.avmenu li a {
			background:#f6f6f6;
			border-right:1px solid #d8d8d8;
			color:#505050;
			float:left; 
			font-size:1em; 
			font-weight:700;
			margin-bottom:5px;
			padding:5px 1px 5px 5px;
			text-decoration:none;
			width:150px;
}
							
#leftside ul.avmenu li a:hover,#leftside ul.avmenu li a.current {
			background:#f6f6f6; 
			border-right:1px solid #000; 
			color:#505050;
}

#leftside ul.avmenu ul {
			font-size:0.9em;
			margin:0 0 0 15px;
			padding:0 0 5px 0;
			width:150px;
}

#leftside ul.avmenu ul a {
			padding:3px 1px 3px 5px;
			width:123px;
}

#leftside ul.avmenu ul ul {
			font-size:1em;
			width:150px;
}

#leftside ul.avmenu ul ul a {
			width:108px;
}

/* Your latest news box can be edited below*/
#leftside .announce {
			background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; 
			border-right:1px solid #d8d8d8; 
			clear:left; 
			color:#505050; 
			line-height:1.3em; 
			margin:5px 0; 
			padding:0px 5px 5px; 
			width:146px;
			font-size: 0.9em;
} 
 
/* Your main news goes inside the maincol below. Edit it to suit your needs.*/
/* If you change the width you will also have to change leftcol to suit your needs*/
#maincol{
			background-color: #FFF;  
			float: right; 
			display:inline; 
			position: relative; 
			width:620px;
}

/* Change the appearance of your footer below*/
/*
#footer{
			margin-left:auto; 
			margin-right:auto;
			margin-top: 30px;
			width: 796px;
			border: 2px solid;
			background-color:#fff; 
			clear:both;
} 
*/

/* Do not change the below settings unless you know what you are doing*/
.clearfix:after {
			content: "."; 
			display: block; 
 
			clear: both; 
			visibility: hidden;
 }
 
.clearfix{
			display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix{
			height: 0%;
}

.clearfix{
			display: block;
}
/* End hide from IE-mac */  

	.socialnet{
		clear:both;
		position:relative;
		font-family: "Arial", serif; 
		font-size: 0.7em;
		text-decoration: none;
	}
	
	.socialnet p {
		padding:0;
		margin:0;
	}

	.socialnet a { 
		font-family: "Asa Rocks", "Verdana", serif; 
		font-size: 1em;
		text-decoration: none;
		color:#000;
	}
	
	.socialnet p a{
		position:absolute;
		top:0px;
		right:0px;
		padding:3px 5px 0 0;
	}
	.socialnet h3{
		padding:0 3px 0 0;
		margin:0;
		margin:0 5px 0 3px;
		font-size:0.88em;
		font-weight:normal;
	}
	.socialnet ul{
		text-align:center;
		list-style:none;
		margin:6px 0 4px 0;
		padding:0;
	}
	.socialnet ul li{
		text-align:center;
		display:inline;
		padding:0 4px 6px 0 ;
	}
	.socialnet ul li.delicious{
		background:url("http://news.bbc.co.uk/shared/img/icons/bookmarks/delicious.gif") no-repeat 0 0;
	}
	.socialnet ul li.digg{
		background:url("http://news.bbc.co.uk/shared/img/icons/bookmarks/digg.gif") no-repeat 0 0;
	}
	.socialnet ul li.reddit{
		padding:0 0 0 2px;
		background:url("http://news.bbc.co.uk/shared/img/icons/bookmarks/reddit.gif") no-repeat 0 0;
	}
	.socialnet ul li.facebook{
		background:url("http://news.bbc.co.uk/shared/img/icons/bookmarks/facebook.gif") no-repeat 0 0;
	}
	.socialnet ul li.stumbleupon{
		background:url("http://news.bbc.co.uk/shared/img/icons/bookmarks/stumbleupon.gif") no-repeat 0 0;
	}
	.socialnet ul li a{
		padding:0 0 0 18px;
		margin:0 3px 0 0px;
	}