/*



Title: Dickens World Stylesheet



Author: James White



Version: 1.0



Last Modified:21/6/10



*/







/* Basic CSS Reset */



body,div,span,ul,li,a,p,img,h1,h2,h3,h4,h5,h6{



padding:0;



margin:0;



border:none;



list-style:none;



}







/* Define Standard HTML Tags */



body{



background:url(images/background.jpg) no-repeat center top #213F92;



font-family: Arial,Helvetica sans-serif;



font-size:12px;



}







a:link,a:visited{



color:blue;



text-decoration:underline;



}







a:hover{



color:navy;



}







p{



padding-bottom:10px;



}







h1{







}







h2{







}







h3{







}











#container{



width:960px;



position: relative;



margin:auto;



}



	/* Header */



	img#logo{



	float:left;



	width:267px;



	height:215px;



	}



	



	h1#title img{



	float:right;



	width:613px;



	height:118px;



	padding-right:80px;



	}



	



	/* Navigation */



	ul#navigation{



	width:960px;



	height:40px;



	padding:0px;



	margin-bottom:10px;



	float:left;



	clear:both;



	border:2px solid #FFF;



	background:#303494;



	overflow:hidden;

z-index:1000;

	}



	



	ul#navigation li{



	float:left;

z-index:1000;

	}



	



	ul#navigation li a{



	display: block;



	font-weight:bold;



	padding:12.5px 4px;



	margin:0 4px;



	color:#fff;



	text-decoration:none;

z-index:1000;

	}



	



	ul#navigation li a:hover{



	text-decoration:underline;

z-index:1000;

	}



	



		/* Sub-level Navigaation */



		ul#navigation li ul{



			/*display:none;*/



			position:absolute;



			z-index:1000;



		}



		/*



		ul#navigation li:hover ul{



		display:inline-block;



		position:absolute;



		width:200px;



		border:2px solid #FFF;



		background:#303494;



		padding-top:-8px;

z-index:1000;

		}



		



		ul#navigation li:hover li{



			width:200px;



			clear:left;

z-index:1000;

		}



		



		ul#navigation li:hover li:hover{



		background: navy;

z-index:1000;

		}



		



		ul#navigation li:hover li a{



		padding:7px 0;



		font-size:13px;



		font-weight:normal;



		text-decoration:none;

z-index:1000;

		}



		



		ul#navigation li:hover li:hover a{



		color:#FBD351;

z-index:1000;

		} */



#navigation li ul { /* second-level lists */

	position:absolute;	

	width:200px;

	margin:-12.5px 0 0 0;

	border:2px solid #FFF;

	background:#303494;

	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

z-index:1000;

}



#navigation li ul li {

	width:200px;

	clear:both;

	line-height:20px;

	height:20px;z-index:1000;

}



#navigation li ul li a {

	padding:0 0 0 5px;

	font-size:13px;

	font-weight:normal;

	text-decoration:none;	

	display: block;	

	margin:0 0 0 0;

	color:#fff;z-index:1000;	

}



#navigation li ul li:hover a {

	color:#FBD351;z-index:1000;

}



#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {

	left: -999em;z-index:1000;

}



#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul { /* lists nested under hovered list items */

	left: auto;z-index:1000;

}

		



	



	/* Page Containers */



	#content{



	clear:both;



z-index:100;



	}



	



	.full-width-content{



	width:940px;



	padding:10px;



	margin-bottom:10px;



	background:#FFF;



	



	}



	



	.left-half-width-content{



	width:455px;



	padding:10px;



	margin:0 5px 10px 0;



	float:left;



	clear:left;



	background:#FFF;



	}



	



	.right-half-width-content{



	width:455px; /**/



	padding:10px;



	margin:0 0px 10px 5px;



	float:right;



	clear:right;



	background:#FFF;



	}



	



	.left-sidebar{



	width:214px;



	padding:10px;



	margin:0 5px 10px 0;



	float:left;



	clear:left;



	background:#FFF;



	}



	



	.right-sidebar{



	width:214px;



	padding:10px;



	margin:0 0 10px 5px;



	float:right;



	clear:right;



	background:#FFF;



	}



	



	.left-content{



	width:695px;



	padding:10px;



	margin:0 5px 10px 0;



	float:left;



	clear:left;



	background:#FFF;



	}



	



	.right-content{



	width:695px;



	padding:10px;



	margin:0 0 10px 5px;



	float:right;



	clear:right;



	background:#FFF;



	}



	



	/* Footer */



	#footer{



	width:940px;



	padding:10px;



	clear:both;



	background:#FFF;



	}