@charset "utf-8";
/* CSS Document */

/*
Theme URL: http://www.extendedschools.com/
Description: Advertising services for Extended Schools in the Ashby area.
Author: Joshua Gutteridge (Skyte Media)
Author URL: http://www.skytemedia.com/

Copyright (c) Extended Schools - Ashby de la Zouch.

/* Generic
---------------------------------------------------------------------------------*/
body {
	font: 12px/1.5em arial;
	color: #333;
	padding: 0;
	margin: 0;
	background-color: #EEE;
}

img {
	border: 0px;
}

h1 {
	font: 22px arial;
	color: #444;
	margin: 0;
	padding: 0;
}

h2 {
	font: 18px arial;
	color: #444;
}

p {
	clear: left;
}

.small {
	font: 10px arial;
	color: #444;
}

.clear {
	clear: both;
}

.info {
	border: 1px solid #CCC;
	padding: 10px;
	background: #EEE url(../images/icons/lightbulb.jpg) no-repeat;
	padding-left: 55px;
}

/* Links
---------------------------------------------------------------------------------*/
a:link {
	text-decoration: underline;
	color:#333;
}
a:visited {
	text-decoration: underline;
	color:#333;
}
a:hover {
	text-decoration: underline;
	color: #068;
}
a:active {
	text-decoration: none;
}

#container {
	width: 800px;
	margin: 20px auto;
	background-color: #FFF;
}

#header {
	padding: 20px;
	float: left;
}

#logout {
	padding: 20px;
	float: right;
	background-color: #DDD;
}

#content {
	clear: both;
	padding: 0px 20px 20px 20px;
}

#content_left {
	float: left;
	width: 300px;
}

#content_right {
	float: left;
	width: 300px;
	padding-right: 20px;
}

/* Link Module
---------------------------------------------------------------------------------*/
#link {
	width: 250px;
}

#link ul {
	margin: 0;
	padding: 0;
}

#link li {
	margin-top: 2px;
	list-style-type: none;
	width: 250px;
}

#link a {
	border: 1px solid #CCC;
	padding: 6px 2px 6px 32px;
	display: block;
	color:#333;
	text-decoration: none;
}

#link a:hover {
	border: 1px solid #333;
	text-decoration: none;
	color: #333;
}

.upload {background: url(../images/icons/upload.jpg) no-repeat left center;}
.error {background: url(../images/icons/error.gif) no-repeat left center;}
.new {background: url(../images/icons/new.gif) no-repeat left center;}
.pdf {background: url(../images/icons/pdf.gif) no-repeat left center;}
.school {background: url(../images/icons/school.gif) no-repeat left center;}
.core {background: url(../images/icons/core.jpg) no-repeat left center;}
.activity {background: url(../images/icons/activity.jpg) no-repeat left center;}
.time {background: url(../images/icons/time.gif) no-repeat left center;}

/* Login
---------------------------------------------------------------------------------*/
.contact_left {
	width: 100px;
	float: left;
	font: 14px/2.2em Arial;
	color: #222;
	clear:both;
	padding: 5px 0;
}

.contact_right {
	width: 500px;
	float: left;
	padding: 5px 0;
}

#contact_send {
	width: 300px;
	float: left;
	padding: 3px 0 0 100px;
}

.contact_field {
	border: 1px solid #CCC;
	height: 20px;
	font: 14px/1.5em Arial;
	color: #333;
	padding: 5px;
	width: 300px;
}

.contact_box {
	width: 500px;
	border: 1px solid #CCC;
	height: 50px;
	font: 14px/1.5em Arial;
	color: #333;
	padding: 5px;
}

.contact_fault{
	border: 1px solid #CCC;
	font: 14px/1.5em Arial;
	color: #333;
	padding: 5px;
}

.button_2{
	border: 1px solid #CCC;
	padding: 5px;
	margin: 0 3px 15px 0;
	clear: both;
}

.button_2:hover{
	border: 1px solid #333;
	background-color: #D8E8EE;
	padding: 5px;
	cursor: pointer;
}

.img {
float: left;
}

/* Clearfix
---------------------------------------------------------------------------------*/
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */