/*

Great Walstead School	

Created April 2009

Last Updated August 2009

All design and content copyright 2009 Great Walstead School

*/


/* UNIVERSAL & BODY STYLES
-------------------------------------------------------------- */

body {
	background-color: #ffffff;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0pt auto;
	text-align: left;
	color: #000035;
	line-height: 1.4;
}

.inner { width: 940px; margin: 0pt auto;}

.right { float: right;}

.left {float: left;}

.clear {clear: both;}

img, div { behavior: url(../css/iepngfix.htc) }


/* CMS SPECIFICS
-------------------------------------------------------------- */

/* <textEditor> */
.highlight {color: #002060;}
/* </textEditor> */


/* HEADINGS
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-family: Georgia, Arial, sans-serif;font-weight: bold; color: #000035; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; color: #000035; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em;  }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* TEXT ELEMENTS
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; font-size: 1.3em; color: #555555;}

a:focus, 
a:hover     { color: #000035; text-decoration: underline; }
a           { color: #000035; text-decoration: none;}

/* LISTS
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

ul.level2 li {font-size: 1em; }

/* HEAD STYLES
-------------------------------------------------------------- */

#head {
	height: 115px;
	border-bottom: 1px solid #b90039;
}

#head .logo {
	float: right;
	margin: 30px 0 0 0;
}

#head .head-contact {
	margin: 25px 0 0 0;
}

#head .head-contact a {
	text-decoration: none;
	color: #999999;
}

#head .head-contact a:hover {
	text-decoration: underline;
	color: #000066;
}

#head .motto {
	margin: 30px 0 0 0;
	float: left;
}

.pink {
	color: #b90039;
}

/* ADVERT STYLES
-------------------------------------------------------------- */

#advert {
	clear: both;
	background: #FFFFFF url(../images/advert_background.jpg) repeat-x;
}

#advert .inner {
	position: relative;
	height: 298px;
	bottom: 0;
}


/* INNER ADVERT STYLES
-------------------------------------------------------------- */

#inner-advert {
	clear: both;
	border-top: 1px solid #b90039;
	border-bottom: 1px solid #b90039;
	background: #FFFFFF url(../images/advert_background_inner.jpg) repeat-x;
}

#inner-advert .inner {
	position: relative;
	height: 249px;
}

#inner-advert h2 {
	color: #b90039;
	margin: 0;
	padding-top: 10px;
}

#inner-advert .photoGalleryElement {
	margin: 30px 0 0 0;
	
}

#inner-advert .photoGalleryElement .thumbShadow {
	margin: 8px 11px 8px 11px;
}

.detail-img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

span.dropdown-image {
	display: none;
}

.inner-content .form_container {
	margin-top: 0;
}


/* NAVIGATION STYLES
-------------------------------------------------------------- */

#navigation {
	position: absolute;
	height: 37px;
	bottom: 0;
	width: 940px;
	z-index: 2;
}

#home #navigation {
	background-image: url(../images/nav_back.png);
	background-repeat: repeat-x;
	height: 36px;
	border-top: 1px solid #FFFFFF
}

#detail #navigation {
	background-image: url(../images/nav_back.png);
	background-repeat: repeat-x;
	height: 36px;
}

#navigation ul {
	list-style-type: none;
	float: left;
	padding:0;
	margin: 5px 0 0 20px;
	_margin-left: 10px;	
}

#navigation  ul li {
	float: left;
	padding: 0 10px 0 10px;
	border-right: 1px #ffffff solid;
}

#navigation li.last-nav  {
	border-right: none;
}

#navigation  ul a {
	font-family: Georgia, Arial, sans-serif;
	color: #ffffff;
	font-size: 2em;
	display: block;
	font-weight:bold;
	text-decoration: none;
	line-height: 1.4;
}

#navigation ul a:hover {
	text-decoration: underline;
}


/* CONTENT STYLES
-------------------------------------------------------------- */

#content {
	background: #FDFDFD url(../images/content_background.jpg) repeat-x;
	border-top: 1px solid #b90039;
}

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

.right-box {
	float: right;
	margin: 0;
	width: 300px;
}

.right-box h2 {
	padding-bottom: 20px;
	border-bottom: 1px solid #999999;
	margin-top: 0;
}

.middle-box {
	float: right;
	margin: 0 20px 0 0;
	width: 300px;
}

.left-box {
	float: right;
	margin: 0 20px 0 0;
	width: 300px;
}

.left-box h3 {
	line-height: 1.2;
}

.rss img {
	border: none;
	float: right;
}

.middle-box h2 {
	padding-bottom: 20px;
	border-bottom: 1px solid #999999;
	margin-top: 0;
}

.left-box h2 {
	margin-top: 0;
}

.middle-box ul {
	margin: 0;
	padding: 0;
}

.middle-box li {
	list-style-image: url(../images/list-style-image.jpg);
	list-style-position: inside;
	font-size: 1.4em;
	margin: 0 0 20px 0;
}

.middle-box .list-style-image-2 {
	list-style-image: url(../images/list-style-image-2.jpg);
	list-style-position: inside;
}

.middle-box ul p {
	font-size: .9em;
	margin-left: 28px;
}

.middle-box a {
	text-decoration: none;
	color: #000066;
	vertical-align: top;
	padding-left: 5px;
}

.middle-box a:hover {
	text-decoration: underline;
}

#flip-tabs{
	width:300px;
	margin:0 auto; position:relative;
}
#flip-navigation{
	margin:0; padding:0; 
	list-style:none;
}
#flip-navigation { 
	display:inline; 
}
#flip-navigation  a{
	text-decoration:none;
	padding: 0 5px 0 0;
	margin-right:0px;
	outline: none;
}
#flip-navigation a:hover{
	color:#B90039;
}
#flip-navigation .selected a{
	color:#000035;
}
#flip-container{  
	width:300px;
}

#flip-container div {
	margin:0; padding:0;
}

.right-box h2.postTitle {
	font-size: 1.3em;
	border-bottom: none;
	margin: 0;
	padding: 0;
}

.eventDate {
	font-size: 1.4em;
	padding-bottom: 10px;
}

.eventBody {
	font-size: 1.3em;
}

/* INNER CONTENT STYLES
-------------------------------------------------------------- */

.inner-links {
	width: 300px;
	float: right;
	margin: 25px 0 0 0;
}

.inner-links h2 {
	padding-bottom: 20px;
	border-bottom: 1px solid #999999;
	margin-top: 0;
}

.inner-links ul {
	float: left;
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
}

.inner-links li {
	font-size: 1.3em;
	background-image: url(../images/list-style-image.jpg);
	background-repeat:no-repeat;
	margin-bottom: 10px;
	padding: 0 0 5px 30px;
	color: #000066;
	line-height: 1.8;
}

.inner-links a {
	text-decoration: none;
}

.inner-links a:hover {
	text-decoration: underline;
}

.inner-content {
	width: 600px;
	float: left;
	padding: 0 20px 10px 0;
}

.inner-content h1 {
	font-size: 2em;
}

.inner-content h2 {
	margin-top: 12px;
}

.inner-content a {
	color: #bc0138;
}

.inner-content ul {
	margin: 0 0 1.5em 15px;
	padding: 0;
}

.inner-content li {
	list-style-position: outside;
	list-style-type:circle;
	font-size:1.3em;
	margin-bottom: 5px;
	color:#555555;
}

.inner-content table td {
	font-size: 1.3em;
	color:#555555;
}

.google-map {
	margin-bottom: 20px;
}

address {
	font-size: 1.3em;
}

.inner-content table.calendarTitle tbody tr td {
	background-color: #000035;
	color: #FFF;
}

.calendarDayHeader {
	background-color: #e6988c;
}


/* FOOTER STYLES
-------------------------------------------------------------- */

#footer {
	clear: both;
	margin: 0 0 10px 0;
	background: #FDFDFD url(../images/content_background.jpg) repeat-x;
	height: 100%;
}

#footer .inner {
	border-top: 1px solid #333333;
	width: 940px;
	margin: 0 auto;
	background-color: #fdfdfd;
}

#footer p {
	font-size: 1.1em;
	padding-bottom: 20px;
}

#footer a {
	color: #434749;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

.schoolwebsite-link {
	float: right;
	margin: 5px 0 0 0;
}

.copyright {
	margin: 5px 0 0 0;
	float: left;
}