/* 
Project : School Search Site(s)
Author : Rade New Media
Date : Monday, 6 April 2009
*/

body
{
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #666;
}

/* Shared Styling 
   GENERAL STYLES */
div#wrapper
{
	width: 850px;
	margin: 0 auto;
	position: relative;
}
div#background
{
	background: url('../img/mainbackground.jpg') repeat-y;
	width: 850px;
	margin-top: 9px;
	padding-bottom: 20px;
}
div#backgroundbottom
{
	background: url('../img/contentbottom.jpg') no-repeat;
	width: 850px;
	height: 26px;
}
div#container
{
	width: 680px;
	margin: 0 auto;
	overflow: hidden;
	clear: both;
}

h1
{
	font-size: 24px;
	margin: 5px 0;
}
h2
{
	font-size: 18px;
	margin: 5px 0;
}
h3
{
	font-size: 16px;
	margin: 5px 0;
}
h4
{
	font-size: 16px;
	margin: 5px 0;
	font-weight: normal;
}
h5
{
	font-size: 14px;
	margin: 5px 0;
}
h6
{
	font-size: 14px;
	margin: 5px 0;
	font-weight: normal;
}
p
{
	padding: 0 5px;
}

div#right
{
	width: 180px;
	float: right;
	margin: 10px 0 0 0;
}

.rightItem
{
	padding: 15px 5px;
	width: 160px;
	text-align: center;
	margin-bottom: 10px;
}
.rightItem p
{
	font-size: 12px;
	color: #007671;
	font-weight: bold;
}
.rightItem img
{
	margin-bottom: 5px;
}

.rightItem a
{
	text-decoration: none;
}

.rightItem a:hover
{
	text-decoration: underline;	
}

/* NAVIGATION STYLES */
ul#nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font: 10px Tahoma;
}
#nav li
{
	float: left;
	padding: 0 8px 0 8px;
}
#nav li a
{
	text-decoration: none;
	font-weight: bold;
}
#nav li.last
{
	border-right: none;
}

/* LOGO */
#johncatt
{
	background: url('../img/logo_johncatt.jpg') no-repeat;
	width: 43px;
	height: 85px;
}
#johncatt a
{
	display: block;
	width: 43px;
	height: 85px;
}
#johncatt span
{
	display: none;
}

/* FOOTER */
div#footer
{
	clear: both;
	margin-top: 20px;
	text-align: center;
}
#footer img
{
	margin: 0 10px;
}
#footer a
{
	text-decoration: none;
}
#footer a:hover
{
	text-decoration: underline;
}
.copyright
{
	margin-right: 20px;
}

.titles3
{
	font-weight: bold;
	font-size: 15px;
	color: #134DAE;
	line-height: normal;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.bodytextboldblack
{
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

.schoolListEntry
{
	font-weight: bold;
	font-size: 12px;
	color: #134dae;
}



.schInfo
{
	padding-top: 4px;
}

.schDetailsBox
{
	background: #F2F2F2;
}

#schooltitle h1
{
	font-weight: bold;
	font-size: 18px;
	color: #134DAE;
	line-height: normal;
	font-style: normal;
	text-align: left;
}

.validation
{
	padding-left: 4px;
	padding-right: 4px;
}

.error
{
	color: Red;
}


.searchPageLinkSelected
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 8pt;
	color: #FFFFFF;
	background-color: #134DAE;
	padding: 6px;
	margin-left: 2px;
	text-decoration: none;
}

.searchPageLink
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 8pt;
	color: #000000;
	background-color: #E7E7E7;
	padding: 6px;
	margin-left: 2px;
	text-decoration: none;
}

.searchPageLink:hover
{
	background-color: #134DAE;
	color: #FFFFFF;
}

#searchPageGroups
{
	position: relative;
	top:0px;
	left:0px;
	display: block;
}

#searchPageLinks
{
	position: relative;
	top:0px;
	left:0px;
	margin-top: 10px;
	display: block;
}

.searchNav
{
	position: relative;
	top: 0px;
	left: 0px;
	background: url("/assets/img/top_nav_slice.jpg");
	background-repeat: repeat-x;
	height: 33px;
	color: Black;
	margin-top: 10px;
	padding-left: 4px;
}

.searchNav a 
{
	color: Black;
	text-decoration: none;
}

.searchNav a:hover
{
	text-decoration: underline;
}

.inline
{
	display: inline;
}

.searchBackLink
{
	position: absolute;
	top: 0px;
	right: 4px;
}

.displayNone
{
	display:none;
}

.suppliersListing 
{
	background: #ecf0fb;
}

.suppliersListingAlt
{
	background: #ffffff;
}

.white
{
	background: white;
}

.supplierLogo
{
	border-width:5px;
	border-color:#FFFFFF;
}

.suppliersRule
{
	height: 1px;
	color: #134dae;
}

.headingPanel
{
	position:relative;
	top:0px;
	left:0px;
}

.logoutButton
{
	position:absolute;
	top:0px;
	right:0px;
}