/*
Theme Name: Grimoldby School
Theme URI: http://grimoldbyschool.org/
Description: The default Grimoldby School theme <a href="http://www.grimoldbyschool.co.uk">Grimoldby School</a>.
Version: 1.0
Author: Nick Smith
Author URI: http://www.imarque.com/

	Grimoldby School v1.0
	 http://www.grimoldbyschool.co.uk

	This theme was designed and built by Nick Smith,
	whose website you will find at http://www.imarque.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
/* CSS Document */


body {
	background-image:url(images/mainbg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#FFFFFF;
	color: #333;
	margin:auto;
}

#navigation {
width:960px;
height:34px;
background-color:#0387db;
position:relative;
z-index:100;
}

#container {
width:960px;
height:100%;
background-image:url(images/grimoldbybg.jpg);
background-repeat:repeat-x;
text-align: left;
margin:auto;
position:relative;
top:0px;
display:block;

}

#homepage-content {
width:945px;
margin-left:15px;
padding-bottom:15px;
font-family:verdana;
font-size:9pt;
color:#000066;
line-height:14pt;
position:relative;
display:block;

}

#internal-content-two {
width:960px;
height:100%;
background-image:url(images/grimoldbybg.jpg);
background-color:#e8ecf7;
background-repeat:repeat-x;
background-position:top right;
display:block;

}

#internal-content {
width:930px;
height:100%;
padding:15px;
font-family:verdana;
font-size:9pt;
color:#000066;
line-height:14pt;
background-image:url(images/grimoldbybg.jpg);
background-repeat:repeat-x;
background-position:top right;
background-color:#e8ecf7;
margin:auto;


}

#internal-content h1 {
font-size:20pt;
font-family:verdana;
font-weight:normal;
color:#000033;
}

#internal-content h2 {
font-size:18pt;
font-family:verdana;
font-weight:normal;
color:#000033;
}

#internal-content h3 {
font-size:16pt;
font-family:verdana;
font-weight:normal;
color:#000033;
}

#internal-content h4 {
font-size:14pt;
font-family:verdana;
font-weight:normal;
color:#000033;
}

#internal-content h5 {
font-size:12pt;
font-family:verdana;
font-weight:normal;
color:#000033;
}

#internal-content a {
text-decoration:underline;
color:#000033;
}

#internal-content a:hover {
text-decoration:none;
color:#000033;
}

#internal-content iframe {
width:930px;
height:500px;
border-width:1px;
border-color:#000066;
border-style:solid;
}

#blog-feed {
width:222px;
margin-right:15px;
margin-bottom:15px;
float:left;
position:relative;
top:0px;
left:0px;
}

#blog-feed-header {
width:222px;
height:34px;
}

#blog-feed-middle {
width:222px;
background-color:#fff51b;
}

#blog-feed-middle a {
font-family:verdana;
font-size:9pt;
text-decoration:underline;
color:#003366;
}

#blog-feed-middle a:hover {
font-family:verdana;
font-size:9pt;
text-decoration:none;
color:#003366;
}

#blog-feed-middle ul {
list-style-type:none;
}

#blog-feed-middle li {
list-style-type:none;
margin-left:-20px;
}

#blog-feed-footer {
width:222px;
height:9px;
}



#calendar-feed {
width:222px;
margin-right:15px;
margin-bottom:15px;
float:left;
}

#calendar-feed-header {
width:222px;
height:34px;
}

#calendar-feed-middle {
width:222px;
background-color:#fff51b;
font-family:verdana;
font-size:9pt;
color:#000033;
text-align:left;
}

#calendar-feed-middle li {
list-style:none;

}

#calendar-feed-middle a {
text-decoration:underline;

}

#calendar-feed-middle a:hover {
text-decoration:none;

}

#calendar-feed-footer {
width:222px;
height:9px;
}

#top-image-container {
width:955px;
height:245px;
clear:both;
border-left:2px;
border-right:2px;
border-top:0px;
border-bottom:0px;
border-style:solid;
border-color:#0066CC;
}

#navigation {
width:956px;
height:34px;
background-color:#0387db;
text-align:center;

}

#form {
width:318px;
height:509px;
float:right;
top:0px;

}

#form-two {
width:245px;
height:509px;
padding-left:15px;
float:right;
top:0px;
position:relative;
}


#homepage-content-form {
width:945px;
height:513px;
background-image:url(images/contact-form-bg.gif);
background-repeat:no-repeat;
background-position:top right;
display:block;

}

#homepage-content-form-two {
width:945px;
height:513px;
background-image:url(images/contact-form-header.gif);
background-repeat:no-repeat;
background-position:top right;
display:block;

}

#top-image-container {
width:955px;
height:245px;
clear:both;
margin:auto;
text-align:center;
}

#footer {
background-color:#0387db;
width:930px;
height:120px;
margin:auto;
font-family:verdana;
color:#ffffff;
font-size:9pt;
text-align:center;
padding:15px;
line-height:12pt;
	
}

#footer li {
display:inline;
list-style:none;
}

#footer a {
font-family:verdana;
color:#ffffff;
text-decoration:underline;
font-size:9pt;
margin-left:5px;
margin-right:5px;

}

#footer a:hover {
font-family:verdana;
color:#ffffff;
text-decoration:none;
font-size:9pt;
margin-left:5px;
margin-right:5px;

}

/* START TOP BUTTONS */

.menu2 {
width:960px;
text-align:center;
}

.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:normal;
	color:#ffffff;
	width:960px;
	height:34px;
	background:#0387db;
	text-align:center;
	}
.navigation-orange ul{
	height:34px;
	list-style:none;
	margin:0;
	padding:0;
	list-style-type:none;
	}
.navigation-orange li{
		float:left;
		padding:0px;
		list-style-type:none;
		}
.navigation-orange li a{
		font-size:9pt;
		font-family:verdana;
		text-decoration:underline;
		font-weight:normal;
		text-align:center;
		color:#ffffff;
		display:block;
		line-height:35px;
		margin-left:0px;
		margin-right:0px;
		padding:0px 0px;
		background-image:url(images/orange-button.gif);
		background-repeat:no-repeat;
		background-position:center;
		width:160px;
		height:34px;
		list-style-type:none;
		}
.navigation-orange li a:hover, .navigation-orange ul li:hover a{
		font-size:9pt;
		font-family:verdana;
		text-decoration:none;
		color:#ffffff;
		background-image:url(images/orange-button-over.gif);
		background-repeat:no-repeat;
		background-position:center;
		margin-left:0px;
		margin-right:0px;
		width:160px;
		height:34px;
		list-style-type:none;
		}
		
.navigation-orange li ul{
		background-color:#FF9900;
		display:none;
		height:auto;
		padding:0px;
		margin-left:2px;
		border:0px;
		width:156px;
		z-index:200;
		position:absolute;
		float:left;
		/*top:1em;
		/*left:0;*/
		}
	.navigation-orange li:hover ul{
		display:block;
		
		}
	.navigation-orange li li {
		
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:156px;
		}
	.navigation-orange li:hover li a{
		background:none;
		
		}
	.navigation-orange li ul a{
		display:block;
		height:34px;
		font-size:8pt;
		font-weight:normal;
		margin:0px;
		padding:0px 5px 0px 5px;
		text-align:left;
		width:146px;
		}
		.navigation-orange li ul a:hover, .navigation-orange li ul li:hover a{
		    font-size:8pt;
			background-color:#FF6600;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			width:146px;
			}
		
.navigation-red ul{
	height:34px;
	list-style:none;
	margin:0;
	padding:0;
	list-style-type:none;
	}
.navigation-red li{
		float:left;
		padding:0px;
		list-style-type:none;
		}
.navigation-red li a{
		font-size:9pt;
		font-family:verdana;
		text-decoration:underline;
		font-weight:normal;
		text-align:center;
		color:#ffffff;
		display:block;
		line-height:35px;
		margin-left:0px;
		margin-right:0px;
		padding:0px 0px;
		background-image:url(images/red-button.gif);
		background-repeat:no-repeat;
		background-position:center;
		width:160px;
		height:34px;
		list-style-type:none;
		}
.navigation-red li a:hover, .navigation-red ul li:hover a{
		font-size:9pt;
		font-family:verdana;
		text-decoration:none;
		color:#ffffff;
		background-image:url(images/red-button-over.gif);
		background-repeat:no-repeat;
		background-position:center;
		width:160px;
		margin-left:0px;
		margin-right:0px;
		height:34px;
		list-style-type:none;
		}
		
		.navigation-red li ul{
		background-color:#FF0000;
		display:none;
		height:auto;
		padding:0px;
		margin-left:2px;
		border:0px;
        width:156px;
		z-index:200;
		position:absolute;
		float:left;
		/*top:1em;
		/*left:0;*/
		}
	.navigation-red li:hover ul{
		display:block;
		
		}
	.navigation-red li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:156px;
		}
	.navigation-red li:hover li a{
		background:none;
		
		}
	.navigation-red li ul a{
		display:block;
		height:34px;
		font-size:8pt;
		font-weight:normal;
		margin:0px;
		padding:0px 5px 0px 5px;
		text-align:left;
		width:146px;
		}
		.navigation-red li ul a:hover, .navigation-red li ul li:hover a{
		    font-size:8pt;
			background-color:#CC0000;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			width:146px;
			}
		
.navigation-green ul{
	height:34px;
	list-style:none;
	margin:0;
	padding:0;
	list-style-type:none;
	}
.navigation-green li{
		float:left;
		padding:0px;
		list-style-type:none;
		}
.navigation-green li a{
		font-size:9pt;
		font-family:verdana;
		text-decoration:underline;
		font-weight:normal;
		text-align:center;
		color:#ffffff;
		display:block;
		line-height:35px;
		margin-left:0px;
		margin-right:0px;
		padding:0px 0px;
		background-image:url(images/green-button.gif);
		background-repeat:no-repeat;
		background-position:center;
		width:160px;
		height:34px;
		list-style-type:none;
		}
.navigation-green li a:hover, .navigation-green ul li:hover a{
		font-size:9pt;
		font-family:verdana;
		text-decoration:none;
		color:#ffffff;
		background-image:url(images/green-button-over.gif);
		background-repeat:no-repeat;
		background-position:center;
		margin-left:0px;
		margin-right:0px;
		width:160px;
		height:34px;
		list-style-type:none;
		}
		
.navigation-green li ul{
		background-color:#339900;
		display:none;
		height:auto;
		padding:0px;
		margin-left:2px;
		border:0px;
		width:156px;
		z-index:200;
		position:absolute;
		float:left;
		/*top:1em;
		/*left:0;*/
		}
	.navigation-green li:hover ul{
		display:block;
		
		}
	.navigation-green li li {
		
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:156px;
		}
	.navigation-green li:hover li a{
		background:none;
		
		}
	.navigation-green li ul a{
		display:block;
		height:34px;
		font-size:8pt;
		font-weight:normal;
		margin:0px;
		padding:0px 5px 0px 5px;
		text-align:left;
		width:146px;
		}
		.navigation-green li ul a:hover, .navigation-green li ul li:hover a{
		    font-size:8pt;
			background-color:#336600;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			width:146px;
			}
		
.navigation-purple ul{
	height:34px;
	list-style:none;
	margin:0;
	padding:0;
	list-style-type:none;
	}
.navigation-purple li{
		float:left;
		padding:0px;
		list-style-type:none;
		}
.navigation-purple li a{
		font-size:9pt;
		font-family:verdana;
		text-decoration:underline;
		font-weight:normal;
		text-align:center;
		color:#ffffff;
		display:block;
		line-height:35px;
		margin-left:0px;
		margin-right:0px;
		padding:0px 0px;
		background-image:url(images/purple-button.gif);
		background-repeat:no-repeat;
		background-position:center;
		width:160px;
		height:34px;
		list-style-type:none;
		}
.navigation-purple li a:hover, .navigation-purple ul li:hover a{
		font-size:9pt;
		font-family:verdana;
		text-decoration:none;
		color:#ffffff;
		background-image:url(images/purple-button-over.gif);
		background-repeat:no-repeat;
		background-position:center;
		margin-left:0px;
		margin-right:0px;
		width:160px;
		height:34px;
		list-style-type:none;
		}
		
.navigation-purple li ul{
		background-color:#660099;
		display:none;
		height:auto;
		padding:0px;
		margin-left:2px;
		border:0px;
		width:156px;
		z-index:200;
		position:absolute;
		float:left;
		/*top:1em;
		/*left:0;*/
		}
	.navigation-purple li:hover ul{
		display:block;
		
		}
	.navigation-purple li li {
		
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:156px;
		}
	.navigation-purple li:hover li a{
		background:none;
		
		}
	.navigation-purple li ul a{
		display:block;
		height:34px;
		font-size:8pt;
		font-weight:normal;
		margin:0px;
		padding:0px 5px 0px 5px;
		text-align:left;
		width:146px;
		}
		.navigation-purple li ul a:hover, .navigation-purple li ul li:hover a{
		    font-size:8pt;
			background-color:#330066;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			width:146px;
			}
		
.navigation-yellow ul{
	height:34px;
	list-style:none;
	margin:0;
	padding:0;
	list-style-type:none;
	}
.navigation-yellow li{
		float:left;
		padding:0px;
		list-style-type:none;
		}
.navigation-yellow li a{
		font-size:9pt;
		font-family:verdana;
		text-decoration:underline;
		font-weight:normal;
		text-align:center;
		color:#ffffff;
		display:block;
		line-height:35px;
		margin-left:0px;
		margin-right:0px;
		padding:0px 0px;
		background-image:url(images/yellow-button.gif);
		background-repeat:no-repeat;
		background-position:center;
		width:160px;
		height:34px;
		list-style-type:none;
		}
.navigation-yellow li a:hover, .navigation-yellow ul li:hover a{
		font-size:9pt;
		font-family:verdana;
		text-decoration:none;
		color:#ffffff;
		background-image:url(images/yellow-button-over.gif);
		background-repeat:no-repeat;
		background-position:center;
		margin-left:0px;
		margin-right:0px;
		width:160px;
		height:34px;
		list-style-type:none;
		}
		
.navigation-yellow li ul{
		background-color:#FFCC00;
		display:none;
		height:auto;
		padding:0px;
		margin-left:2px;
		border:0px;
		width:156px;
		z-index:200;
		position:absolute;
		float:left;
		/*top:1em;
		/*left:0;*/
		}
	.navigation-yellow li:hover ul{
		display:block;
		
		}
	.navigation-yellow li li {
		
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:156px;
		}
	.navigation-yellow li:hover li a{
		background:none;
		
		}
	.navigation-yellow li ul a{
		display:block;
		height:34px;
		font-size:8pt;
		font-weight:normal;
		margin:0px;
		padding:0px 5px 0px 5px;
		text-align:left;
		width:146px;
		}
		.navigation-yellow li ul a:hover, .navigation-yellow li ul li:hover a{
		    font-size:8pt;
			background-color:#CCCC00;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			width:146px;
			}
		
.navigation-pink ul{
	height:34px;
	list-style:none;
	margin:0;
	padding:0;
	list-style-type:none;
	}
.navigation-pink li{
		float:left;
		padding:0px;
		list-style-type:none;
		}
.navigation-pink li a{
		font-size:9pt;
		font-family:verdana;
		text-decoration:underline;
		font-weight:normal;
		text-align:center;
		color:#ffffff;
		display:block;
		line-height:35px;
		margin-left:0px;
		margin-right:0px;
		padding:0px 0px;
		background-image:url(images/pink-button.gif);
		background-repeat:no-repeat;
		background-position:center;
		width:160px;
		height:34px;
		list-style-type:none;
		}
.navigation-pink li a:hover, .navigation-pink ul li:hover a{
		font-size:9pt;
		font-family:verdana;
		text-decoration:none;
		color:#ffffff;
		background-image:url(images/pink-button-over.gif);
		background-repeat:no-repeat;
		background-position:center;
		margin-left:0px;
		margin-right:0px;
		width:160px;
		height:34px;
		list-style-type:none;
		}
			
	.navigation-pink li ul{
		background-color:#FF6666;
		display:none;
		height:auto;
		padding:0px;
		margin-left:2px;
		border:0px;
		width:156px;
		z-index:200;
		position:absolute;
		float:left;
		/*top:1em;
		/*left:0;*/
		}
	.navigation-pink li:hover ul{
		display:block;
		
		}
	.navigation-pink li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:156px;
		}
	.navigation-pink li:hover li a{
		background:none;
		
		}
	.navigation-pink li ul a{
		display:block;
		height:34px;
		font-size:8pt;
		font-weight:normal;
		margin:0px;
		padding:0px 5px 0px 5px;
		text-align:left;
		width:146px;
		}
		.navigation-pink li ul a:hover, .navigation-pink li ul li:hover a{
		    font-size:8pt;
			background-color:#FF0066;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			width:146px;
			}
	
	.menu p{
	
		}
		
#blog-left-nav {
width:200px;
float:left;
position:relative;

}

#blog-left-nav li {
list-style-type:none;

}

#blog-left-nav h2 {
font-size:14pt;

}

#blog-main-content {
width:700px;
float:right;
position:relative;
}