@charset "UTF-8";
/* CSS Document Defining styles globally */

/* Fix for the firefox scrollbar issue 
==============================================*/
HTML {
	min-height:101%
}
/* Remove Dotted Focus Border */
:focus {outline: 0;}
body {
	margin:0px; padding:0px; font-size:12px; color:#000000; font-family: Arial, helvetica, Verdana, sans-serif; text-align:left; background:url(images/background.png) repeat-x fixed #FFFFFF;
}

#formButton {
	background: #1C396A;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	color: #FFFFFF;
	font-weight: bold;
	margin: 3px 3px 0px 3px;
}

/* font-family: Arial, Helvetica, sans-serif;
/* Start wireframe 
==============================================*/
#topbar_container {
	margin:auto; width:100%; height:111px; 
}
#topbar_content {
	margin:auto; width:930px; height:111px; position:relative;
}
#navbar_container {
	margin:auto; width:100%; 
}
#navbar_content {
	margin:auto; width:930px; 
}
#nav_left  {width:930px; }
#nav_right {width:184px; float:right; background-image: url(images/bg_login.png); height:31px; font-weight:bold; text-align:center;}
#nav_right A {text-decoration:none; font-weight:bold; color:#FFF; }

#main_content {
	margin:auto; width:930px; line-height:135%; padding:18px 0px; 
}
#col1 {
	float:left; width:664px; padding:0px; 
}
#col2 {
	float:right; 
	width:254px; 
	font-size:12px; 
	line-height:130%; 
	background-image:url(images/bg_scoller.png);
	background-repeat:no-repeat; 
	background-color:#ACD0EE;
}
.FeaturedEvents {
	overflow:auto;
	float:right; 
	width:254px; 
	height:280px; 
	font-size:12px; 
	line-height:130%; 
	background-color:#ACD0EE;
}
#FeaturedEventsHeader {
	float:right; 
	width:254px; 
	height:30px; 
	font-size:12px; 
	background-image:url(images/bg_featuredevents.png);
	background-position:top;
	background-repeat:no-repeat; 
	background-color:#1A6296;
}
#FeaturedEventsHeader H2 {
	color:#FFF;
	margin-top:1px;
}
#FeaturedEventsFooter {
	float:right; 
	width:254px; 
	height:30px; 
	font-size:12px; 
	background-image:url(images/bg_featuredevents.png);
	background-position:bottom;
	background-repeat:no-repeat; 
	background-color:#1A6296;
}
#FeaturedEventsFooter A {
	color:#FFF;
}
/* End wireframe */


/* Search panel */
.searchinput {
	background:url("images/search.png") no-repeat scroll 0 0 transparent;
	border:0 none;
	color:#666666;
	float:left;
	font-size:12px;
	height:28px;
	padding:0 0 0 10px;
	width:216px;
}
.searchsubmit {
	background:url("images/searchb.png") no-repeat scroll 0 0 transparent;
	border:0 none;
	cursor:pointer;
	float:left;
	height:29px;
	width:28px;
}
#urgentpanel {
	position: absolute; 
	right:0px;
	top:35px;
	background-image:url(images/urgent.png); 
	font-size: 12px; 
	width:382px; 
}
#urgentpanel H3 {
	font-size: 14px; 
}
#urgentpanelfooter {
	background-position:bottom; 
	background-image:url(images/urgent.png); 
	width:382px; 
	position: absolute; 
	right:0px;
	
}
/* Search panel */


P  {margin:: 0px 0px 5px;}
H1 {font-size:28px;	color:#1A6296; margin-top:0px; margin-bottom:0px; font-weight:normal; line-height:32px; }
H2 {font-size:19px;	color:#1A6296; margin-top:0px; margin-bottom:2px; font-weight:normal; }
H3 {font-size:15px;	color:#1A6296; margin:0px; }
H4 {font-size:16px;	color:#1A6296; margin-top:0px; margin-bottom:0px; }
H5 {font-size:14px;	color:#1A6296; margin-top:0px; margin-bottom:0px; }
H6 {font-size:12px;	color:#1A6296; margin-top:0px; margin-bottom:0px; }

a:link    {color:#1A6296; outline:none;	text-decoration:none;}   	/* unvisited link */
a:visited {color:#1A6296; outline:none;	text-decoration:none;}  	/* visited link */
a:hover   {color:#1A6296; outline:none;	text-decoration:underline;} 	/* mouse over link */
a:active  {color:#1A6296; outline:none;	text-decoration:underline;}	/* selected link */

address {
	font-size:14px; color:#000000; font-style:normal; text-align:left; margin-left:150px;
}
.clearboth {
	clear: both
}

A IMG { border:none; }


#login_parents {
	background-image:url(images/login.png); 
	background-repeat:no-repeat; 
	width:126px; 
	height:25px; 
	position:absolute; 
	right:256px; 
	top:0px; 
	text-align:center; 
	font-weight:bold; 
	padding-top:4px;
}
#login_pupils {
	background-image:url(images/login.png); 
	background-repeat:no-repeat; 
	width:126px; 
	height:25px; 
	position:absolute; 
	right:128px; 
	top:0px;
	text-align:center; 
	font-weight:bold; 
	padding-top:4px;
}
#login_staff {
	background-image:url(images/login.png); 
	background-repeat:no-repeat; 
	width:126px; 
	height:25px; 
	position:absolute; 
	right:0px; 
	top:0px;
	text-align:center; 
	font-weight:bold; 
	padding-top:4px;
}

#calendar H2 { color:#FFFFFF; background-color:#5BACDF; padding:5px; margin-top:30px;}
#calendar TH { color:#000000;}
#calendar TD { border-bottom:1px #E7EFF9 solid;}

#fixtures H2 { color:#FFFFFF; background-color:#8FC964; padding:5px; margin-top:30px;}
#fixtures TH { color:#000000;}
#fixtures TD { border-bottom:1px #E0EFD4 solid;}

#venuebooking A {color:#FFF; text-decoration:none;}
#theschool A {color:#FFF; text-decoration:none;}

/* footerlinks panel */
#footer_container {
	margin:auto; width::100%; margin-top:0px;
}
#footer_content {
	margin:auto; width:930px; height:71px; text-align:left; padding:0px; background-image:url(images/footer1.png); background-repeat:no-repeat; font-size:11px;
}
#footer_content H3 {
	font-size: 12px;
	margin-top:13px;
	color: #1A6296;
}
#footer_col1 {
	float:left; width:170px; margin:0px; padding:9px 12px;
}
#footer_col2 {
	float:left; width:170px; margin:0px; padding:9px 12px; 
}
#footer_col3 {
	float:right; width:380px; margin:0px; text-align:right; padding-right:10px;
}
/* end footerlinks panel */

.featurepanel {
	width:290px; margin-right:20px; height:130px;
}

.featuretext {
	float:right; width:180px; height:130px;
}

#col1 UL LI {
	background: url(images/bullet.png); 
	background-repeat:no-repeat;
	margin:0;
	padding:3px 0px 0px 23px;
	list-style:none;
}
.links {
	margin-left:30px;
}
#heroimg {
	margin:0px 13px 13px 13px; 
	padding:1px; 
	border:#999 1px solid;
}

/* credit panel */
#credit_container {
	margin:auto; width:100%; 
}
#credit_content {
	margin:auto; width:930px; font-size:9px; padding:20px 0px 100px 0px;
}
#credit_content A{
	text-decoration:none;
	color:#1A6296;
}
/* end credit panel */

.carousel a.prev { background-image:url(images/carouselNavLeft.png); width:30px; height:130px; position:absolute; left:0px; top:0px;  z-index:9999; }
.carousel a.next { background-image:url(images/carouselNavRight.png); width:30px; height:130px; position:absolute; right:0px; top:0px;  z-index:9999;}