/* 06.12.2006 SY - Wayland main Screen Style sheet */
/* fixed with 770 pixel width, centered */
*, html, body {
	margin:0px;
	padding:0px;
	text-align:left;
	border:none;
}

html{
	font-size:1em;
}
body {
	width:770px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	background-color:#F2F4F6;
	color:#2751A3;
	margin:0 auto;
}
INPUT, SELECT, TH, TD {font-size:1.2em} /* for the sake of good ol' ie */

/* for cross browser consistancy */
H1 {font-size:2em}  /* displayed at 24px */
H2 {font-size:1.5em}  /* displayed at 18px */
H3 {font-size:1.25em}  /* displayed at 15px */
H4 {font-size:1em}  /* displayed at 12px */
p {font-size:1.1em}
address 
{
	font-size:1.2em;
	font-style:normal;
}
/* we're using em's so its nice and accessible, however must make sure to set 
1em to any nested elements otherwise they will take a relative size from the 
parent and come out tiny!*/
#jumpMenu {
	float:right;
	background-color:#F2F4F6;
	color:#2751A3;
}
#worldOfInfoLogo {
	float:right;
	margin-right:35px;
	margin-top:25px;
}
#spacer {
	height:14px;
}
#container {
	display:table;
	width:770px;
	background-color:#FEFEFE;
	color:#2751A3;
	background-image:url(../graphics/container_bg_top_left.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
	#container #containerHeader {
		background-image:url(../graphics/container_bg_top_right.gif);
		background-position:top right;
		background-repeat:no-repeat;
		height:140px;
	}
	#container #containerBody {
		/*position:relative;*/
		background-image:url(../graphics/container_bg_right_repeat.gif);
		background-position:top right;
		background-repeat:repeat-y;
	}
	#container #containerFooter {
		background-image:url(../graphics/container_bg_bottom_left.gif);
		background-position:bottom left;
		background-repeat:no-repeat;
		vertical-align:middle;
	}
		#container #containerFooter p {
			background-image:url(../graphics/container_bg_bottom_right.gif);
			background-position:bottom right;
			background-repeat:no-repeat;
			text-align:right;
			height:45px;
		}
		#container #containerFooter img {	
			float:right;
			margin:0 110px 0 5px;
			vertical-align:middle;
		}

	/* 
	 *
	 *
	 * LEFT NAV 
	 *
	 *
	 */
	#container #leftNav
	{
		/*position:relative;*/
		float:left;
		margin:5px 13px 0px 0px; /*12px;*/
		padding:0px 0px 0px 12px;
		width:165px;
	}
	
		#container #leftNav ul 
		{
			/*position:relative;*/
			width:165px;
			list-style:none;
			margin:0px;
			padding:0px;
			font-size:1.1em;
		}
		
			#container #leftNav ul li 
			{
				/*background-image:url(../graphics/left_nav_button.jpg);*/
				margin-left:0px;
				padding:0px;
			}
			
			#container #leftNav ul li a {
				display:block;
				/*height:23px; /* 29 - 6  ; moved to ie specific style sheet as ie ignores the real life min-height element and uses this for that purpose anyway.. cheers*/
				min-height:23px;
				padding:6px 0px 0px 0px;
				width:80.1%;
				background-color:#006699;
				color:#ffffff;
				margin-top:8px;
				text-decoration:none;
				background-image:url(../graphics/left_nav_button.jpg);
				background-repeat:no-repeat;
				padding-right:19.9%;
				font-weight:bold;
			}
			
			#container #leftNav ul li .selected {
				background-image:url(../graphics/left_nav_button_selected.jpg);
			}
			#container #leftNav ul li .notSelected {
				background-image:url(../graphics/left_nav_button_unselected.jpg);
			}
			
			#container #leftNav ul li a img {
				margin-left:5px;
				margin-right:3px;
				vertical-align:middle;
			}
			#container #leftNav ul li a em {
				text-decoration:underline;
				font-style:normal;
			}
			#container #leftNav ul a:hover {
				color:#F68E39;
			}
			.navigationBottomSpace {
				margin-bottom:18px;
			}
			.home {
				margin-top:0px !important;
			}
			#container #leftNav ul li ul 
			{
				background:none;
				float:none;
				background-color:#F6F8FA;
				color:#2876BC;
				padding:15px 0px 10px 0px;
				margin:0px;
				width: 163px; /* minus 2px for 1 px border either side */
				border:solid 1px #DAE4EE;
			}
				#container #leftNav ul li ul li 
				{
					background:none;
				}
				#container #leftNav ul li ul a{
					width:128px; /* minus 2px border + 35px left padding */
					color:#2876BC;
					background:none;
					font-weight:normal;
					font-size:0.9em;
					margin:0px;
					padding:0px 0px 0px 35px;
				}
	 /*
	  *
	  *
	  *
	  * MAIN BODY SECTION 
	  *
	  *
	  *
	  */
	#bodyContent {
		display:block;
		float:right;
		width:567px;
		margin-right:13px;
		background-image:url(../graphics/body_bg_top_left.gif);
		background-position:top left;
		background-repeat:no-repeat;
	}	
		/* little quick info bar with basket previes and quick search */
		#bodyContent #bodyHeader {
			background-image:url(../graphics/body_bg_top_right.gif);
			background-position:top right;
			background-repeat:no-repeat;
			height:30px;
		}
		#bodyContent #bodyBody {
			background-image:url(../graphics/body_bg_repeat.gif);
			background-position:top right;
			background-repeat:repeat-y;
		}
		#bodyContent #bodyFooter {
			background-image:url(../graphics/body_bg_bottom_left.gif);
			background-position:bottom left;
			background-repeat:no-repeat;
		}
			#bodyContent #bodyFooter p{
				margin:0;
				padding:0;
				background-image:url(../graphics/body_bg_bottom_right.gif);
				background-position:bottom right;
				background-repeat:no-repeat;
				height:30px;
			}
			#bodyContent #bodyHeader .quickviewBox {
				background-color:#2250A2;
				background-image:url(../graphics/body_top_quickbox_left.gif);
				background-repeat:no-repeat;
				background-position:top left;
				color:#ffffff;
				float:right;
				height:22px;
				margin:15px 10px 0px 0px;
				padding:0px;
				width:170px;
				vertical-align:top;
				text-align:left;
				font-weight:bold;
			}
				#bodyContent #bodyHeader .quickviewBox a {
					color:#ffffff;
					text-decoration:none;
				}
				#bodyContent #bodyHeader .quickviewBox p {
					background-image:url(../graphics/body_top_quickbox_right.gif);
					background-repeat:no-repeat;
					background-position:top right;
					height:22px; /*100%;*/
					text-align:center;
					line-height:22px;
				}
					#bodyContent #bodyHeader .quickviewBox p img {
						vertical-align:middle;
						margin-right:5px;
					}
				#bodyContent #bodyHeader .quickviewBox em {
					background-color:#ffffff;
					color:#2250A2;
					font-style:normal;
				}
				#bodyContent #bodyHeader .quickviewBox #search {
					margin:0px;
					padding:0px;
					width:100px;
					border:0px none;
					color:#2250A2;
					background-color:#ffffff;
					height:14px;
				}
				#bodyContent #bodyHeader .quickviewBox input {
					padding:0px;
					margin:0px;
					height:14px;
				}
		/* orange / blue heading at the top of the page */
		#bodyContent h1 {
			clear:right;
			padding-top:10px;
		}
		.intro 
		{
			width:521px;
			display:block;
			/*background-color:#FF9901;*/
			color:#000000;
			padding:0px 20px 12px 18px;
			margin:0 4px 0 4px !important; /* need this to override the p tag definition in book_detail.css */
		}
			.intro em 
			{
				color:#000000;
				float:right;
				margin-left:-3px;
			}
		#BreadCrumbs1_breadCrumbs { /*of course, Microsoft was right- I didn't actually want it named just 'breadCrumbs'.... lets add Bill's extra prefix.  THANKS DOT NET. */
			padding:5px 0px 5px 20px;
			color:#2751A3;
			background-color:inherit;
			margin:0px !important;
		}
		#BreadCrumbs1_breadCrumbs a {
			color:#2751A3;
		}
.clearFix {
	clear:both;
}
#siteMapList {
	margin-left:30px;
}
	#siteMapList li {
		margin-left:20px;
	}

.inputForm {
	font-size:1.2em;
	padding-left:15px;
}
.inputForm p
{
	clear:left;
	margin-left:20px;
	margin-bottom:5px;
}
.inputForm p label
{
	width: 100px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}
.inputForm p table tbody tr td label /* sort out radio button groups */
{
	clear:none;
	display:inline;
	float:none;
}
.inputForm input
{
	border:1px solid #2250A2;
}
.errorField
{
	border:solid 1px #cc0000;
	background-color:#cc6666;
}
.paddedParagraph {
	padding-left:30px;
}

.leftCol 
{
	float:left;
	width:45%;
}
.rightCol
{
	float:right;
	width:55%;
}

#hcFooter {
	height:60px;
	width:770px;
	font-weight:bold;
	color:#999999;
	background-image: url(../graphics/hcfooter_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}
	#hcFooter p {
		display:block;
		float:left;
		padding-left:20px;
		padding-top:20px;
		padding-right:5px;
	}
	#hcFooter img {
		/*position:relative;*/
		padding-top:10px;
		padding-right:9px;
	}
	#hcFooter div {
		float:right;
		padding-top:15px;
		padding-right:10px;
	}
#accessibilityLinks
{
	color:#ffffff;
	float:right;
}
	#accessibilityLinks a
	{
		color:#ffffff;
	}
	#subjectTickBoxes label 
	{
		display:inline;
		float:none;
		width:auto;
	}
	#subjectTickBoxes 
	{
		float:right;
		display:block;
		width:425px;
	}
	
.requiredAsterisk
{
	color:#FF0000;
	margin-left:5px;
}
.requiredField
{
	color:#FF0000;
	float:right;
	font-size:1em;
	margin-right:20px;
}
.banner { display:block; margin:auto; }