/* Outer Page Shell */
#outer
{
	min-height: 100%;
	width: 960px; /* add 2px if borders are not used */
	text-align: center;
	margin: auto;
	position: relative;
	background: url(images/bg.gif) repeat-y;
}
* html #outer
{
	height: 99.9%;
}

/* Inner Page Shell */
#inner
{
	min-height: 100%;
	width: 900px;
	text-align: left;
	margin: auto;
	position: relative;
}

/* Page Headers */
#header1
{
	min-height: 80px;
	position: relative;
	background: #dcdddf;
}
* html #header1
{
	height: 100px;
}

#header2
{
	min-height: 80px;
	position: relative;
	background: #dcdddf;
}
* html #header2
{
	height: 100px;
}

#header3
{
	min-height: 80px;
	position: relative;
	background: #dcdddf;
}
* html #header3
{
	height: 100px;
}

/* Search Bar and Number Bar */
.searchBar
{
	display: block;
	width: 860px;
}
.searchBar #search
{
	float: right;
}
.searchBar #contactNumbers
{
	vertical-align: bottom;
	margin-left: 200px;
	float: left;
}

/* Clear */
.clear
{
	width: 100%;
	height: 1px;
	clear: both;
	font-size: 1px;
}

/* Menu Bar */
#menubar
{
	min-height: 40px;
	position: relative;
	background: #dcdddf;
}
* html #menubar
{
	height: 40px;
}
#menubar #bookendl
{
	float:left;
}
#menubar #books
{
}
#menubar #bookend
{
}

/* Flash Banner Area */
#banner
{
	margin: 10px 0px 10px 0px;
	padding-bottom: 10px;
	z-index: 0;
}

/* Footer */
#footer
{
	width: 900px;
	clear: both;
	text-align: center;
	margin-top: 10px;
}
* html #footer
{
	/*only ie gets this style*/
	height: 52px; /* for ie5 */
	height: 50px; /* for ie6 */
	margin-bottom: -1px;
}

/* Home Page Customisations */
.home
{
}

.home #content
{
	background: url(images/Content-Area-900px_fill.png);
	min-height: 50px;
	width: 900px;
	margin-bottom:10px;
}

.home #contentTop
{
	background: url(images/Content-Area-900px_top.png);
	height: 10px;
	width: 900px;
}

.home #contentFill
{
	min-height: 30px;
	margin: 0px 9px 9px 9px;
}

.home #contentBottom
{
	background: url(images/Content-Area-900px_bottom.png);
	height: 10px;
	width: 900px;
}

.home #bannerTable
{
	width:100%; 
}
#bannerTable .leftColumn
{
	width: 34%;
}
#bannerTable .centerColumn
{
	width: 32%;
}
#bannerTable .rightColumn
{
	width: 34%;
}

/* Level 1 Page Customisations */
.level1
{
}

.level1 #content
{
	background: url(images/Content-Area-900px_fill.png);
	min-height: 50px;
	width: 900px;
	margin-bottom:10px;
}

.level1 #contentTop
{
	background: url(images/Content-Area-900px_top.png);
	height: 10px;
	width: 900px;
}

.level1 #contentFill
{
	min-height: 30px;
	margin: 0px 9px 9px 9px;
}

.level1 #contentBottom
{
	background: url(images/Content-Area-900px_bottom.png);
	height: 10px;
	width: 900px;
}

/* Level 2 Page Customisations */
.level2
{
}

.level2 #content
{
	background: url(images/Content-Area-550px_fill.png);
	min-height: 50px;
	width: 550px;
	float: left;
	margin-bottom:10px;
}

.level2 #contentTop
{
	background: url(images/Content-Area-550px_top.png);
	height: 10px;
	width: 550px;
}

.level2 #contentFill
{
	min-height: 30px;
	margin: 0px 9px 9px 9px;
}

.level2 #contentBottom
{
	background: url(images/Content-Area-550px_bottom.png);
	height: 10px;
	width: 550px;
}
.level2 #side
{
	float:right;
	width:340px;
	margin-bottom:10px;
}

.level2 #sideUpper
{
	background: url(images/Content-Area-340px_fill.png);
	min-height: 50px;
	width: 340px;
	float:right;
	margin-bottom:10px;
}
#sideUpper .sideTop
{
	background: url(images/Content-Area-340px_top.png);
	height: 10px;
	width: 340px;
}
#sideUpper .sideFill
{
	min-height: 30px;
	margin: 0px 9px 9px 9px;
}
#sideUpper .sideBottom
{
	background: url(images/Content-Area-340px_bottom.png);
	height: 10px;
	width: 340px;
}

.level2 #sideLower
{
	background: url(images/Content-Area-340px_fill.png);
	min-height: 50px;
	width: 340px;
	float:right;
}
#sideLower .sideTop
{
	background: url(images/Content-Area-340px_top.png);
	height: 10px;
	width: 340px;
}
#sideLower .sideFill
{
	min-height: 30px;
	margin: 0px 9px 9px 9px;
}
#sideLower .sideBottom
{
	background: url(images/Content-Area-340px_bottom.png);
	height: 10px;
	width: 340px;
}

/* Online Forms */
.form 
{
	margin-left: 50px;
	margin-top: 50px;
	margin-right: 50px;
	margin-bottom: 50px;
	background-color: #DCDDDF;
	font-size: 11px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;

}

.form, .form td, .form th 
{
	color: #333333;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
}