/* Kingsway Community Primary School CSS Document */
/* Created 4th March 2009 by Solutions Squared ltd */

/* Colours:
dark blue - #11339f
light blue - #3399ff
yellow - #fad000
purple - #877aff
red -#cb2e2e
orange - #ff9600
green - #a2d42e
*/
/* General rules */
body {width:960px; margin:3px auto 0 auto; font-family:Tahoma, Helvetica, Sans-sefif; background: #11339f;}
ul, li, div, p, a, img {border:0; margin:0; padding:0; color: #11339f; text-decoration:none;}
a {text-decoration:underline;}
a:hover {text-decoration:underline;}
.invisible {display:none!important;}
.clearer {clear:both; height:0px; width:0px; border:0; margin:0; padding:0;}
.navUnderline {text-decoration:underline!important;}



/* Freedom CSS */
/* files are anchor tags that have the class "file", and a further class that identifies the file extension */
a.file{display:block; padding:5px 4px 2px 28px;}
a.mp3{background-image:url(../images/mp3.gif); background-repeat:no-repeat; background-position:left;}
a.doc{background-image:url(../images/doc.gif); background-repeat:no-repeat; background-position:left;}
a.rtf{background-image:url(../images/rtf.gif); background-repeat:no-repeat; background-position:left;}
a.ppt{background-image:url(../images/ppt.gif); background-repeat:no-repeat; background-position:left;}
a.pdf{background-image:url(../images/pdf.gif); background-repeat:no-repeat; background-position:left;}
a.xls{background-image:url(../images/xls.gif); background-repeat:no-repeat; background-position:left;}


img.left   {float: left; margin: 0 17px 17px 0;}
img.right  {float: right; margin: 0 0 17px 17px;}
img.center  {float: none;}
div.centeredimagewrapper{ text-align: center;}


/* Header */
div.headercontainer {background: url(../Images/bg_main.gif) repeat-y;}
div.header {width:960px; background:url(../Images/bg_header.gif) no-repeat;min-height:123px;}
* html div.header {height:123px;}
div.header a {display:block; width:218px; height:78px; float:left; background: url(../Images/logo_main.gif) no-repeat; background-position:left; text-indent:-9999px; margin:39px 0 0 28px;}
* html div.header a {margin-left:14px;} 
div.header h1 {font-size:0.8em; float:right; width:155px; padding:10px 0 0 285px;  min-height:65px; margin:48px 45px 0 0; color:#11339f; text-align:right; background:url(../Images/logo_children.gif) no-repeat; font-weight:normal;}
* html div.header h1 {height:65px; margin-right:25px;}	

/* Nav bar */
div.navbar {width:932px; height:23px; clear:both; background:url(../Images/bg_navbar.gif) no-repeat #3399ff; margin:0;  padding:3px 0 0 28px;}
* html div.navbar {height:21px; margin-bottom:-2px;}
div.navbar a {clear:both; display:inline; margin:0; width:inherit; height:23px; text-indent:0; color:#ffffff; font-size:0.8em; text-decoration:none;}
div.navbar ul {min-height:23px; margin:0; padding:0;}
* html div.navbar ul {height:23px;}
div.navbar li {display:inline;float:left; margin:0; padding:0;}
div.navbar li a {margin:0; padding:0;}
div.navbar li.navbar_home {width:462px;margin-top:-1px; height:25px;}
div.navbar li.navbar_home a {display:block; margin-left:12px; padding: 3px 0 2px 25px; background:url(../Images/icon_home.gif) no-repeat; background-position:0 2px; width:40px; font-weight:normal; color:#11339f; height:17px;}
body.home div.navbar li.navbar_home a {font-weight:bold;}
div.navbar li.navbar_childrenszone {width:185px;}
div.navbar li.navbar_childrenszone a {display:block; height:19px; background:none;width:180px; background:url(../Images/logo_childrenszone.gif) no-repeat; background-position:0 2px; text-indent:-9999px; padding-top:2px;}
div.navbar li.navbar_contact {width:249px;}
div.navbar li.navbar_contact a {display:block; height:20px; background:url(../Images/icon_contact.gif) no-repeat; background-position: 0 -1px; text-align:right; width:auto; padding-left:30px; padding-top:1px;float:right; margin-top:-0px; margin-right:10px;}
body.contactpage div.navbar li.navbar_contact a {font-weight:bold;}

/* Container */
div.container {width:960px; background:url(../Images/bg_main.gif) repeat-y; min-height:550px; padding-top:8px;}
	
	/* Left col */
div.leftcol {float:left; width:175px; margin:0 0 0 37px; font-size:0.75em;height:100%;}
* html div.leftcol {margin-left:20px; margin-top:-14px;}
*+html div.leftcol {margin-top:-14px;}
div.container ul li a.loginlink {margin-left:115px; position:relative; top:-1.65em; color:#FFFFFF; background:none;}

div.container ul ul.parentsnav {
margin-top:-15px;
}
		/* Light blue boxes with rounded corners */ 
div.container ul {list-style:none;}
div.container ul ul {width:171px; border-left:2px solid #3399ff; border-right:2px solid #3399ff;padding-bottom:5px;}	
div.container ul li {padding:0 0 3px 0; background:url(../Images/bg_rounded_lightblue_bottom.gif) no-repeat; background-position:bottom; width:175px; margin-bottom:5px;}
* html div.container ul li {width:170px; margin-top:0;}
div.container ul li p a {display:block; width:165px; margin-left:0; padding-left:10px; color:#ffffff; min-height:21px; padding-top:4px; background:url(../Images/bg_rounded_lightblue.gif) no-repeat;}
div.container ul li.nav_quicklinks p {display:block; width:165px; margin-left:0; padding-left:10px; color:#ffffff; min-height:21px; padding-top:4px; background:url(../Images/bg_rounded_lightblue.gif) no-repeat;}
* html div.container ul li.nav_quicklinks p {height:21px;}
* html div.container ul li p a {height:21px;}
div.container ul li a {background:url(../Images/icon_hand.gif) no-repeat; display:inline-block; min-height:15px;background-position:0 3px;  margin-left:6px; padding-left:15px; text-decoration:none;}
* html div.container ul li a {height:15px;}
div.container ul li li {padding:0; background:none; margin-bottom:0;}
div.container ul li li p {background:none; color:#11339f;}
ul ul {padding:5px 0 20px 0;}
div.container ul li a:hover {text-decoration:underline;} 
body.ourschool a#ourschoolnavheading, body.curriculum a#curriculumnavheading, body.parents a#parentsnavheading, body.newsflash a#parentsnavheading, body.ourchildren a#childrennavheading, body.outofhoursactivities a#childrennavheading, body.performingarts a#childrennavheading, body.community a#communitynavheading, body.newsflash a#newsflashnavheading {text-decoration:underline} /* highlights parent link (blue nav box headings)*/
body.newsflash #newsflashnavlink, body.outofhoursactivities #outofhoursactivitiesnavlink, body.performingarts #performingartsnavlink {text-decoration:underline} /* Selected page underline for dynamic set owners */

	/* Middle col */
div.midcol {float:left; width:510px; margin:0 10px; font-size:0.8em;}
div.midcol h2 {font-size:1.1em; margin:2px 0 0 0;}
div.midcol h3 {font-size:1.05em; margin-bottom:8px;}
div.midcol p {margin:10px 0; font-size:0.95em;}
div.midcol p.intro {margin-bottom:14px;}
div.midcol ul {border:0; list-style:disc; padding-left: 30px; overflow: hidden;}
/* div.midcol ul {border:0; list-style:disc; margin:-3px 0 8px 30px;} */ /*samar*/
div.midcol ul li {background:none; margin:0 5px; position:relative; top:0.3em; width:auto;}
div.container div.midcol ul li a {background:none; padding-left:0;}
div.midcol p a.contextuallink {border-bottom:1px dotted #11339f;text-decoration:none;}
div.midcol div p a {border:none;}
div.midcol p a:hover {text-decoration:none; border:none;}

		/* Rounded advert boxes */
div.roundedbox {width:250px; min-height:187px; float:left;}
* html div.roundedbox {height:188px;}
div.roundedbox div {width:246px; margin-bottom:5px;}
div.roundedbox h3 {width:238px; margin:0; min-height:20px;  color:#ffffff; font-size:1em; padding-left:12px; padding-top:5px; font-weight:normal;}
* html div.roundedbox h3 {height:20px;}
div.roundedbox  p {margin:5px 15px 0 0; text-align:right; padding-bottom:8px; font-weight:bold;}
html>/**/body div.roundedbox  p {margin:7px 15px 0px 0; padding-bottom:9px;}
div.roundedbox p a {display:inline; margin:0; padding:0; color:inherit; text-decoration:none;}
			
			/* TL box (blue) */
div.tl {background: url(../Images/bg_rounded_purple_bottom.gif) no-repeat; background-position:bottom; margin:10px 10px 10px 0;}
div.tl div {border-left:2px solid #877aff; border-right:2px solid #877aff;}
div.tl h3 { background: url(../Images/bg_rounded_purple.gif) no-repeat #877aff;}
div.tl p, div.tl p a {color:#877aff;}
			
			/* TR box (red) */
div.tr {background: url(../Images/bg_rounded_red_bottom.gif) no-repeat; background-position:bottom; margin:10px 0 10px 0;}
div.tr div {border-left:2px solid #cb2e2e; border-right:2px solid #cb2e2e;}
div.tr h3 { background: url(../Images/bg_rounded_red.gif) no-repeat #cb2e2e;}
div.tr p, div.tr p a {color:#cb2e2e;}			
			
			/* BL box (orange) */
div.bl {background: url(../Images/bg_rounded_orange_bottom.gif) no-repeat; background-position:bottom; margin-right:10px;}
div.bl > div {border-left:2px solid #ff9600; border-right:2px solid #ff9600;}
div.bl h3 { background: url(../Images/bg_rounded_orange.gif) no-repeat #ff9600;}
div.bl p a {color:#ff9600;}
/*div.bl p, div.bl p a {color:#ff9600;}*/ /*samar*/
div.bl div.joke {border-left:0; border-right:0; padding:40px 10px 72px; width:226px;}
/* div.bl div.joke {border-left:0; border-right:0; padding:5px 10px 0 10px; width:226px;} */ /*samar*/

div.bl div.joke div.word {width:auto; max-width:40px; float:left; border-left:0; border-right:0;margin:0; padding:0 0 9px; height:4px;}
/* div.bl div.joke div.word {width:auto; max-width:40px; float:left; border-left:0; border-right:0;margin:0; padding:0; height:60px;} */ /*samar*/
* html div.bl div.joke div.word {width:39px;}
div.bl div.joke div.word p { font-size:0.9em; color:#000000; font-weight:normal; text-align:left; min-width:190px; float:left;}
/* div.bl div.joke div.word p { font-size:0.9em; color:#000000; font-weight:normal; text-align:center; min-width:20px; float:left;} */ /*samar*/
* html div.bl div.joke div.word p {height:20px; margin:0; padding:0;}
div.bl div.joke div img {width:40px; float:left; height:45px;}
* html div.bl div.joke div img {width:39px; height:42px;}
/* div.bl div.joke div p {max-width:40px; float:left; text-align:center; margin:0 15%;}*/ /*samar*/
/** html div.bl div.joke div p {width:39px;}*/ /*samar*/
div.bl div.joke div p.wordonly {margin:0; padding:0 0 0 5px; position:relative; top:75%;}
div.roundedbox  p.onelinejokeslink {margin:10px 15px 0 0;}
* html div.roundedbox  p.onelinejokeslink {margin:-15px 15px 0 0;}
div.bl div.joke div.clearer {clear:both; height:0px; width:0px; border:0; margin:0; padding:0;}
div.roundedbox > div > div.joke > div.homepagejokes p {clear:none; font-weight: normal; text-align:left;}

			/* BR box (green) */
div.br {background: url(../Images/bg_rounded_green_bottom.gif) no-repeat; background-position:bottom;}
div.br div {border-left:2px solid #a2d42e; border-right:2px solid #a2d42e;}
div.br h3 { background: url(../Images/bg_rounded_green.gif) no-repeat #a2d42e;}
div.br p, div.br p a {color:#a2d42e;}		

			/* BLB box (green) */
div.blb {background: url(../Images/bg_rounded_orange_bottom.gif) no-repeat; background-position:bottom; margin:0 10px 10px 0;}
div.blb div {border-left:2px solid #ff9600; border-right:2px solid #ff9600;}
div.blb h3 { background: url(../Images/bg_rounded_orange.gif) no-repeat #ff9600;}
div.blb p, div.blb p a {color:#ff9600;}	
	
			/* Contact page */
body.contactpage .midcol form {margin-top:15px; width:265px; float:right; font-size:0.85em;}
body.contactpage .midcol fieldset {display:block; border:0; width:260px; margin-bottom:-5px;}
html>/**/body.contactpage .midcol fieldset {margin-bottom:-8px;}
body.contactpage .midcol fieldset label {display:block; width:55px; float:left; }
body.contactpage .midcol fieldset input {width:195px; color:#11339f; font-size:1.1em;}
body.contactpage .midcol fieldset textarea {width:195px; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color: #11339f;}
body.contactpage .midcol fieldset label span.req {color:#FF0000; font-size:0.8em; margin-right:5px;}
body.contactpage .midcol fieldset span.error {color:#FF0000; display:block; margin:3px 0 10px 57px;}
body.contactpage .midcol fieldset input.submitbutton {display:block; width:85px; padding-top:2px; margin-top:7px; margin-left:170px; background:#3399ff; color:#FFFFFF; clear:both; font-size:1.2em; margin-bottom:15px;}
body.contactpage .midcol a {text-decoration:underline}
body.contactpage .midcol a:hover {text-decoration:none}
body.contactpage .midcol a.googlemaplink {font-size:0.9em; text-decoration:none;}
body.contactpage .midcol a.googlemaplink:hover {font-size:0.9em; text-decoration:underline;}


			/* Accessibility page */		
body.accessibility .midcol img {margin:10px 0;}

			/* Site map page */
body.sitemap .midcol {font-size:0.9em;}
body.sitemap .midcol ol {margin-bottom:5px;}
body.sitemap .midcol li {margin:5px 0;}
body.sitemap .midcol li p {margin-top:3px; font-size:0.85em;}
body.sitemap .midcol ol ol {font-size:0.9em;}
body.sitemap .midcol ol ol p {font-size:0.95em;}
body.sitemap .midcol ol ol ol {font-size:1em;}
body.sitemap .midcol ol ol ol p {font-size:1.05em;}

			/* News page */
body.newsflash .midcol ul {list-style:none; margin-left:0;}
body.newsflash .midcol ul li p a {color:#11339f; display:inline; margin:0; padding:0; height:auto;min-height:10px;  }
body.newsflash .midcol ul li p a span {display:inline; padding:0; height:auto;min-height:10px;  text-decoration:underline;}
body.newsflash .midcol ul li p a:hover{text-decoration:none;}
body.newsflash .midcol ul li p a:hover span {text-decoration:none;}

			/* Staff login page */
body.stafflogin .staffloginform {margin-top:20px; margin-left:25%}
body.stafflogin .staffloginform fieldset {border:0;}
body.stafflogin .staffloginform fieldset input {width:150px;}
html>/**/body.stafflogin .staffloginform fieldset input {width:145px; }
body.stafflogin .staffloginform fieldset input#txtpassword {margin-left:3px;}
body.stafflogin .staffloginform input.submitbutton {display:block; width:85px; padding-top:2px; margin-top:7px; margin-left:69px; background:#3399ff; color:#FFFFFF; clear:both; font-size:1em; margin-bottom:15px;}
html>/**/body.stafflogin .staffloginform input.submitbutton {margin-left:127px;}

			/* Parents login page */
body.parents .midcol .parentsloginform {margin-top:20px; margin-left:25%}
body.parents .midcol .parentsloginform fieldset {border:0;}
body.parents .midcol .parentsloginform fieldset input {width:150px;}
html>/**/body.parents .midcol .parentsloginform fieldset input {width:145px;}
body.parents .midcol .parentsloginform fieldset input#txtusername {margin-left:4px;}
body.parents .midcol .parentsloginform input.submitbutton {display:block; width:85px; padding-top:2px; margin-top:7px; margin-left:65px; background:#3399ff; color:#FFFFFF; clear:both; font-size:1em; margin-bottom:15px;}
html>/**/body.parents .midcol .parentsloginform input.submitbutton {display:block; width:85px; padding-top:2px; margin-top:7px; margin-left:125px; background:#3399ff; color:#FFFFFF; clear:both; font-size:1em; margin-bottom:15px;}
	
	/* Right col */
div.rightcol {float:left; width:175px; font-size:0.75em;}	
.rightcol ul li ul li p {height:auto; margin-bottom:15px; padding:0 5px;}
.rightcol ul li ul li p.lastp {margin-bottom:10px; padding-bottom:15px;}

		/* Quick links box */
div.rightcol li.nav_quicklinks form {border:0; margin:0; padding:0;}
div.rightcol li.nav_quicklinks fieldset {border:0; margin:0; padding:0; display:inline;}
div.rightcol li.nav_quicklinks select {width:128px; display:inline; float:left; color:#11339f; font-size:1.05em; margin-left:5px;}
* html div.rightcol li.nav_quicklinks select {width:125px;}
div.rightcol li.nav_quicklinks .submitbuttons input {background:#fad000; padding:0; color:#11339f; display:inline-block;margin-bottom:4px; clear:both; width:26px; font-size:1.1em;}	
html>/**/body div.rightcol li.nav_quicklinks .submitbuttons input {margin-bottom:0; float:right; font-size:0.9em;}	
div.rightcol li.nav_quicklinks label {display:none;}

		/* Newsflash box */
.rightcol li.nav_newsflash ul li a {background:0; padding-left:0;  font-weight:bold;}
.rightcol ul li.nav_newsflash ul li p {width:160px; padding:0 5px; margin-bottom:18px;}

/* Footer */
div.footer {width:960px; background:url(../Images/bg_footer.gif) no-repeat; margin:0 auto; height:55px; margin-bottom:5px;}
* html div.footer {margin-top:-20px;}
div.footer p.credit {width:480px; float:left; font-size:0.6em; margin:35px 0 0 40px; color:#b5d2f0;}
* html div.footer p.credit {margin-left:25px;}
div.footer p.credit a {color:#b5d2f0;}
div.footer p.credit a:hover, ul.bottomlinks li a:hover {text-decoration:underline;}
div.footer ul.bottomlinks {width:480px; float:right; text-align:right; margin-right:55px; margin-top:-33px; font-size:0.8em;}
* html div.footer ul.bottomlinks {margin-right:25px;}
div.footer ul.bottomlinks li {display:inline; margin-left:15px;}

/* Contact info */
div.contactinfo {clear:both; width:960px; padding-bottom:30px;}
div.contactinfo p {width:635px; margin:0 auto; font-size:0.7em; color:#FFFFFF; text-align:center;}
div.contactinfo p a {color:#FFFFFF;}

.governorsloginlink {
background:#11339F none repeat scroll 0 0;
color:white;
display:block;
float:right;
margin-top:-2.4em;
padding:0.5em 1em;
text-decoration:none;
}
.parents .midcol li a {text-decoration:underline}
.parents .midcol li a:hover {text-decoration:none}
.ourchildren .midcol li a {text-decoration:underline}
.ourchildren .midcol li a:hover {text-decoration:none}