/******************************************************************************
* Generic CSS
 *****************************************************************************/
body {
	background: #fff;
	border: 0;
	color: #777777;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 18px;
	margin: 0;
	padding: 0;
	text-align: center; }

* html body { text-align: center; /* IE 5 centering */ }

/******************************************************************************
* GENERIC FORMATTING
******************************************************************************/
p {
	clear: left;
	padding: 0 0 14px 0;
	position: relative; }

a {
	color: #233b79;
	text-decoration: none; }

a:hover {
	color: #233b79;
	text-decoration: underline; }

h1 { font-size: 18px; }

h2 {
	color: #00317e;
	font-weight: bold;
	font-size: 11px;
	padding: 0 0 14px 0; }

h3 {
	font-weight: bold;
	font-size: 11px; }

/******************************************************************************
* Specific Formatting
******************************************************************************/	
.hidden { display: none; }

.white { background: #fff; }

.grey { background: #e9e9e9; }
	
h2.littlePad { padding: 0 0 4px 0; }

p.lastP { padding: 0; }

/******************************************************************************
* Normal Images
******************************************************************************/
img {
	border: none;
	margin: 0px;
	padding: 0px; }

/******************************************************************************
* Accessibility Features
******************************************************************************/
p#skipToMainContent { display: none; }

/******************************************************************************
* Misc
******************************************************************************/
div.centered { text-align: center; }

/******************************************************************************
* container
******************************************************************************/
div#container {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 960px; }
	
div#container-i {
	background: #f8f8f8;
	border: 1px solid #ccc;
	border-top: none;
	border-bottom: none;
	float: left;
	padding: 0 10px;
	text-align: left;
	width: 940px; }

* html div#container {
	text-align: left;
	/* Win IE 5 left align after centering */ }

/******************************************************************************
* header
******************************************************************************/
div#header {
	background: url(../_images/header-bg.jpg) no-repeat left top;
	float: left;
	height: 110px;
	margin: 10px 0 0 0;
	width: 940px; }
	
div#header p {
	color: #919191;
	float: right;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 0 0;
	text-align: right; }
	
div#header p a { color: #919191; }

/******************************************************************************
* banner
*****************************************************************************/
div.banner {
	background: #e1e1e1 url(../_images/banner-bg.jpg);
	clear: both;
	float: left;
	height: 240px;
	margin: 0 0 10px 0;
	width: 940px; }

/******************************************************************************
* nav-container
******************************************************************************/
div#nav-container {
	float: left;
	height: 100px;
	margin: 0 0 10px 0;
	width: 940px; }

h1#navLeftTop {
	background: #80b136 url(../_images/navLeftTop-bg.jpg);
	float: left;
	height: 30px;
	width: 320px; }

div#navLeftBottom {
	background: #b2b2b2 url(../_images/navLeftBottom-bg.jpg);
	float: left;
	height: 70px;
	width: 320px; }

div#navRightBottom {
	background: #c6c6c6 url(../_images/navRightBottom-bg.jpg) no-repeat top left;
	float: left;
	height: 70px;
	width: 620px; }
	
div#navRightBottom a#hamleysLink {
	background: url(../_images/_buttons/hamleys.jpg) no-repeat top center;
	float: right;
	height: 70px;
	padding: 0 40px;
	width: 97px; }

div#navRightBottom a#childsureLink {
	background: url(../_images/_buttons/childsure.jpg) no-repeat top center;
	float: right;
	height: 70px;
	padding: 0 40px;
	width: 156px; }

/******************************************************************************
* main-content
******************************************************************************/
div#main-content {
	float: left;
	height: 410px;
	margin: 0 0 20px 0;
	width: 940px; }
	
html>body div#main-content {
	height: auto;
	min-height: 410px; }

/******************************************************************************
* footer
******************************************************************************/	
div#footer {
	background: #e2e2e2;
	border: 1px solid #ccc;
	border-top: none;
	float: left;
	height: 50px;
	margin: 0 0 60px 0;
	padding: 0 10px;
	width: 940px; }
	
div#footer p {
	clear: none;
	float: right;
	padding: 16px 0; }
	
div#footer a {
	float: left;
	background-image: url(../_images/_buttons/validLinks.jpg);
	background-repeat: no-repeat;
	height: 18px;
	margin: 16px 10px 16px 0; }
	
div#footer a#w3c {
	background-position: top left;
	width: 26px; }
	
div#footer a#xhtml { background-position: -36px 0px;
	width: 52px; }
	
div#footer a#css { background-position: -98px 0px;
	width: 34px; }

/******************************************************************************
* debug
******************************************************************************/
/*.debug { background-color: red; opacity: 0.5; }*/