/*
 * Shell Books template
 * Layout for standard screen resolution of 1024 x 768
 */

/*
 * Import main styles
 */
 
@import url(template_css.css);

/*
 * Import colour specific styles
 */
 
@import url(colour.css);
 
#pagewidth {
	width:915px;
	min-width:900px; /* For IE7 with pinned favorites only */
	max-width:915px; /* For IE7 with pinned favorites only */
	background: transparent url(../images/back_normal.gif) repeat-y 0px 140px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

#logo {
	float: left;
	width: 100px;
	margin-top:25px;
	margin-left:5px;
}

#banner {
	width: 474px;
	height: 65px;
	float: right;
	margin-top: 25px;
	margin-right: 10px;
}

#centre {
	width:100%; /* 915px */
	padding-top: 6px;
}

/*
 * These divisions define the positions used 
 * to deploy the search module on the screen.
 */
 
#search {
	clear: both;
	float: left;
	width: 152px;
	height: 20px;
	margin: 0px;
	padding: 2px 0 0 25px;
	vertical-align: top;
}

#search.inputbox {
	width: 100px;
	height: 18px;
	font-size: 1em;
	background: transparent;
	border: none;
	margin: 0px;
	padding: 0px;
	line-height: 14px;
}

#search.button {
	margin: 0px;
	padding: 0px;
	height: 14px;
	font-size: 1em;
	background: transparent;
	border: none;
	line-height: 10px;
}

#search form {
	margin: 0px;
	padding: 0px;
}

/*
 * This division contains the top menu.
 */
 
#topmenu	{
	padding: 5px 10px;
	width:465px;
}

/*
 * The midder division contains the main position (for the main menu)
 * but this is not currently implemented on this site.


#midder	{
	height:30px;
	padding: 5px 15px;
	width:100%;
}

#midder ul.menu li {
	height: 25px;
	width: auto !important;
	margin:0 1px;
	font-size: 1em;
}

#midder ul.menu li a	{
	width: 115px;
}

#main	{
	padding-left:60px;
}
 */
 
/*
 * The botter division contains the breadcrumbs and inset positions.
 * breadcrumbs uses the pathway division.
 * inset uses the dateway division.
 */

#botter	{
	height:20px;
	padding: 5px 0px;
	width:100%;
}

#pathway {
	float: left;
	overflow: hidden; 
	width: 50%;
	height: 19px;
	padding-left: 20px;
	/* padding-top: 5px; */
}

#dateway { 
	float:right;
	width:44%;
	text-align:right;
	height: 19px;
	margin-left:-5px;
	padding-right: 2em;
	/* padding-top: 5px; */
}
 
#leftcol {
 width:152px;
 float: left;
 position: relative;
 margin-right: 5px;
 }

/* This is used where there is also a right-hand column with content */  
#maincol-small { 
	float: left; 
	width: 575px !important;
	margin-left: 0px !important;
	margin-left: -5px;
} 

/* This is used where there is NO right-hand column required */ 
#maincol-wide { 
	float: left; 
	width: 80% !important; /* 600px */
	margin-left: 0px !important;
	margin-left: -5px;
	padding-top: 3px !important;
	padding-top: 0px;
}

#rightcol {
 float: right;
 position: relative;
 margin-top: .5em;
 width:178px;
 }

#footer {  
	height: 22px;
	margin-top:10px;
	width: 100%;
	background: transparent url(../images/footer_normal.jpg) bottom left no-repeat;
	font-size: 10px;
}

/*
 * These styles are for the main column menu links
 */

#maincol-small .moduletable_menu ul.menu li img	{
	padding:0px 20px 20px 20px;
}

#maincol-wide .moduletable_menu ul.menu li img	{
	padding:0px 60px 20px 60px;
}

a.mainlevel, ul.menu li a {
	width: 133px;
}