/* === Hidden guff ======= */
#header1 p,.hidden{
	left:-9999px;
	width:0px;
	overflow:hidden;
	position:absolute;
	}	

	
/* === Generic styling (structure/background etc) ======= */
*{	
	font-size:100%;
	margin:0;
	padding:0;
	border:0;
	}
body{
	font:75%/150% Verdana,Tahoma,Arial,Helvetica,sans-serif;
	margin-top:18px;
	color:#333;
	text-align:center;
	background:#729294;
	}
#plain{
	background:#FFF;
	margin-top:14px;
	}
#structure{
	width:722px;
	position:relative;
	margin:auto;
	text-align:left;
	}
#structure_win{
	width:482px;
	position:relative;
	margin:auto;
	text-align:left;
	}
p,p.errors{margin:0 0 1.3em;line-height:normal}
p.errors{font-size:90%;color:#CC0000;font-weight:bold;text-align:center}
p.margin{margin:0 0 0.6em;line-height:normal}
p.margin2{margin:0 0 1.1em;line-height:normal}
h1{margin:0 0 2.9em}
p.small{margin:0 0 1em;font-size:90%;}
.nw{white-space:nowrap}
.nul{text-decoration:none}
.container{float:left}
.findit{color:#8abf0a;font-weight:bold;text-transform:lowercase;white-space:nowrap}


/* === CONTENT ======= */
#left{
	width:482px;
	float:left
	}
#left #l_left{
	width:240px;
	margin-right:1px;
	background:#FFF;
	float:left
	}
#left #l_left #leftcontent{
	width:214px;
	height:293px;
	padding:24px 13px 0 13px;
	background:#FFF;
	float:left
	}
#left #l_left2{
	width:480px;
	margin-right:1px;
	background:#FFF;
	float:left
	}
#left #l_left2 #leftcontent{
	width:454px;
	padding:24px 13px 0 13px;
	background:#FFF;
	float:left
	}
#left #l_right{
	width:240px;
	background:#FFF;
	float:left
	}
	
#right{
	width:240px;
	float:right
	}
#right #rightcontent{
	width:214px;
	height:317px;
	padding:0 13px 0 13px;
	background:#FFF;
	float:left
	}
#right #rightcontent #logoandnav,#right #rightcontent #searchtitle,#right #rightcontent #search,#right #rightcontent #searchnav{
	width:214px;
	float:left
	}
#right #rightcontent #logoandnav{margin-bottom:14px;}
#right #rightcontent #search{margin-bottom:28px;}
#right #rightcontent #search #searchfield{
	width:172px;
	height:25px;
	padding:5px 3px 3px 3px;
	background:#FFF url(../images/backgrounds/search_bg.gif) no-repeat;
	float:left
	}
#right #rightcontent #search #searchbutton{
	width:31px;
	float:right
	}
#right #rightcontent #rr_left{
	width:143px;
	float:left;
	}
#right #rightcontent #rr_left h1{
	width:143px;
	height:103px;
	margin:0 0 10px 0;
	text-indent:-9999px;
	background:#FFF url(../images/elements/title.gif) no-repeat
	}
#right #rightcontent #rr_left h1 a{
	width:143px;
	height:103px;
	text-decoration:none;
	float:left
	}
#right #rightcontent #rr_right{
	width:31px;
	float:right;
	}
/* nav */
#rr_right ul{
	width:32px;
	list-style:none;
	float:left /* another IE Mac hack */
	}
#rr_right ul li{
	font-size:10%;
	text-indent:-9999px;
	line-height:normal
	}
#rr_right ul li a{
	display:block;
	text-decoration:none;
	border:0;
	}
/* home */
#rr_right #home{
	width:32px;
	height:9px;
	}
#rr_right #home a{
	width:32px;
	height:9px;
	background:url(../images/navigation/home.gif) 0 0 no-repeat;
	}
#rr_right #home a:hover,#rr_right #home a.selected{
	width:32px;
	height:9px;
	background:url(../images/navigation/home.gif) 0 -9px no-repeat;
	}
/* === */
#searchnav ul{
	width:214px;
	list-style:none;
	float:left /* another IE Mac hack */
	}
#searchnav ul li{
	margin-bottom:12px;
	text-indent:-9999px;
	font-size:10%;
	line-height:1px
	}
#searchnav ul li a,#right #logos ul li a{
	display:block;
	text-decoration:none;
	border:0;
	}
/* nav 1 */
#searchnav #advsearch{
	width:119px;
	height:9px;
	padding-right:15px;
	text-indent:-9999px;
	}
#searchnav #advsearch a{
	width:119px;
	height:9px;
	background:url(../images/navigation/adv_search.gif) 0 0 no-repeat;
	}
#searchnav #advsearch a:hover,#searchnav #advsearch a.selected{
	width:119px;
	height:9px;
	background:url(../images/navigation/adv_search.gif) 0 -9px no-repeat;
	}
/* nav 2 */
#searchnav #comments{
	width:72px;
	height:9px;
	padding-right:15px;
	text-indent:-9999px;
	}
#searchnav #comments a{
	width:72px;
	height:9px;
	background:url(../images/navigation/comments.gif) 0 0 no-repeat;
	}
#searchnav #comments a:hover,#searchnav #comments a.selected{
	width:72px;
	height:9px;
	background:url(../images/navigation/comments.gif) 0 -9px no-repeat;
	}
/* nav 3 */
#searchnav #aboutfindit{
	width:91px;
	height:9px;
	padding-right:15px;
	text-indent:-9999px;
	}
#searchnav #aboutfindit a{
	width:91px;
	height:9px;
	background:url(../images/navigation/aboutfindit.gif) 0 0 no-repeat;
	}
#searchnav #aboutfindit a:hover,#searchnav #aboutfindit a.selected{
	width:91px;
	height:9px;
	background:url(../images/navigation/aboutfindit.gif) 0 -9px no-repeat;
	}
/* nav 4 */
#searchnav #logout{
	width:54px;
	height:9px;
	padding-right:15px;
	text-indent:-9999px;
	}
#searchnav #logout a{
	width:54px;
	height:9px;
	background:url(../images/navigation/logout.gif) 0 0 no-repeat;
	}
#searchnav #logout a:hover,#searchnav #logout a.selected{
	width:54px;
	height:9px;
	background:url(../images/navigation/logout.gif) 0 -9px no-repeat;
	}
/* nav 4 */
#searchnav #startnew{
	width:118px;
	height:9px;
	padding-right:15px;
	text-indent:-9999px;
	}
#searchnav #startnew a{
	width:118px;
	height:9px;
	background:url(../images/navigation/startnewsearch.gif) 0 0 no-repeat;
	}
#searchnav #startnew a:hover,#searchnav #startnew a.selected{
	width:118px;
	height:9px;
	background:url(../images/navigation/startnewsearch.gif) 0 -9px no-repeat;
	}
/* logos */
#right #logos{
	width:193px;
	margin-top:14px;
	float:right
	}
#right #logos ul{
	width:193px;
	list-style:none;
	float:left; /* another IE Mac hack */
	}
#right #logos ul li{
	float:left;
	text-indent:-9999px;
	font-size:10%;
	line-height:1px
	}
#right #logos ul li a{
	text-decoration:none;
	display:block;
	}
/* === */
#right #logos #logo_mla{
	width:70px;
	height:34px;
	padding-right:20px;
	background:url(../images/logos/mla.gif) 0 6px no-repeat;
	}
#right #logos #logo_mla a{
	width:70px;
	height:28px;
	margin-top:6px
	}
/* === */
#right #logos #logo_bl{
	width:22px;
	height:42px;
	padding-right:25px;
	background:url(../images/logos/britishlibrary.gif) 0 0 no-repeat;
	}
#right #logos #logo_bl a{
	width:22px;
	height:42px;
	}
/* === */
#right #logos #logo_sconul{
	width:56px;
	height:42px;
	background:url(../images/logos/sconul.gif) 0 0 no-repeat;
	}
#right #logos #logo_sconul a{
	width:56px;
	height:42px;
	}
div.contentbox,div.contentboxS,#toolbox{
	width:454px;
	border-top:solid 1px #acd3d6;
	padding:10px 0 15px;
	float:left
	}
div.contentboxS{
	padding:10px 0 0;
	}
div.contentbox table,div.contentboxS table{
	clear:both
	}
div.contentbox table td,div.contentboxS table td{
	padding:3px 6px 7px 0
	}
div.cbleft{
	width:330px;
	float:left
	}
div.cbright{
	width:124px;
	text-align:right;
	clear:right;
	float:right;
	}
div.cbleftR{
	width:230px;
	font-size:90%;
	float:left
	}
div.cbrightR{
	width:224px;
	text-align:right;
	font-size:90%;
	clear:right;
	float:right;
	}
#toolbox{
	margin-top:30px
	}
#toolbox ul{
	width:454px;
	list-style:none;
	float:left;
	}
#toolbox ul li{
	float:left;
	text-indent:-9999px
	}
#toolbox ul li a{
	float:left;
	text-decoration:none;
	}
/* === */
#toolbox #tool1{
	width:30px;
	height:12px;
	padding-right:274px;
	background:url(../images/buttons/back.gif) 0 0 no-repeat;
	}
#toolbox #tool1 a{
	width:30px;
	height:12px;
	}
/* === */
#toolbox #tool2{
	width:80px;
	height:12px;
	text-indent:0;
	padding-right:36px;
	vertical-align:middle
	}
/* === */
#toolbox #tool3{
	width:33px;
	height:12px;
	background:url(../images/buttons/print.gif) 0 0 no-repeat;
	}
#toolbox #tool3 a{
	width:33px;
	height:12px;
	}
	
/* create border corners on content */
div.borders{
	width:100%;
	float:left;
	}
div.bordleft_top,div.bordleft_bottom{
	width:120px;
	height:15px;
	float:left
	}
div.bordright_top,div.bordright_bottom{
	width:120px;
	height:15px;
	float:right
	}
div.bordleft_top{background:#FFF url(../images/backgrounds/crn_white_topleft.gif) top left no-repeat;}
div.bordright_top{background:#FFF url(../images/backgrounds/crn_white_topright.gif) top right no-repeat;}
div.bordleft_bottom{background:#FFF url(../images/backgrounds/crn_white_botleft.gif) bottom left no-repeat;}
div.bordright_bottom{background:#FFF url(../images/backgrounds/crn_white_botright.gif) bottom right no-repeat;}

table.emailtab td{
	padding:2px;
	font-size:90%;
	}

/* === TITLES ======= */
h1.welcome{
	width:151px;
	height:24px;
	text-indent:-9999px;
	background:#FFF url(../images/titles/welcome.gif) no-repeat
	}
h1.aboutfindit{
	width:103px;
	height:56px;
	text-indent:-9999px;
	background:#FFF url(../images/titles/aboutfindit.gif) no-repeat
	}
h1.comments{
	width:172px;
	height:30px;
	text-indent:-9999px;
	background:#FFF url(../images/titles/comments.gif) no-repeat
	}
h1.advancedsearch{
	width:169px;
	height:56px;
	text-indent:-9999px;
	background:#FFF url(../images/titles/advancedsearch.gif) no-repeat
	}
h1.searchresults{
	width:113px;
	height:56px;
	text-indent:-9999px;
	background:#FFF url(../images/titles/searchresults.gif) no-repeat
	}
h1.result{
	color:#9BD215;
	font-size:160%
	}
h2{
	color:#9BD215;
	font-size:120%	
	}
h2.search{
	width:50px;
	height:10px;
	margin-bottom:3px;
	font-size:1%; /* IE Hack */
	line-height:1px; /* IE Hack */
	text-indent:-9999px;
	background:#FFF url(../images/titles/search.gif) no-repeat
	}
#supported{
	width:100%;
	list-style:none;
	float:left
	}	
#supported li{
	width:33%;
	padding-bottom:30px;
	text-align:center;
	float:left
	}
#emailc{
	width:100%;
	margin-bottom:30px;
	float:left
	}
#emailleft{
	width:220px;
	float:left
	}		
#emailright{
	width:100px;
	font-size:80%;
	text-align:right;
	float:right
	}	
	
#logos{
	list-style:none;
	padding-bottom:20px;
	float:left
	}
#logos li{
	width:100px;
	height:100px;
	margin:0 6px 6px 0;
	border:solid 1px #acd3d6;
	text-indent:-9999px;
	float:left
	}
#logos li a{
	width:100px;
	height:100px;
	text-decoration:none;
	overflow:hidden;
	display:block;
	float:left
	}
	


/* === FOOTER ======= */
#footer{
	width:709px;
	padding:16px 0 16px 13px;
	float:left
	}
#footer #inspire{
	width:222px;
	height:22px;
	background:url(../images/footer/inspire.gif) no-repeat;
	float:left
	}
#footer #inspire a{
	width:222px;
	height:22px;	
	text-indent:-9999px;
	text-decoration:none;
	float:left
	}
#footer #codegent,#footer #codegentM{
	width:337px;
	padding-right:13px;
	text-align:right;
	color:#FFF;
	font-size:90%;
	float:right
	}
#footer #codegentM{
	text-align:left;
	}
	
	
/* === LINKS ======= */
a,a:visited{color:#729294;text-decoration:underline}
a:hover,a:visited:hover,a:active{color:#729294;text-decoration:none;}

a.white,a.white:visited{color:#FFF;text-decoration:underline}
a.white:hover,a.white:visited:hover,a.white:active{color:#FFF;text-decorationnone:;}


/* === FORMS ======= */
input.search{
	width:172px;
	height:23px;
	font-size:130%;
	font-weight:bold;
	color:#9BD215;
	}
input.textfield,select.selectdrop,textarea.textarea{
	width:186px;
	padding:2px;
	border:solid 1px #729294
	}
select.selectdrop{
	width:193px;
	background:#9bd215;
	color:#FFF;
	font-weight:bold
	}
textarea.textarea{
	width:350px;
	}
.submitGo{
	width:20px;
	height:20px;
	background:url(../images/buttons/go_small.gif) no-repeat;
	color:#FFF;
	font-size:10%
	}
.emailfriend{
	width:80px;
	height:12px;
	background:url(../images/buttons/emailfriend.gif) no-repeat;
	color:#FFF;
	font-size:10%;
	vertical-align:middle;
	padding-bottom:1px;
	cursor:hand
	}
.storeresults{
	width:114px;
	height:12px;
	background:url(../images/buttons/storeresults.gif) no-repeat;
	color:#FFF;
	font-size:10%;
	vertical-align:middle;
	cursor:hand
	}
.viewselected{
	width:132px;
	height:19px;
	background:url(../images/buttons/viewselected.gif) no-repeat;
	color:#9BD215;
	font-size:10%;
	vertical-align:middle;
	cursor:hand
	}
	
/* help hovers */
#roll1,#roll1 ul,#roll2,#roll2 ul,#roll3,#roll3 ul,#roll4,#roll4 ul,#roll5,#roll5 ul,#roll6,#roll6 ul,#roll7,#roll7 ul{
	padding: 0;
	margin: 0;
	list-style: none;
	}
#roll1 li,#roll2 li,#roll3 li,#roll4 li,#roll5 li,#roll6 li,#roll7 li{{
	float: left;
}
#roll1 li ul,#roll2 li ul,#roll3 li ul,#roll4 li ul,#roll5 li ul,#roll6 li ul,#roll7 li ul{
	position: absolute;
	left: -999em;
	}
#roll1 li:hover ul,#roll1 li.sfhover ul,#roll2 li:hover ul,#roll2 li.sfhover2 ul,#roll3 li:hover ul,#roll3 li.sfhover3 ul,#roll4 li:hover ul,#roll4 li.sfhover4 ul,#roll5 li:hover ul,#roll5 li.sfhover5 ul,#roll6 li:hover ul,#roll6 li.sfhover6 ul,#roll7 li:hover ul,#roll7 li.sfhover7 ul{
	left: auto;
	}
#roll1 li ul li,#roll2 li ul li,#roll3 li ul li,#roll4 li ul li,#roll5 li ul li,#roll6 li ul li,#roll7 li ul li{
	float: left;
	text-decoration:none;
	color:#FFF;
	background:#729294;
	border:solid 1px #9bd215;
	font-size:90%;
	padding:5px;
	line-height:normal
	}
#roll1 li ul li{width:330px}
#roll2 li ul li{width:550px}
#roll3 li ul li{width:480px}
#roll4 li ul li{width:380px}
#roll5 li ul li{width:470px}
#roll6 li ul li{width:500px}
#roll7 li ul li{width:400px}


#operationalHours{float:left}
	
