/* General site Styles */
frameset {background-color: #73AFCB }

/* Remove image borders */
img {border: none;}

body{
	margin:0px auto; 
	padding-left:0%; /* Need to set body margin and padding to get consistency between browsers. */
	background-color:white;	
	font-family:Verdana, sans-serif; 
	border: solid 1px #FFFFFF; 
	width: 98%; 
}

a:link {color: #000099; text-decoration: none;}

a:visited {color: #000099; text-decoration: none;}

a:hover {color: #FFFFFF;}

div.headerbar {
	background-color:#012F53;	
	height: 80px;
	width: 100%;
	} /* Logo and quick links */

.logo {float:left;}

#header-logos
	{
	margin: 0 auto;
	}

#leeds-logo 
	{ 
	padding-left: 5px;
	}

#accesspoint-logo
	{
	padding-right: 5px
	}
	
#libs-qrcode 
	{
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	}	
	
.quicklinks {float: right; padding-top: 4% ; font-weight: bold; padding-right: 20%} /* Quick links for bookings and catalogue */

div.slogan /* style for heading slogan */
	{
	background-color:#012F53;
	color: #FFFFFF;
	width: 100%; 
	text-align:	center; 
	font-weight: bold; 
	font-size: small; 
	padding: 0px 0px 10px 0px; 
	}

div.navigationbar /* Show visitors where they are in the site */
	{
	background-color: #E3EFF5;
	width: 100%; 
	height: 2em;
	border-bottom:1px solid #002E54;
	border-top:1px solid #002E54;
	font-size: small;
	font-family:Verdana;
	font-weight: bold; 
	text-decoration:none;
	padding-left: 0px;
	color:#002E54;
	} 

.navigationbar a {
	text-align: left;
	line-height:2;
	padding-left:10px;
	padding-right:10px;
	}

.navigationbar a:link { color: #002E54; text-decoration: none; }

.navigationbar a:visited {color: #002E54; text-decoration: none; }

.navigationbar a:hover
	{
	text-decoration:underline;	
	color: #002E54;
	}	
	
div.mainbar {
	width: 80%;
} /* Creates a divide to insert column layout in to */

.mainbar /* Main page content area */
	{
	height: 100%; border-left: solid 1px #FFFFFF; background-color: white; 
	padding-left: 2%;
	font-family: Arial, Helvetica, sans-serif;
	} 

/* button-link style for LCC buttons */	

a:link {
	color: black;
}	
	
.button-link {
	color: black;
	margin:10px 10px 10px 10px;
	height: 80px;
	width: 15%; 
	font-size: medium;
	font-family:Verdana;
	padding: 1% 1% 1% 1%;
    background: #E3EFF5;
    border-radius: 4px;
    border: solid 1px #20538D;
	float:left;
}

.button-link-google {
	color: white;
	margin:10px 10px 10px 10px;
	height: 20px;
	width: 52%; 
	font-size: medium;
	font-family:Verdana;
	padding: 1% 1% 1% 1%;
    background: #E3EFF5;
    border-radius: 4px;
    border: solid 1px #20538D;
	float:left;
}

.button-link:visited {
	color: black;
    background: #E3EFF5;
	text-decoration: none;
}	

.button-link:hover {
    color: white;
    background: #34758F;
}	

.button-link:active {
    color: black;
}	

.button-link-google:visited {
	color: black;
    background: #E3EFF5;
	text-decoration: none;
}	

.button-link-google:hover {
    color: white;
    background: #34758F;
}	

.button-link-google:active {
    color: black;
}	
	
mainbar.h1 {
	font-size: 2em;
	margin-bottom: 10px;
	font-weight: normal;
	padding-bottom: 7px;
	padding-right: 100px;
}	

mainbar.h3 {
	font-size: 1.1em
}

div.footer {font-size: xx-small; background: #CECECE; padding-left: 5px; padding-top: 0.2em; padding-bottom: 0.2em; border-top: solid 1px #000000 }

/* Additional Styles for Kiosk - to be migrated from current separate file */ 

