/* Lady Lovat Primary School CSS */

body {
	background: #CCCCCC;
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: center;}

a:link		{ color: #003298; text-decoration :none; }
a:visited	{ color: #003298; text-decoration :none; }
a:hover		{ color: #003298; text-decoration :underline; }
a:active	{ color: #003298; text-decoration :underline; }

.footerstyle a:link		{ color: #666666; text-decoration :none; }
.footerstyle a:visited	{ color: #666666; text-decoration :none; }
.footerstyle a:hover	{ color: #666666; text-decoration :underline; }
.footerstyle a:active	{ color: #666666; text-decoration :underline; }

h1			{ font-size: 24px; }
h2			{ font-size: 14px; }
h3			{ font-size: 12px; }

.span1		{ font-size: 24px; line-height: 36px; font-weight: bold; }
.span2		{ font-size: 14px; line-height: 24px; font-weight: bold; }
.span3		{ font-size: 12px; line-height: 14px; font-weight: bold; }

img			{ border: none; }
a img:hover	{ border: 3px solid #003298; margin: -3px; }
.img-left	{ float: left; padding-right: 5px; }
.img-right	{ float: right; padding-left: 5px; }

hr {
	border: 0px;
	color: #999999;
	background-color: #999999;
	height: 1px;}

.prices {
	position: absolute;
	right: 10px;
	width: 546px;
	text-align: right;
	border-top: 1px #666666 solid;}

label {
	float: left;
	width: 100px;
	text-align: right;
	vertical-align: top;}

#window {
	background: #CCCCCC;
	width: 746px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 140px;
	text-align: center;}
	
#cell {
	background: #FFFFFF;
	border: 1px #999999 solid;
	width: 746px;
	position: relative;
	top: 120px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;}
	
#header {
	background: #003298 url('media/header.jpg');
	border-top: 1px #999999 solid;
	border-left: 1px #999999 solid;
	border-right: 1px #999999 solid;
	width: 746px;
	height: 120px;
	line-height: 120px;
	position: absolute;
	top: -122px;
	left: -1px;
	font-size: 48px;
	text-align: center;
	color: #FFFFFF;}
	
#header h1 { font-size: 48px; }
	
.header-text { display: none; }

#navbar {
	position: absolute;
	top: -34px;
	right: 0px;
	height: 34px;}
	
#content {
	border-right: 1px #999999 solid;
	width: 546px;
	padding-right: 10px;
	position: relative;
	top: 0px;
	left: 10px;
	padding-bottom: 10px;
	margin-bottom: 15px;}
	
#sidebar {
	width: 160px;
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: left;}
	
#footer {
	background: #FFFFFF;
	border: 1px #999999 solid;
	width: 746px;
	height: 20px;
	line-height: 20px;
	position: absolute;
	bottom: -22px;
	left: -1px;
	text-align: center;
	color: #666666;}
	
/* NavBar Code */

#navbar li {
	height: 20px;
	line-height: 20px;
	margin-right: 10px;
	float: left;
	list-style-type: none;
	color: #666666;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	background: #CCCCCC;
	border: 1px #999999 solid;}
	
#navbar li a {
	float: left;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	color: #666666;
	text-decoration: none;}
	
#navbar li a:hover {
	background: #FFFFFF;}
	
#navbar li a:active {
	color: #777777;}
	
#navbar li.active {
	background: #FFFFFF;
	border-bottom: 1px #FFFFFF solid;}

	
/* SideNav Code */

#sidenav ul {
	margin-left: 0px;
	padding-left: 0px;}

#sidenav li {
	height: 20px;
	line-height: 20px;
	margin-bottom: 5px;
	list-style-type: none;
	color: #666666;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	background: #CCCCCC;
	border: 1px #999999 solid;}
	
#sidenav li a {
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	color: #666666;
	text-decoration: none;}
	
#sidenav li a:hover {
	background: #FFFFFF;}
	
#sidenav li a:active {
	color: #777777;}
	
#sidenav li.active {
	background: #FFFFFF;}


/* FullNav Code */

#fullnav ul {
	margin-left: 0px;
	padding-left: 0px;}

#fullnav li {
	height: 40px;
	line-height: 40px;
	margin-bottom: 10px;
	list-style-type: none;
	color: #666666;
	text-decoration: none;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	background: #CCCCCC;
	border: 1px #999999 solid;}
	
#fullnav li a {
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	color: #666666;
	text-decoration: none;}
	
#fullnav li a:hover {
	background: #FFFFFF;}
	
#fullnav li a:active {
	color: #777777;}
	
#fullnav li.active {
	background: #FFFFFF;}

	
/* Min-Height Workarounds */

/* for Mozilla/Safari/Opera */
*>#cell	{ padding-top: 599px; min-height: 1px; }
*>#cell-spacer	{ margin-top: -599px; }
/* for IE, with IE5/Mac backslash filter \*/
* html #cell	{ height: 601px; }
/* end filter */


/* Slimbox */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000000;
	cursor: pointer;
	z-index: 10;}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #FFFFFF;
	z-index: 11;}

.lbLoading {
	background: #FFFFFF url(media/slimbox/loading.gif) no-repeat center;}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #FFFFFF;
	background-repeat: no-repeat;}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;}

#lbPrevLink {
	left: 0;}

#lbPrevLink:hover {
	background: transparent url(media/slimbox/prevlabel.gif) no-repeat 0% 15%;}

#lbNextLink {
	right: 0;}

#lbNextLink:hover {
	background: transparent url(media/slimbox/nextlabel.gif) no-repeat 100% 15%;}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #FFFFFF;
	border-top-style: none;}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(media/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;}

#lbCaption, #lbNumber {
	margin-right: 71px;}

#lbCaption {
	font-weight: bold;}