/****************************************/
/* Title: West Bridgford School 	*/
/* Created by: Charlie Gentle		*/
/* Website: www.charliegentle.co.uk	*/
/* Date: 12/10/08			*/
/****************************************/

/* Website Colours

Blue:			#00456a;
Yellow:			#fdb813;
Normal Text:		#343434;

 End website colours */


/***** START Normalise CSS Rules *****/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,label,select,textarea,p,blockquote,th,td
{ 
	margin:0;
	padding:0;
}

img,fieldset
{
	border:none;
}

/***** END Normalise CSS Rules *****/

body
{
	margin:0;
	padding:0;
	background-color:#00456a;
	font-family:"trebuchet ms";
	font-size:62.5%;
}

#mainContainer
{
	width:848px;
	margin:10px auto 0px auto;
	padding:0px 0px 50px 0px;
	background:#ffffff url("images/footer.gif") no-repeat bottom left;
}

#header
{
	height:150px;
	background:url("images/header.jpg") no-repeat;
	margin:00px 0px 20px 0px;
	border-top:10px solid #fdb813;
}

#navBar
{
	width:117px;
	float:left;
	margin:0px 20px;
	display:inline;
}

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

#navBar ul li
{
	margin:0px 0px 5px 0px;
	padding:0;
	list-style:none;
	height:100%;
	font-size:1em;
}

#navBar ul li a
{
	margin:0px 0px 0px 0px;
	display:block;
	width:107px;
	height:33px;
	line-height:33px;
	background:url("images/navbar.gif") no-repeat 0px 0px;
	font-size:1.4em;
	text-decoration:none;
	color:#00456a;	
	padding:0px 0px 0px 10px;
	font-weight:bold;
}

#navBar ul li a.doubleLine
{
	line-height:1em;
	padding:2px 0px 0px 10px;
	height:31px;
}

#navBar ul li a:hover,
#navBar ul li a.current
{
	background:url("images/navbar.gif") no-repeat 0px -33px;
	color:#ffffff;
}


#navBar ul li ul li
{
	list-style:disc;
	padding:0px 0px 1px 0px;
	margin:0px 0px 5px 15px;
	color:#00456a;
	height:100%;
	vertical-align:middle;

}

#navBar ul li ul li a
{
	margin:0px 0px 0px 0px;
	padding:0;
	width:auto;
	height:auto;
	display:block;
	background:none;
	line-height:1.2em;
	font-size:1.2em;
	font-weight:bold;
}

#navBar ul li ul li a:hover,
#navBar ul li ul li a.current

{
	background:none;
	color:#7fa2b4;
}

#mainContent
{
	float:left;
	width:393px;
	display:inline;
}

#fullWidthMainContent
{
	float:left;
	width:671px;
	display:inline;
}

#sideBar
{
	float:left;
	margin:0px 20px;
	width:258px;
	display:inline;
}

#footer
{
	width:848px;
	margin:10px auto 10px auto;
}

#footer img
{
	margin: 0px 5px 0px 0px;
}

#footerLogos
{
	float:left;
	margin:0px 0px 20px 0px;
}

#footer p
{
	margin:0;
	color:#bed8e6;
	font-size:1.1em;
}

#footer a
{
	color:#bed8e6;
}

#footerAddress
{
	float:left;
	width:235px;
	margin:5px 30px 0px 20px;
}

#footerContact
{
	float:left;
	margin:5px 0px 0px 0px;
}

#footerLegal
{
	clear:both;
	margin:10px 0px 0px 0px;
}

#footerLegal p
{
	color:#4d7e99;
	font-size:1em;
}

#footerLegal a
{
	color:#4d7e99;
}

.clear
{
	clear:both;
}

h1
{
	margin:0;
	padding:0;
	text-indent:-9999em;
}

h2
{
	font-size:1.8em;
	color:#00456a;
	font-weight:normal;
	margin:0px 0px 10px 0px
}

h3
{
	font-size:1.4em;
	font-weight:bold;
	color:#343434;
	margin:0px 0px 2px 0px
}

h4
{
	font-size:1.4em;
	color:#343434;
	margin:0px 0px 2px 0px
}

p
{
	font-size:1.2em;
	color:#343434;
	margin:0px 0px 10px 0px;
}

#mainContainer p
{
	font-size:1.2em !important;
	color:#343434 !important;
	margin:0px 0px 10px 0px !important;
	font-family:"trebuchet ms" !important;
}

#mainContainer h2
{
	font-size:1.8em !important;
	color:#00456a !important;
	font-weight:normal !important;
	margin:0px 0px 10px 0px !important;
	font-family:"trebuchet ms" !important;
}


ul
{
	margin:0px 0px 10px 0px;
}

li
{
	margin:0px 0px 5px 15px;
	font-size:1.2em;
	color:#343434;
}

a
{
	color:#00456a;
	text-decoration:none;
}

a:hover
{

	text-decoration:underline;
}

#mainContainer table
{
	margin:0px 0px 10px 0px;
}

#mainContainer td
{
	text-align:center;
	padding:10px 3px 0px;
}

.imageHolder
{
	position:relative;
}

.imageHolder img
{
	margin:0px;
	display:block;
}


.smallImageFrame
{
	position:absolute;
	bottom:0px;
	right:0px;
	width:50px;
	height:50px;
	padding:0px;
	z-index:100;
	background:url("images/small_image_mask.png") no-repeat bottom right;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/small_image_mask.png', sizingMethod='crop');

}

.largeImageFrame
{
	display:block;
	position:absolute;
	bottom:0px;
	right:0px;
	width:100px;
	height:100px;
	padding:0px;
	z-index:200;
	background:url("images/large_image_mask.png") no-repeat bottom right;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/large_image_mask.png', sizingMethod='scale');
	_bottom:-1px;
	_right:-1px;
}

#controls
{
	position:absolute;
	bottom:5px;
	left:0px;
	z-index:101;
	display:none;
}

#next,
#prev
{
	width:30px;
	height:30px;
	background-color:white;
	margin:0px 0px 0px 5px;
	display:inline;
	float:left;
	line-height:30px;
	text-align:center;
	font-size:2em;
	font-weight:bold;
	color:#00456a;
	border:solid 1px #00456a;
	text-decoration:none;
	opacity:.75;
	filter:	alpha(opacity=75);
	-moz-opacity: 0.75;
}

#homepageGallery
{
	position:relative;
	margin:0px 0px 20px 0px;
	height:343px;
	width:393px;
	background:black;
	overflow:hidden;
}

#homepageGallery div.imageText
{
	position:absolute;
	top:306px;
	_top:305px;
	left:80px;
	z-index:102;	
	margin:0px 0px 0px 0px;
	display:none;
	height:32px;
}

#homepageGallery div.imageText span
{	
	font-weight:bold !important;
	color:#00456a !important;
	border:solid 1px #00456a;
	text-align:center;
	margin:0px 0px 0px 0px !important;	
	padding:0px 5px !important;
	width:200px;
	opacity:.75;
	filter:	alpha(opacity=75);
	-moz-opacity: 0.75;
	height:30px !important;
	line-height:30px !important;
	background-color:white;
	display:block;
	border-collapse: collapse;
}


#latestNews .imageHolder
{
	float:right;
	margin:0px 0px 0px 10px;
}

#upcomingEvents
{
	margin:0px 0px 20px 0px;
	height:343px;
}

#upcomingEvents h4
{
	font-weight:normal;
}

#upcomingEvents .event
{
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	border-bottom:1px dotted #ccc;
}

#recentInfo p
{
	margin:0px;
	padding:0px;
}

#recentInfo a.recentinfo
{
	background-image:url("images/icon_unknown.gif");
	background-repeat:no-repeat;
	background-position:left center;
	padding:2px 5px 2px 25px;
	text-decoration:none;
	color:#333333;
	border:1px solid #ffffff;
	display:block;
	font-size:1.2em;
}

#recentInfo strong
{
	font-size:1.167em;
}

#recentInfo a.recentinfo:hover strong
{
	text-decoration:underline;
}

.newsItem
{
	border-bottom:dotted 1px #cccccc;
	padding:0px 0px 5px 0px;
	margin:0px 0px 20px 0px;
}

.newsItem h3
{
	margin:0px 0px 0px 0px;
}

.newsDate
{
	font-size:1em;
	color:#888;
	display:block;
	padding:2px 0px;
	margin:0px 0px 5px 0px;
	border-bottom:dotted 1px #cccccc;
}

.newsItem .imageHolder
{
	float:right;
	margin:0px 0px 0px 10px;
}

.fileBrowser ul
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.fileBrowser li ul
{
	margin:7px 0px 0px 11px;
	padding:5px 10px 0px 11px;
	border-left:dotted 1px #cccccc;
	border-top:dotted 1px #cccccc;
}

.fileBrowser li
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	font-size:1em;
}

.fileBrowser a
{
	background-image:url("images/icon_unknown.gif");
	background-repeat:no-repeat;
	background-position:left center;
	padding:2px 5px 2px 25px;
	text-decoration:none;
	color:#333333;
	border:1px solid #ffffff;
	display:block;
	font-size:1.2em;
}

.fileBrowser a:hover
{
	background-color:#eef2ff;
	border:1px solid #d4ddef;
}

.fileBrowser a.folder
{
	background-image:url("images/icon_folder.gif");
}

.fileBrowser a.open
{
	background-image:url("images/icon_folder_open.gif");
}

.newsletters li ul
{
	margin:7px 0px 0px 10px;
}

.newsletters li
{
	margin:0px 0px 7px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	font-size:1em;
}

.newsletters a
{
	background-image:url("images/icon_unknown.gif");
	background-position:left center;
	background-repeat:no-repeat;
	padding:2px 5px 2px 25px;
	text-decoration:none;
	color:#343434;
	border:1px solid #ffffff;
	display:block;
	font-size:1.2em;
}

.newsletters a:hover
{
	background-color:#eef2ff;
	border:1px solid #d4ddef;
}

.newsletters a.folder
{
	display:block;
	height:29px;
	line-height:29px;
	background:#00456A url("images/navbar.gif") bottom right no-repeat;
	color:#ffffff;
	font-size:1.4em;
	width:363px;
	border:none;
}

.newsletters a.folder:hover
{
	background:#FDB813 url("images/navbar.gif") top right no-repeat;
	color:#00456A;
	border:none;
}

.file
{
	margin:0px 10px 0px 0px;
	display:-moz-inline-box;
	display:inline-block;
	width:180px;
	cursor:pointer;
}

.size
{
	margin:0px 10px 0px 0px;
	color:#888888;
	display:-moz-inline-box;
	display:inline-block;
	width:50px;
	text-align:center;
	cursor:pointer;
}

.date
{
	color:#888888;
	display:-moz-inline-box;
	display:inline-block;
	width:90px;
	text-align:left;
	cursor:pointer;
}

#mainContainer a.pdf
{
	background-image:url("images/icon_pdf.gif");
}

#mainContainer a.doc
{
	background-image:url("images/icon_doc.gif");
}

#mainContainer a.xls
{
	background-image:url("images/icon_xls.gif");
}

#mainContainer a.jpg,
#mainContainer a.gif,
#mainContainer a.png
{
	background-image:url("images/icon_image.gif");
}

legend
{
	display:none;	
}

#contactForm label
{
	display:block;
	margin:0px 0px 5px 0px;
	font-size:1.2em;
	color:#343434;
}

#contactForm input
{
	width:393px;
	margin:0px 0px 10px 0px;
	border:solid 1px #777;
	padding:2px;
	font-family:"trebuchet ms";
	font-size:1.2em;
	color:#343434;
}

#contactForm textarea
{
	display:block;
	width:393px;
	height:130px;
	border:solid 1px #777;
	margin:0px 0px 10px 0px;
	font-family:"trebuchet ms";
	padding:2px;
	font-size:1.2em;
	color:#343434;
}

#contactForm .error
{
	border:solid 1px #a21d1d;
	background-color:#f8e6e6;
}

#calendar
{
	list-style:none;
}

#calendar li
{
	margin:0px;
	font-size:1em;
}

#calendar ul li
{
	list-style:none;
	margin:0px 20px 10px 20px;
	border-bottom:dotted 1px #cccccc;
	font-size:1em;
	padding:0px 0px 10px 0px;
}

div.month
{
	display:block;
	height:33px;
	line-height:33px;
	background:#00456A url("images/navbar.gif") bottom right no-repeat;
	color:#ffffff;
	font-size:1.4em;
	width:383px;
	padding:0px 0px 0px 10px;
	border:none;
	margin:0px 0px 10px 0px;
}

div.month:hover
{
	background:#FDB813 url("images/navbar.gif") top right no-repeat;
	color:#00456A;
	cursor:pointer;
}

#calendar p
{
	padding:5px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	color:#343434;
	display:block;
}

#calendar h3
{
	margin:0px 0px 5px -10px;
}

#calendar h4
{
	font-weight:normal;
}

iframe 
{
	border:0;
	display:block;
	margin:20px 0px;
}

#File1
{
	margin:10px 0px 5px 0px;
}

.fileInput
{
	display:block;
	margin:0px 0px 5px 0px;
}

.submitButton
{
	display:block;
	margin:10px 0px 20px 0px;
}

#staffUpload label
{
	display:block;
	margin:10px 0px 2px 0px;
}

embed,object
{
	margin:0px 0px 20px 0px;
}

.VacTitle
{
	float:left;
	font-size:1.4em;
	margin:0px 0px 10px 0px;
	font-weight:bold;
	color:#333;
}

.VacDate
{
	float:right;
	font-size:1em;
	color:#343434;
	display:block;
	background:#eee;
	padding:2px 5px;
	margin:0px 0px 5px 0px;
}

.VacFiles
{
	clear:both;
	margin:0px 0px 0px 20px;
}

.VacFiles li
{
	font-size:1.2em;
	color:#343434;
}

.VacItem
{
	border-bottom:dotted 1px #cccccc;
	padding:0px 0px 10px 0px;
	margin:0px 0px 20px 0px;
}


#addFile
{
	font-size:1.2em;
}

label
{
	font-size:1.2em;
	color:#343434;
}

#fullWidthMainContent .imageHolder
{
	margin:0px 0px 20px 0px;	
}
#humanForm img {
	height: 50px;
	width: 50px;
}
#humanForm {
	font-size: 0.8em; 	
}
#humanForm input {
	width: 20px;	
	margin: 12px;
}