/* this stylesheet has the main controls for the size and position of all page elements.  Some styles are also set in here when they specifically pertain 
to the divs defined here */

html {
min-height:100%; /* deals with the height of the screen (and the min-height for when pages are less than a screen long*/
height:100%;
white-space:nowrap; /* ignore all white space */
padding:0px; /* don't use padding or margins */
margin:0px; /* these are overridden in certain areas but these form the defaults */

	
}

body {
	background-color:#003399;
	padding: 0px; /* allows page to be at the very top of the screen*/
	margin: 0px; /* allows page to be at the very top of the screen*/
	height:100%;
	min-height: 100%; /* don't quite fill the page*/
	height: 100%;
	text-align: center;
	font-family:Verdana, Tahoma, Arial; /* set the font globally to one of these 1-3 in order of preference*/
	color:#333333; /* default text style, overidden by each specific area */
}

#container {
	position: relative; /* container appears relative to it's parent (in this case the body tag)*/
	min-height: 100%;	
 	border-left: 2px solid #999999; /* left hand border of whole page */
	border-top: none;
	border-right: 2px solid #999999; /* right hand border of whole page */
	border-bottom: none;
	background-color:#FFFFFF; /* fill container in white */
	width: 910px; /* less than 1024 for scrollbars etc */
	_width: 920px; /* wider for IE6, IE6 ignores the _ character */
	margin: 0 auto; /* together with position:relative, centres the container */
	overflow:hidden; /* don't show things that span out of this container - for firefox */
	*overflow:visible; /* overflow visible in IE7 */
	_overflow: visible; /* IE6 renders differently */
	text-align:center;
	padding-left:10px; /* amount from left of basket/image */
	padding-right:10px; /* amount from left of basket/image */
}

html>body, html>body #container {
height: auto; /*this undoes the IE hack, hiding it
from IE using the child selector*/
}

#header {
	position: relative;
	height: 130px;
	margin:0px auto;
	float:none;
	vertical-align:bottom;	
}
#navBar {
	position: relative;
	height: 50px;
	text-align:center;
	margin:0px auto;
	float:none;
	white-space:nowrap;
	vertical-align:middle;
	font-weight:bold;
	overflow:hidden;
	width:910px;

}

#navBar a:link{
padding:0px;
margin:0px;
display:inline;
}
#navBar a:visited{
padding:0px;
display:inline;
}
#navBar a:active{
padding:0px;
display:inline;
}
#navBar a:hover{
padding:0px;
display:inline;
}

#navBar img {
	border:none;
	padding:0px;
	margin:0px;
}

#categories {
	position: relative;
	left: 0px;
	width: 160px;
	text-align:left;
	margin:0px auto;
	float: left;
	display:inline;
	padding-bottom:15px; /* amount of space below subject box */
}
#basket {
	position: relative;
	left: 0px;
	width: 160px;
	text-align:left;
	margin:0px auto;
	float: left;
	display:inline;
	padding-bottom:15px; /* amount of space below basket */
}


#panels {
	position: relative;
	left: 0px;
	width: 160px;
	text-align:left;
	margin:0 auto;
	float: left;
	display:inline;

}
#sideLinks {
	position: relative;
	left: 0px;
	width: 160px;
	height: 100px;
	text-align:left;
	margin:0px auto;
	float: left;
	display:inline;

}

#panels img {
	border:none;
	padding:0px;
	padding-top:5px;
	padding-bottom:5px;
	margin:0px;
	display:block;
	white-space:normal;
}

#pageBody {
	position: relative;
	left: 0px;
	padding-right:2px; /* blue title bar from right hand of container */
	padding-left:25px;
	text-align:left;
	float: right;
	margin: 0px auto;
	vertical-align:top;
	width: 720px;
	display:block;
	min-height:600px;
	white-space:normal;
	overflow:hidden;
	background-color: #FFFFFF;
}

#boxshots {
	position: relative;
	left: 0px;
	top: 30px;
	width: 100%;
	_width: 98%; /* wider for IE6, IE6 ignores the _ character */
	height: 130px;
	text-align:center;
	margin:0px auto;
	margin-bottom:50px;
	float: right;
	display:inline;
}

#boxshots img {
	border:none;
	padding:5px;
	margin:0px;
}

#footer {
	position: relative;
	bottom: 0px;
	left: 0px;
	width: 100%;
	_width: 98%; /* wider for IE6, IE6 ignores the _ character */
	height: 50px;
	text-align:center;
	margin:0px auto;
	float: right;
} 

#featurebox {
	position: relative;
	left: 0px;
	width: 300px;
	text-align:centre;
	margin:10px auto;
	float: right;
	display:inline;
	padding-bottom:10px;
	padding-left:10px;
}

#pageBodyFullWidth {
	position: relative;
	left: 0px;
	padding-right:10px; 
	padding-left:10px;
	text-align:left;
	float: left;
	margin: 0px auto;
	vertical-align:top;
	width:900px;
	display:block;
	white-space:normal;
	overflow:hidden;
	background-color: #FFFFFF;
	min-height:800px;
	height:800px;
}
#distCol1 {
	position: absolute;
	left: 20px;
	padding-right:0px;
	padding-left:0px;
	text-align:left;
	float: left;
	width:410px;
	margin: 0px auto;
	vertical-align:top;
	display:block;
	white-space:normal;
	overflow:hidden;
	background-color: #FFFFFF;
}
#distCol2 {
	position: absolute;
	left:470px;
	padding-right:0px;
	padding-left:0px;
	text-align:left;
	float: left;
	width:410px;
	margin: 0px auto;
	vertical-align:top;
	display:block;
	white-space:normal;
	overflow:hidden;
	background-color: #FFFFFF;
}