/* Layout Stylesheet */ 

form {
	margin: 0;
	padding: 0;	
}

.contitle {
	position: absolute;
	top: 15px;
	left: 0px;
	width: 220px;
}

.contitle h2 {
	padding-left: 10px;	
}

body{
margin: 0px;
padding:0px; 
color: #333;
background-color: #FFF
}
	
#signup {
	top: 620px;
	width : 200px;
	height: 140px;
	background: #fff;
	margin-left: 5px;
	border: 1px solid #9BD5FF;
	padding: 3px;
	margin-bottom: 3px;
}

#signup label {
	width: 50px;
	display: inline;
	float: left;	
	margin-bottom: 3px;
	font-weight: bold;
}

#signup input {
	float: left;
	display: inline;
	margin-bottom: 3px;
}

.centre_column {
	position: relative;
	margin: 142px 240px 0px 215px !important;
	border: 2px solid #aaa;
	color: #333;
	padding: 10px !important;
	z-index: 13;
	visibility: visible;
	background: #fcf7e1;
}

.left_column { 
position: absolute;
top: 180px;
left: -35px;
background-color: #FFF; 
width: 240px;
margin: 0px;
padding: 0px; 
}

.right_column { 
position: absolute; 
right: 10px;
top:180px;
width: 200px; 
border: 1px solid #9BD5FF; 
margin: 0px;
padding: 10px;
z-index: 14;
visibility: visible;
background: #fcf7e1;
border: 2px solid #aaa;
}

.right_image { 
position: absolute; 
right: 78px;
top:540px;
margin: 0px;
z-index: 14;
visibility: visible;
}

.header {  
height: 150px; 
width: 100%; 
left: 0px; 
top: 0px; 
border-style: none; 
border-top-width: 0px; 
border-right-width: 0px; 
border-bottom-width: 0px; 
border-left-width: 0px; 
z-index: 2;
overflow: hidden; 
visibility: visible; 
position: absolute;
background-image: url(http://www.hartlearn.org.uk/images/1headland.jpg); 
background-repeat: no-repeat;
}

.breadcrumb {  
font-family: Arial, Helvetica, sans-serif; 
font-size: 85%; 
font-weight: bold; 
color: #FFF; 
text-decoration: none; 
background-color: #094699; 
height: 20px; 
width: 100%; 
left: 0px; 
top: 152px; 
text-indent: 12pt; 
position: absolute; 
z-index: 100;
margin: 0px;
line-height: 100%;
 padding : 5px 0px 0px 0px;
}

.breadcrumb .right {
	float: right;
	padding-right: 10px;
}
.breadcrumb .left {
	float: left;
}
.breadcrumb a{
	color: #fff;	
}

.logos {
	left: 40px; 
	top: 361px;
	width : 200px;
	height : 70px;
	position: absolute; 
}

.menulink1 {  
font : bold 70% Verdana, Helvetica, Arial, sans-serif;
color: #FFF; 
text-decoration: none; 
background-color: #1F9EFF; 
height: 20px; 
width: 200px; 
left: 40px; 
top: 0px; 
text-indent: 10pt; 
position: absolute; 
z-index: 10;
margin: 0px;
line-height: 150%;
 padding : 5px 0px 0px 0px;
 border: 1px #FFF
}

.menulink2 {  
font : bold 70% Verdana, Helvetica, Arial, sans-serif;
color: #FFF; 
text-decoration: none; 
background-color: #1F9EFF; 
height: 20px; 
width: 200px; 
left: 40px; 
top: 27px; 
text-indent: 10pt; 
position: absolute; 
z-index: 10;
margin: 0px;
line-height: 150%;
 padding : 5px 0px 0px 0px;
  border: 1px #FFF
}

.menulink3 {  
font : bold 70% Verdana, Helvetica, Arial, sans-serif;
color: #FFF; 
text-decoration: none; 
background-color: #1F9EFF; 
height: 20px; 
width: 200px; 
left: 40px; 
top: 54px; 
text-indent: 10pt; 
position: absolute; 
z-index: 10;
margin: 0px;
line-height: 150%;
 padding : 5px 0px 0px 0px;
  border: 1px #FFF
}

.menulink4 {  
font : bold 70% Verdana, Helvetica, Arial, sans-serif;
color: #FFF; 
text-decoration: none; 
background-color: #1F9EFF; 
height: 20px; 
width: 200px; 
left: 40px; 
top: 81px; 
text-indent: 10pt; 
position: absolute; 
z-index: 10;
margin: 0px;
line-height: 150%;
 padding : 5px 0px 0px 0px;
  border: 1px #FFF
}

.menulink5 {  
font : bold 70% Verdana, Helvetica, Arial, sans-serif;
color: #FFF; 
text-decoration: none; 
background-color: #1F9EFF; 
height: 20px; 
width: 200px; 
left: 40px; 
top: 108px; 
text-indent: 10pt; 
position: absolute; 
z-index: 10;
margin: 0px;
line-height: 150%;
 padding : 5px 0px 0px 0px;
  border: 1px #FFF
}

.menulink6 {  
font : bold 70% Verdana, Helvetica, Arial, sans-serif;
color: #FFF; 
text-decoration: none; 
background-color: #1F9EFF; 
height: 20px; 
width: 200px; 
left: 40px; 
top: 135px; 
text-indent: 10pt; 
position: absolute; 
z-index: 10;
margin: 0px;
line-height: 150%;
 padding : 5px 0px 0px 0px;
  border: 1px #FFF
}

.menulink7 {  
font : bold 70% Verdana, Helvetica, Arial, sans-serif;
color: #FFF; 
text-decoration: none; 
background-color: #1F9EFF; 
height: 20px; 
width: 200px; 
left: 40px; 
top: 162px; 
text-indent: 10pt; 
position: absolute; 
z-index: 10;
margin: 0px;
line-height: 150%;
 padding : 5px 0px 0px 0px;
  border: 1px #FFF
}

.menulink8 {  
font : bold 70% Verdana, Helvetica, Arial, sans-serif;
color: #FFF; 
text-decoration: none; 
background-color: #1F9EFF; 
height: 20px; 
width: 200px; 
left: 40px; 
top: 189px; 
text-indent: 10pt; 
position: absolute; 
z-index: 10;
margin: 0px;
line-height: 150%;
 padding : 5px 0px 0px 0px;
  border: 1px #FFF
}

.menulink9 {  
font : bold 70% Verdana, Helvetica, Arial, sans-serif;
color: #FFF; 
text-decoration: none; 
background-color: #1F9EFF; 
height: 20px; 
width: 200px; 
left: 40px; 
top: 216px; 
text-indent: 10pt; 
position: absolute; 
z-index: 10;
margin: 0px;
line-height: 150%;
padding : 5px 0px 0px 0px;
 border: 1px #FFF
}

.menulink10 {  
font : bold 70% Verdana, Helvetica, Arial, sans-serif;
color: #FFF; 
text-decoration: none; 
background-color: #1F9EFF; 
height: 20px; 
width: 200px; 
left: 40px; 
top: 243px; 
text-indent: 10pt; 
position: absolute; 
z-index: 10;
margin: 0px;
line-height: 150%;
padding : 5px 0px 0px 0px;
 border: 1px #FFF
}

.menulink11 {  
font : bold 70% Verdana, Helvetica, Arial, sans-serif;
color: #FFF; 
text-decoration: none; 
background-color: #1F9EFF; 
height: 20px; 
width: 200px; 
left: 40px; 
top: 270px; 
text-indent: 10pt; 
position: absolute; 
z-index: 10;
margin: 0px;
line-height: 150%;
padding : 5px 0px 0px 0px;
 border: 1px #FFF
}

.menulink12 {  
font : bold 70% Verdana, Helvetica, Arial, sans-serif;
color: #FFF; 
text-decoration: none; 
background-color: #1F9EFF; 
height: 20px; 
width: 200px; 
left: 40px; 
top: 297px; 
text-indent: 10pt; 
position: absolute; 
z-index: 10;
margin: 0px;
line-height: 150%;
padding : 5px 0px 0px 0px;
 border: 1px #FFF
}

.menulink13 {  
font : bold 70% Verdana, Helvetica, Arial, sans-serif;
color: #FFF; 
text-decoration: none; 
background-color: #1F9EFF; 
height: 20px; 
width: 200px; 
left: 40px; 
top: 324px; 
text-indent: 10pt; 
position: absolute; 
z-index: 10;
margin: 0px;
line-height: 150%;
padding : 5px 0px 0px 0px;
 border: 1px #FFF
}

div.left_column ul li a {
	font : bold 70%/100% Verdana, Helvetica, Arial, sans-serif;
	color : #FFF;
	letter-spacing: 1px;
	margin : 0px;
	border : 0px;
	text-decoration : none;
	background-color : #094699;
}

div.left_column ul li a:hover {
	background-color : #57943a;
	color : #094699;
}
/*
div.left_column ul li a:visited {
	color : #000;
	letter-spacing: 1px;
	background-color : #C3E6FF;
}

div.left_column ul li a:visited:hover {
	color : #000;
	background-color : #6CC0FF;
	text-decoration: none
}*/

/*
a.menulink1:link {
	font : bold 70%/100% Verdana, Helvetica, Arial, sans-serif;
	color : #000;
	letter-spacing: 1px;
	margin : 0px;
	border : 0px;
	text-decoration : none;
	background-color : #9BD5FF
}

a.menulink1:hover {
	background-color : #6CC0FF
}

a.menulink1:visited {
	color : #000;
	letter-spacing: 1px;
	background-color : #C3E6FF;
}

a.menulink1:visited:hover {
	color : #000;
	background-color : #6CC0FF;
	text-decoration: none
}

a.menulink2:link {
	font : bold 70%/100% Verdana, Helvetica, Arial, sans-serif;
	color : #000;
	letter-spacing : 1px;
	margin : 0px;
	border : 0px;
	text-decoration : none;
	background-color : #9BD5FF
}

a.menulink2:hover {
	background-color : #6CC0FF
}

a.menulink2:visited {
	color : #000;
		letter-spacing: 1px;
	background-color : #C3E6FF;
}

a.menulink2:visited:hover {
	color : #000;
	background-color : #6CC0FF;
	text-decoration: none
}

a.menulink3:link {
	font : bold 70%/100% Verdana, Helvetica, Arial, sans-serif;
	color : #000;
	letter-spacing : 1px;
	margin : 0px;
	border : 0px;
	text-decoration : none;
	background-color : #9BD5FF
}

a.menulink3:hover {
	background-color : #7E55D7
}

a.menulink3:visited {
	color : #000;
		letter-spacing: 1px;
	background-color : #C3E6FF;
}

a.menulink3:visited:hover {
	color : #000;
	background-color : #7E55D7;
	text-decoration: none
}

a.menulink4:link {
	font : bold 70%/100% Verdana, Helvetica, Arial, sans-serif;
	color : #000;
	letter-spacing : 1px;
	margin : 0px;
	border : 0px;
	text-decoration : none;
	background-color : #9BD5FF
}

a.menulink4:hover {
	background-color : #8EED70
}

a.menulink4:visited {
	color : #000;
		letter-spacing: 1px;
	background-color : #C3E6FF;
}

a.menulink4:visited:hover {
	color : #000;
	background-color : #8EED70;
	text-decoration: none
}

a.menulink5:link {
	font : bold 70%/100% Verdana, Helvetica, Arial, sans-serif;
	color : #000;
	letter-spacing : 1px;
	margin : 0px;
	border : 0px;
	text-decoration : none;
	background-color : #9BD5FF
}

a.menulink5:hover {
	background-color : #6CC0FF
}

a.menulink5:visited {
	color : #000;
		letter-spacing: 1px;
	background-color : #C3E6FF;
}

a.menulink5:visited:hover {
	color : #000;
	background-color : #6CC0FF;
	text-decoration: none
}

a.menulink6:link {
	font : bold 70%/100% Verdana, Helvetica, Arial, sans-serif;
	color : #000;
	letter-spacing : 1px;
	margin : 0px;
	border : 0px;
	text-decoration : none;
	background-color : #9BD5FF
}

a.menulink6:hover {
	background-color : #6CC0FF
}

a.menulink6:visited {
	color : #000;
		letter-spacing: 1px;
	background-color : #C3E6FF;
}

a.menulink6:visited:hover {
	color : #000;
	background-color : #6CC0FF;
	text-decoration: none
}

a.menulink7:link {
	font : bold 70%/100% Verdana, Helvetica, Arial, sans-serif;
	color : #000;
	letter-spacing : 1px;
	margin : 0px;
	border : 0px;
	text-decoration : none;
	background-color : #9BD5FF
}

a.menulink7:hover {
	background-color : #6CC0FF
}

a.menulink7:visited {
	color : #000;
		letter-spacing: 1px;
	background-color : #C3E6FF;
}

a.menulink7:visited:hover {
	color : #000;
	background-color : #6CC0FF;
	text-decoration: none
}

a.menulink8:link {
	font : bold 70%/100% Verdana, Helvetica, Arial, sans-serif;
	color : #000;
	letter-spacing : 1px;
	margin : 0px;
	border : 0px;
	text-decoration : none;
	background-color : #9BD5FF
}

a.menulink8:hover {
	background-color : #E17100
}

a.menulink8:visited {
	color : #000;
		letter-spacing: 1px;
	background-color : #9BD5FF;
}

a.menulink8:visited:hover {
	color : #000;
	background-color : #E17100;
	text-decoration: none
}

a.menulink9:link {
	font : bold 70%/100% Verdana, Helvetica, Arial, sans-serif;
	color : #000;
	letter-spacing : 1px;
	margin : 0px;
	border : 0px;
	text-decoration : none;
	background-color : #9BD5FF
}

a.menulink9:hover {
	background-color : #6CC0FF
}

a.menulink9:visited {
	color : #000;
		letter-spacing: 1px;
	background-color : #C3E6FF;
}

a.menulink9:visited:hover {
	color : #000;
	background-color : #6CC0FF;
	text-decoration: none
}
a.menulink10:link {
	font : bold 70%/100% Verdana, Helvetica, Arial, sans-serif;
	color : #000;
	letter-spacing : 1px;
	margin : 0px;
	border : 0px;
	text-decoration : none;
	background-color : #9BD5FF
}

a.menulink10:hover {
	background-color : #6CC0FF
}

a.menulink10:visited {
	color : #000;
		letter-spacing: 1px;
	background-color : #C3E6FF;
}

a.menulink10:visited:hover {
	color : #000;
	background-color : #6CC0FF;
	text-decoration: none
}

a.menulink11:link {
	font : bold 70%/100% Verdana, Helvetica, Arial, sans-serif;
	color : #000;
	letter-spacing : 1px;
	margin : 0px;
	border : 0px;
	text-decoration : none;
	background-color : #9BD5FF
}

a.menulink11:hover {
	background-color : #6CC0FF
}

a.menulink11:visited {
	color : #000;
		letter-spacing: 1px;
	background-color : #C3E6FF;
}

a.menulink11:visited:hover {
	color : #000;
	background-color : #6CC0FF;
	text-decoration: none
}

a.menulink12:link {
	font : bold 70%/100% Verdana, Helvetica, Arial, sans-serif;
	color : #000;
	letter-spacing : 1px;
	margin : 0px;
	border : 0px;
	text-decoration : none;
	background-color : #9BD5FF
}

a.menulink12:hover {
	background-color : #6CC0FF
}

a.menulink12:visited {
	color : #000;
		letter-spacing: 1px;
	background-color : #C3E6FF;
}

a.menulink12:visited:hover {
	color : #000;
	background-color : #6CC0FF;
	text-decoration: none
}

a.menulink13:link {
	font : bold 70%/100% Verdana, Helvetica, Arial, sans-serif;
	color : #000;
	letter-spacing : 1px;
	margin : 0px;
	border : 0px;
	text-decoration : none;
	background-color : #9BD5FF
}

a.menulink13:hover {
	background-color : #6CC0FF
}

a.menulink13:visited {
	color : #000;
		letter-spacing: 1px;
	background-color : #C3E6FF;
}

a.menulink13:visited:hover {
	color : #000;
	background-color : #6CC0FF;
	text-decoration: none
}
*/

td {
	font : bold 80%/110% Helvetica, Arial, sans-serif;
	color: #000;
}

p {
	font : 90%/140% Helvetica, Arial, sans-serif;
	color: #000;
}

p a:link{
	font : 100% Helvetica, Arial, sans-serif;
	color : #094699
}

p a:hover{
	font : 100% Helvetica, Arial, sans-serif;
	color : #80C8FF
}

p a:visited{
	font : 100% Helvetica, Arial, sans-serif;
	color : #094699;
}

p a:visited:hover{
	font : 100% Helvetica, Arial, sans-serif;
	color : #80C8FF
}

a { 
	 text-decoration: underline
	 }

h1 {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 200%; 
	font-weight: normal; 
	color: #094699; 
	padding: 0px;
	margin: 0px; 
	line-height: 100%
}

h2 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%; 
	font-weight: bold; 
	color: #FFF; 
	padding: 5px 0px 5px 0px; 
	margin: 0px;
	line-height: 100%;
	background-color : #094699;
	text-indent : 2px
}

h3 { 
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-size: 140%; 
	font-weight: normal; 
	color: #094699;
	letter-spacing : 1px;
	line-height: 100%;
	background-color : #CDE9FF;
	padding: 10px 0px 10px 0px; 
	margin: 0px;
	border-color: #1F9EFF; 
	border-style: solid;
	border-width : 1px 0px 0px 0px;
	text-indent : 5px;
}

h3 li {
	list-style : inside url(http://www.hartlearn.org.uk/images/adeddot.gif);
}

h6 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 70%; 
	font-weight: bold; 
	color: #333; 
	margin: 0px; 
	line-height: 100%;
 	padding: 10px 0px 0px 0px;
	border-color: #1F9EFF; 
	border-style: solid;
	border-width: 1px 0px 0px 0px
}

h6 a:link { 
	color: #333; text-decoration: underline
	 }
	 
h6 a:hover { 
	color: #1F9EFF; text-decoration: underline 
	}
	
h6 a:visited { 
	color: #000; text-decoration: underline
	 }	

li {
	font : Verdana, Helvetica, Arial, sans-serif;
	}

a.invisiblelinks:link { 
	color: #FFFFFF
	 }
	 
a.invisiblelinks:visited { 
	color: #FFFFFF
	 }
	 
.contact {
	font : 80%/120% Helvetica, Arial, sans-serif;
	color : #0D68DF;
	}
	
.menuheader {
	visibility : hidden;
}

.otherhartsites {
	visibility : hidden;
}

.access {
font : 100% Arial, Helvetica, sans-serif;
position: absolute; 
top: 500px; 
right: 20px; 
width: 200px; 
border: 1px solid #9BD5FF; 
margin: 0px;
padding: 2px;
z-index: 1;
background-color: #FFF; 
overflow: visible; 
visibility: visible;
}

.access1 {
font : 100% Arial, Helvetica, sans-serif;
position: absolute; 
top: 530px; 
right: 20px; 
width: 200px; 
border: 1px solid #9BD5FF; 
margin: 0px;
padding: 2px;
z-index: 1;
background-color: #FFF; 
overflow: visible; 
visibility: visible;
}

.poll {
	top: 600px; 
	right: 20px; 
	width: 170px;
	position: absolute;
}

.map{
	background : url(/learningmap/maps/map1.gif);
}

.chide{
	background: url(/images/corners/tr.png) no-repeat;
	position: relative;
	margin-right: -12px;
	margin-top: -14px;
	width:28px;
	height:25px;
	float:right;
	display: block !important;
}
.chide2{
	background: url(/images/corners/tl.png) no-repeat;
	position: relative;
	margin-left: -14px;
	margin-top: -12px;
	width:25px;
	height:28px;
	float:left;
	display: block !important;
}
.chide3{
	background: url(/images/corners/br.png) no-repeat;
	position: relative;
	margin-right: -14px;
	margin-top: -16px;
	width:25px;
	height:28px;
	float:right;
	display: block !important;
}
.chide4{
	background: url(/images/corners/bl.png) no-repeat;
	position: relative;
	margin-left: -12px;
	margin-top: -11px;
	width:28px;
	height:25px;
	float:left;
	display: block !important;
}

.schide{
	background: url(/images/corners/tr.png) no-repeat;
	position: absolute;
	right: -2px;
	top: -4px;
	width:28px;
	height:25px;
	display: block !important;
}
.schide2{
	background: url(/images/corners/tl.png) no-repeat;
	position: absolute;
	left: -4px;
	top: -2px;
	width:25px;
	height:28px;
	display: block !important;
}
.schide3{
	background: url(/images/corners/br.png) no-repeat;
	position: absolute;
	right: -4px;
	bottom: -2px;
	width:25px;
	height:28px;
	display: block !important;
}
.schide4{
	background: url(/images/corners/bl.png) no-repeat;
	position: absolute;
	left: -2px;
	bottom: -4px;
	width:28px;
	height:25px;
	display: block !important;
}

.wrapper {
	min-height: 325px;
}