/* Screen Media CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;}

#pageFrame {
	width: 60em; 
	margin: 1em auto;}
	
/***********************************
Global
***********************************/

h1, h2, h3 {margin-top: 0;}
h1 {font-size: 1.5em}
h2 {font-size: 1.4em}
h3 {font-size: 1.3em}

a {color: #276770;}
a:hover {color: #68BECA;}
a img {border: 0;}

.error {color: #F00;}
.notice {color: #F60;}

.floatLeft {float: left;}
.floatRight {float: right;}
img.floatRight {margin: 0 0.5em 0.5em 0;}
img.floatRight {margin: 0 0 0.5em 0.5em;}

.alignLeft {text-align: left;}
.alignRight {text-align: right;}
.alignCenter {text-align: center;}

.hide {display: none;}

.clearFix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;}
.clearFix {display: inline-block;}
* html .clearFix {height: 1%;}
.clearFix {display: block;}

dl.float dt {
	float: left;}
dl.float dd {
	margin-bottom: 0.3em}
 
dl.floatSmall dt {
	float: left;
	width: 5em;}
dl.floatSmall dd {
	margin-left: 5em; 
	margin-bottom: 0.3em}
 
dl.floatMedium dt {
	float: left; 
	width: 10em;}
dl.floatMedium dd {
	margin-left: 10em; 
	margin-bottom: 0.3em}

dl.large dt {
	width: 15em;}
dl.large dd {
	margin-left: 15em;}
 
dl.noIndent dd {margin: 0.3em 0;}

dl dt.textBox,
dl dd.textBox {
	float: none;
	margin-left: 0;
	margin-bottom: 0.3em;}

.hr1 {height: 1px; border-bottom: 1px dotted #77C4CE; margin-bottom: 1em;}
.hr1 hr {display: none;}

/***********************************
pageHeader
***********************************/

#pageHeader {
	position: relative;
	padding: 0;
	margin-bottom: 0.5em;}
#pageHeader img.logo {
	float: right;}
	
#pageHeader p#siteTitle {
	font-size: 2em;
	font-weight: bold;
	margin: 0;}
	
#pageHeader p#siteTagline {margin-top: 0.5em;}
 
/***********************************
Main Menu
***********************************/
 
#mainMenuTop {
	clear: both;
	position: relative;
	height: 1px; 
	background-color: #77C4CE;}
#mainMenuTop .left {
	height: 1px; 
	width: 1px; 
	background-color: #FFF;}
#mainMenuTop .right {
	position: absolute;
	right: 0;
	height: 1px; 
	width: 1px;  
	background-color: #FFF;}
 
ul#mainMenu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: 1px solid #A0D6DD;
	border-top-width: 0;
	background: #77C4CE url(http://saveourschool.org.uk/style/images/menuBg.jpg) repeat-x top left;}
ul#mainMenu li {
	float: left;}
ul#mainMenu li a {
	display: block;
	margin-right: 10px;
	padding: 5px;
	padding-right: 19px;
	background: url(http://saveourschool.org.uk/style/images/menuItemBg1.jpg) no-repeat 100% 50%;
	text-decoration: none;}
ul#mainMenu li a:hover {
	color: #D21021;
	background: url(http://saveourschool.org.uk/style/images/menuItemBg2.jpg) no-repeat 100% 50%;}
	
/***********************************
Breadcrumbs
***********************************/

p#breadcrumbs {
	margin: 0.5em 0; 
	font-size: 0.8em; 
	padding-bottom: 5px; 
	border-bottom: 1px dotted #77C4CE;}
p#breadcrumbs a {border-bottom-width: 0;}
 
/***********************************
2 Column Left Layout
***********************************/

.twoColumnLeftOuter .twoColumnLeftInner {
	width: 100%;
	float: right;
	margin-left: -25.5%;}
.twoColumnLeftOuter .column1 {
	width: 25%;
	float: left;
	display: inline;}
.twoColumnLeftOuter .twoColumnLeftInner .column2 {
	margin-left: 25.5%;}
 
/***********************************
2 Column Right Layout
***********************************/

.twoColumnRightOuter .twoColumnRightInner {
	width: 100%;
	float: left;
	margin-right: -26.5%;}
.twoColumnRightOuter .twoColumnRightInner .column1 {
	margin-right: 26.5%;}
.twoColumnRightOuter .column2 {
width: 25%;
	float: right;
	display: inline;}
	
/***********************************
Sub Menu
***********************************/

ul.subMenu {
	margin: 0; 
	padding: 0;
	list-style-type: none;}
ul.subMenu li {
	border: 1px solid #276770; 
	margin-bottom: 1px;}
ul.subMenu li a {
	display: block; 
	border-left: 6px solid #276770; 
	padding: 3px;
	font-size: 0.9em;
	border-bottom-width: 0;
	text-decoration: none;}
ul.subMenu li a:hover {
	border-color: #D21021; 
	color: #D21021; 
	text-decoration: none;}

/***********************************
Page Navigation
***********************************/

p.pageNav {
	text-align: center;
	font-size: 0.8em;
	padding: 0.3em;
	border: 1px solid #CCC;}
p.pageNav a {border-bottom: 0;}
	
/***********************************
Image
***********************************/

.contentImage {
	margin: 0.5em auto;
	border: 1px solid #666;}
.contentImage p.caption {
	margin: 0;
	padding: 0.3em;
	background-color: #CCC;
	text-align: center;}

/***********************************
Gallery
***********************************/

.galleryImage {
	text-align: center;}
.gallery2 .galleryImage  {
	width: 50%;
	float: left;}
.gallery3 .galleryImage  {
	width: 33.3%;
	float: left;}
.gallery4 .galleryImage  {
	width: 25%;
	float: left;}
	
/***********************************
Links
***********************************/

.contentLinks ul,
.contentLinks ul li {
	margin-left: 0;
	padding-left: 0;
	list-style: none;}
	
dl.contentLinks dd {
	margin: 0.3em 0 1em 1.5em;}

/***********************************
Articles, Events, Directory
***********************************/

dl.articles dd,
dl.directory dd,
dl.events dd {
	margin: 0.3em 0 1em 1.5em;}

dl.articles dd .published,
dl.directory dd .published,
dl.events dd .published {
	color: #666;}
	
/***********************************
Timetable
***********************************/

table#timetable {
	border-collapse: collapse;}
table#timetable th,
table#timetable td {
	border: 1px solid #CCC;
	text-align: center;}
table#timetable td p {
	margin-top: 0;
	font-size: 0.85em;}
	
/***********************************
Quote
***********************************/

.quoteTop,
.quoteTop div,
.quoteTop div div,
.quoteBot,
.quoteBot div,
.quoteBot div div {
	height: 13px;
	overflow: hidden;}
.quoteTop,
blockquote.quote,
.quoteBot {
	background-color: #E5212F;}
.quoteTop {margin-top: 0.5em;}
.quoteTop div {background: url(http://saveourschool.org.uk/style/images/quoteTop1.png) no-repeat top left;}
.quoteTop div div {background: url(http://saveourschool.org.uk/style/images/quoteTop2.png) no-repeat top right;}
blockquote.quote {
	margin: 0; 
	padding: 0.75em 0 0.1em 0;
	background: #E5212F url(http://saveourschool.org.uk/style/images/quoteOpen.png) no-repeat 5% 0;}
blockquote.quote p.quote {
	font-family: georgia, serif; 
	font-size: 1.1em; 
	text-align: center; 
	padding: 0 2em 1.5em 2em; 
	background: url(http://saveourschool.org.uk/style/images/quoteClose.png) no-repeat 95% 100%;}
blockquote.quote p.author {
	font-size: 0.8em; 
	padding: 0 2em; 
	margin: 0.5em 0;}
.quoteBot {margin-bottom: 0.5em;}
.quoteBot div {background: url(http://saveourschool.org.uk/style/images/quoteBot1.png) no-repeat top left;}
.quoteBot div div {background: url(http://saveourschool.org.uk/style/images/quoteBot2.png) no-repeat top right;}

.quoteTop.grey,
blockquote.grey,
.quoteBot.grey {
	background-color: #CCC;}
	
/***********************************
Comment
***********************************/

a.addComment {
	background: url(http://saveourschool.org.uk/style/images/comment.png) no-repeat 0 0;
	padding-left: 18px;}
.commentListItem {
	background-color: #D6EEF0;
	padding: 0.75em;
	margin-bottom: 1em;}
.commentListItem h3 {
	font-size: 0.9em;
	font-weight: normal;}
.commentListItem h3 b {
	font-size: 1.5em;}
a.complaint {
	background: url(http://saveourschool.org.uk/style/images/alert.png) no-repeat 0 0;
	padding-left: 18px;}

/***********************************
Footer
***********************************/

#pageFooter {
	margin-top: 0.5em;
	border-top: 1px dotted #77C4CE;
	color: #666;}
#pageFooter  p.footer {
	font-size: 0.9em;
        text-align: center;}
#pageFooter p.disclaimer {
	background-color: #EEEEEE;
	border: 1px dotted #CCCCCC;
	color: #666666;
	font-size: 0.7em;
	margin-top: 0.5em;
	padding: 0.2em;
        text-align: center;}

/***********************************
RSS
***********************************/

a.rss {
	background: url(http://saveourschool.org.uk/style/images/rssFeed.gif) no-repeat 0 0;
	padding-left: 18px;}

/***********************************
Social Links
***********************************/

#socialLinks ul li {
	list-style: none;
	padding: 0.2em 0;}
#socialLinks ul li img {
	vertical-align: text-top;}

/***********************************
Petition
***********************************/

#petitionForm {
	border: 1px dotted #CCC;
	background-color: #FEFFBF;
	font-size: 0.9em;
	padding: 0.3em;}
#petitionForm p.title {
	margin-top: 0;
	font-weight: bold;}
#petitionForm dl {
	margin-bottom: 0.3em;
	font-size: 0.95em;}
#petitionForm p.submit {
	margin: 0;
	text-align: right;}