/* Rawmarsh Community School: Basic Styling
   Last modified: 26/08/05 
   Site design by http://www.rawmarshclc.org.uk */

/* Basic styling */

* {
	margin: 0;
	border: 0;
	padding: 0;
}

body    {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 80%;
	color : #333;
}

h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0.5em;
	color: #333;
	clear: both;
}

h1 {
	font-size : 1.5em;
}

h2 {
	font-size : 1.25em;
}

h3 {
	font-size : 1.1em; 
}

h4 {
	font-size : 1em; 
}

p  {
	font-size : 1em;
	line-height: 1.2em;
	padding-bottom: 0.5em;
}

a:link, a:visited {
	color:#009;
}

a:focus, a:hover, a:active {
	color: #fff;
	background-color: #009;
}

acronym, abbr {
	font-style: normal;
	border-bottom: 1px dotted #009;
	cursor: help;
}

address {
	padding-bottom: 0.5em;
}

address span {
	font-style: normal;
	display: block;
}

.clearer {
	clear: both;
}

.yellowcolourbox{
background-color:#FFFF66;
border: 1px solid #fc3;
padding: 3px 3px 3px 3px;
}

.yellowcolourbox2{
height: auto;
background-color:#FFFF66;
border: 1px solid #fc3;
padding: 3px 3px 3px 3px;
}


.bluecolourbox{
background-color:#6cf;
border: 1px solid #69f;
padding: 3px 3px 3px 3px;
}

.greencolourbox{
background-color:#9F6;
border: 1px solid #0c3;
padding: 3px 3px 3px 3px;
}

.greycolourbox{
background-color: #CCCCFF;
border: 1px solid #999;
padding: 3px 3px 3px 3px;
}


/* Div specific styling */

/* =wrapper */
#wrapper {
	width: 95%;
	padding: 1em;
	float: left;
}

/* =header */
#header {
	float: left;
	width: 100%;
	background-color: #fff;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}

.strapline {
	font-size: 1.1em;
}

/* =Logo */
#logo {
	float: left;
}

#logo a:link, #logo a:visited, #logo a:focus, #logo a:hover, #logo a:active {
	background-color: transparent;
}

#title {
	float: right;
}

/* =Navigation */
#navigation {
	float: left;
	width: 100%;
	background: #fff url("../i/bg.gif") repeat-x bottom;
}

#navigation ul {
	list-style: none;
}

#navigation li {
	float: left;
	background: url("../i/left_both.jpg") no-repeat left top;
	padding-left: 9px;
	border-bottom: 1px solid #999;
	white-space: nowrap;
}
    
#navigation a {
	float: left;
	display: block;
	width: .1em;
	background: url("../i/right_both.jpg") no-repeat right top;
	padding: 5px 15px 4px 6px;
	text-decoration: none;
	font-weight: bold;
	color: #333;
}



#navigation > ul a {
	width: auto;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a {
	float: none;
}
/* End IE5-Mac hack */

#navigation a:hover {
	color: #009;
}
    
#home #nav_home, #the_school #nav_the_school, #ilearn #nav_ilearn, #students #nav_students, #isp #nav_isp, #parents_comm #nav_parents_comm, #cal #nav_cal, #contact #nav_contact, #jobs #nav_jobs {
	background-position: 0 -150px;
    border-width: 0;
}
    
#home #nav_home a, #the_school #nav_the_school a, #ilearn #nav_ilearn a, #students #nav_students a, #isp #nav_isp a, #parents_comm #nav_parents_comm a, #cal #nav_cal a, #contact #nav_contact a, #jobs #nav_jobs a {
    background-position: 100% -150px;
    padding-bottom:5px;
    color:#333;
}

#navigation li:hover, #navigation li:hover a {
    background-position:0% -150px;
    color:#009;
}

#navigation li:hover a {
    background-position:100% -150px;
}

/* =mathslinks */
#mathslinks {
	float: left;
	width: 30%;
}

#mathslinks ul {
list-style-type: none;
}

#mathslinks ul li {
background-color: #ffffff;
border: 1px solid #039;
margin: 4px 8px 0 0;
padding: 0 0 0 0;
text-align: center;
}

#mathslinks li a {
display: block;
text-decoration: none;
color: #333333;
padding: 2px 2px 2px 2px;
}

#mathslinks li a:hover, #mathslinks li a:focus {
background-color: #ffffff;
color: #039;
}

/* =Content */
#content {
	clear: both;
	float: left;
	text-align: left;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	width: 100%;
}

/* =Content Main */
#content_main {
	padding: 0.5em;
}

#content_main ul {
	padding-left: 2em;
	line-height: 1.2;
	padding-bottom: 1em;
}

#content_main ol {
	padding-left: 2em;
}

#content_main img {
	float: left;
	padding: 2px;
	border: 1px solid #ccc;
	margin: 0 1em 1em 0;
}

#content_main img2 {
	float: left;
	padding: 2px;
	border: 1px solid #ff0;
	margin: 0 1em 1em 0;
}

/* =letters */

.letter {
  float: left;
  background-color: #b3d7de;
  background-image:url(../i/letterbg.jpg);
  overflow: hidden;
  margin:0 0 10px 5px;
  padding:0 0 0 0;
  color:#333;
  width:300px;
  }
  
.letter p {
  padding: 0 12px 12px;
  }
  
.letter h1 {
  font-size: 150%;
  padding: 0 0 5px 12px;
}

.topleft {
background-image: url(../i/lettersbluecornertop_left.gif);
width: 12px;
height: 12px;
font-size: 0;
float: left;
}

.topright {
background-image: url(../i/lettersbluecornertop_right.gif);
width: 12px;
height: 12px;
font-size: 0;
float: right;
}

.bottomleft {
background-image: url(../i/lettersbluecornerbot_left.gif);
width: 12px;
height: 12px;
font-size: 0;
float: left;
}

.bottomright {
background-image: url(../i/lettersbluecornerbot_right.gif);
width: 12px;
height: 12px;
font-size: 0;
float: right;
}

/* =archivedletters */

.archivedletter {
  float: right;
  background-color: #e9eded;
  background-image:url(../i/archivedletterbg.jpg);
  overflow: hidden;
  margin:0 10px 10px 0px;
  padding:0 0 0 0;
  color:#333;
  width:300px;
  }
  
.archivedletter p {
  padding: 0 12px 12px;
  }
  
.archivedletter h1 {
  font-size: 150%;
  padding: 0 0 5px 12px;
}

.archivedtopleft {
background-image: url(../i/archivedletterstop_left.gif);
width: 12px;
height: 12px;
font-size: 0;
float: left;
}

.archivedtopright {
background-image: url(../i/archivedletterstop_right.gif);
width: 12px;
height: 12px;
font-size: 0;
float: right;
}

.archivedbottomleft {
background-image: url(../i/archivedlettersbot_left.gif);
width: 12px;
height: 12px;
font-size: 0;
float: left;
}

.archivedbottomright {
background-image: url(../i/archivedlettersbot_right.gif);
width: 12px;
height: 12px;
font-size: 0;
float: right;
}

/* =archivedupdate */

.archivedupdate {
  float: right;
  background-color: #ccff66;
  background-image:url(../i/archivedupdatebg.jpg);
  overflow: hidden;
  margin:0 10px 10px 0px;
  padding:0 0 0 0;
  color:#333;
  width:150px;
  }
  
.arhivedupdate img {
padding: 0 0 0 3px;
}
  
.archivedupdate p {
  padding: 0 12px 12px;
  }
  
.archivedupdate h1 {
  font-size: 150%;
  padding: 0 0 5px 12px;
}

.archivedupdatetopleft {
background-image: url(../i/archivedupdatetop_left.gif);
width: 12px;
height: 12px;
font-size: 0;
float: left;
}

.archivedupdatetopright {
background-image: url(../i/archivedupdatetop_right.gif);
width: 12px;
height: 12px;
font-size: 0;
float: right;
}

.archivedupdatebottomleft {
background-image: url(../i/archivedupdatebot_left.gif);
width: 12px;
height: 12px;
font-size: 0;
float: left;
}

.archivedupdatebottomright {
background-image: url(../i/archivedupdatebot_right.gif);
width: 12px;
height: 12px;
font-size: 0;
float: right;
}

/* =Sidebar */
#sidebar {
	padding: 0.5em;
}

#sidebar ul {
	list-style: none;
}

#sidebar ul li {
	font-size: 1.25em;
	line-height: 1.5em;
}

#sidebar ul li a:link, #sidebar ul li a:visited {
	display: block;
	text-decoration: none;	
}

#sidebar ul li a:hover, #sidebar ul li a:focus, #sidebar ul li a:active {
	text-decoration: none;
	background-color: #009;
	color: #fff;
}

/* =Footer */
#footer {
	clear: both;
	float: left;
	width: 100%;
	font-size : 0.9em;
	line-height: 1.4em;
	padding-top: 0.5em;
	color: #999;
	border-top: 1px solid #999;
	margin: 0 auto;
	margin-right: -3px; /* fixes a bug in IE */
	text-align: center;
}

#footer p {
	padding-bottom: 0;
	margin-bottom: 0;
}

ul#community_partners {
	margin: 0 auto;
	text-align: center;
	position: relative;
	width: 667px; 
	height: 55px;
	background: url(../i/footer.jpg);
}

ul#community_partners li { 
	display: block; 
	position: absolute; 
	list-style: none;
}

ul#community_partners #people {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	background: transparent;
}

ul#community_partners a:link, ul#community_partners a:visited, ul#community_partners a:focus, ul#community_partners a:hover, ul#community_partners a:active {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	background: transparent;
}

ul#community_partners #council a { height: 31px;}
ul#community_partners #rapp a { height: 43px; }
ul#community_partners #gt a { height: 48px; }
ul#community_partners #nhs a { height: 20px; }
ul#community_partners #rcs a { height: 34px; }
ul#community_partners #ssco a { height: 37px; }
ul#community_partners #sports a { height: 37px; }
ul#community_partners #clc a { height: 30px; }
ul#community_partners #people a { height: 25px; }

ul#community_partners #council { left: 2px; top: 12px; width: 100px; height: 31px;}
ul#community_partners #rapp { left: 113px; top: 6px; width: 69px; height: 43px; }
ul#community_partners #gt { left: 193px; top: 3px; width: 54px; height: 48px; }
ul#community_partners #nhs { left: 264px; top: 19px; width: 49px; height: 20px; }
ul#community_partners #rcs { left: 328px; top: 11px; width: 67px; height: 34px; }
ul#community_partners #ssco { left: 410px; top: 9px; width: 40px; height: 37px; }
ul#community_partners #sports { left: 474px; top: 9px; width: 22px; height: 37px; }
ul#community_partners #clc { left: 518px; top: 12px; width: 34px; height: 30px; }
ul#community_partners #people { left: 574px; top: 15px; width: 90px; height: 25px; }


/* Sidebar Background Images */

ul#pc {
	background: #fff url(../i/.gif) top right no-repeat;
}

ul#ss {
	background: #fff url(../i/bg/ss.gif) top right no-repeat;
}

ul#jobs {
	background: #fff url(../i/bg/ss.gif) top right no-repeat;
}

ul#home1 {
	background: #fff url(../i/bg/homepage.jpg) top right no-repeat;
}

ul#contactus {
	background: #fff url(../i/bg/.jpg) top right no-repeat;
}

ul#letters {
	background: #fff url(../i/) top right no-repeat;
}

ul#contact { 
	background: #fff url(../i/rcsreception2.jpg) top right no-repeat;
}

/* Cultural */

h1.cultural {
	color: #333;
	font-size: 1.4em;
	background: url(../i/culturallearning.jpg) no-repeat;
	padding: 10px;
}

h2.cultural {
	color: #333;
	font-size: 1.3em;
	background: url(../i/culturallearning.jpg) no-repeat;
	padding: 10px;
}


/* Communication */

h1.communication {
	color: #333;
	font-size: 1.4em;
	background: url(../i/communicationlearning.jpg) no-repeat;
	padding: 10px;
}

h2.communication {
	color: #333;
	font-size: 1.3em;
	background: url(../i/communicationlearning.jpg) no-repeat;
	padding: 10px;
}


/* Investigation */

h1.invest {
	color: #333;
	font-size: 1.4em;
	background: url(../i/investlearning.jpg) no-repeat;
	padding: 10px;
}

h2.invest {
	color: #333;
	font-size: 1.3em;
	background: url(../i/investlearning.jpg) no-repeat;
	padding: 10px;
}


/* Collaborative */

h1.collab {
	color: #333;
	font-size: 1.4em;
	background: url(../i/collablearning.jpg) no-repeat;
	padding: 10px;
}

h2.collab {
	color: #333;
	font-size: 1.3em;
	background: url(../i/collablearning.jpg) no-repeat;
	padding: 10px;
}

/* Specialist */

h1.spec {
	color: #333;
	font-size: 1.4em;
	background: url(../i/speclearning.jpg) no-repeat;
	padding: 10px;
}

h2.spec {
	color: #333;
	font-size: 1.3em;
	background: url(../i/speclearning.jpg) no-repeat;
	padding: 10px;
}

/* Target tutor Page */

h2.tt {
	color: #09f;
	font-size: 1.4em;
}

h2.stusvs {
	color: #069;
	font-size: 1.4em;
}

blockquote.ttq {
	border: 1px solid #ccc;
	padding: 0.5em;
	padding-right: 80px;
	margin-bottom: 1em;
	background-color: #eef;
	background: #eef url(../i/targettutor.jpg) top right no-repeat;
	font-weight: bold;
	font-size: 1.15em;
}

blockquote.ttq strong {
	display: block;
	padding-top: 0.5em;
	color: #09f;
	font-size: 1.1em;
}

/* Body background Images */

body.readinggroups #content_main {
	background: #fff url(../i/readinggroups.jpg) top right no-repeat;
}

body.readinggroups #content_main p {
	width: 65%;
}

body.technology #content_main {
	background: #fff url(../i/technology.jpg) top right no-repeat;
}

body.technology #content_main p {
	width: 65%;
}


body.rewards #content_main {
	background: #fff url(../i/rewards.jpg) top right no-repeat;
}

body.rewards #content_main p {
	width: 70%;
}

body.path #content_main {
	background: #fff url(../i/pathfinder.jpg) top right no-repeat;
}

body.path #content_main p {
	width: 65%;
}

body.mfl #content_main {
	background: #fff url(../i/bg/mflhowcanibest.jpg) top right no-repeat;
}

body.mfl #content_main p {
	width: 65%;
}


body.jnrcouncil #content_main {
	background: #fff url(../i/jnrcouncil.jpg) top right no-repeat;
}

body.jnrcouncil #content_main p {
	width: 65%;
}

body.snrcouncil #content_main {
	background: #fff url(../i/snrcouncil.jpg) top right no-repeat;
}

body.snrcouncil #content_main p {
	width: 65%;
}

body.library #content_main {
	background: #fff url(../i/bg/librarybg.jpg) top right no-repeat;
}

body.tatevisit #content_main p {
	width: 65%;
}

body.tatevisit #content_main {
	background: #fff url(../i/bg/tate.jpg) top right no-repeat;
}

body.arthomepage #content_main p {
	width: 65%;
}

body.arthomepage #content_main {
	background: #fff url(../i/bg/artpics.jpg) top right no-repeat;
}

body.library #content_main p {
	width: 65%;
}

body.contact #content_main {
	background: #fff url(../i/rcsreception2.jpg) top right no-repeat;
}

body.contact #content_main p {
	width: 40%;
}

body.chat #content_main {
	background: #fff url(../i/chatresources.jpg) top right no-repeat;
}

body.chat #content_main p {
	width: 60%;
}


body.calbg #content_main {
	background: #fff url(../i/easter.jpg) top right no-repeat;
}

body.calbg #content_main p {
	width: 70%;
}

body.kevbg #content_main {
	background: #fff url(../i/kevinmincher.jpg) top right no-repeat;
}

body.kevbg #content_main p {
	width: 55%;
}

body.learningbg #content_main {
	background: #fff url(../i/learningbgtest.jpg) top left no-repeat;
}

body.learningbg #content_main p {
	width: 60%;
}

body.lunchtimeclubbg #content_main {
	background: #fff url(../i/.jpg) top right no-repeat;
}

body.lunchtimeclubbg #content_main p {
	width: 100%;
}

body.peextbg #content_main {
	background: #fff url(../i/peextracurrbg.jpg) top right no-repeat;
}

body.peextbg #content_main p {
	width: 70%;
}

body.careerstbg #content_main {
	background: #fff url(../i/careersst.jpg) top right no-repeat;
}

body.careerstbg #content_main p {
	width: 70%;
}

body.termdatesbg #content_main {
	background: #fff url(../i/.jpg) top right no-repeat;
}

body.termdatesbg #content_main p {
	width: 70%;
}

body.unifbg #content_main {
	background: #fff url(../i/uniform1.jpg) top right no-repeat;
}

body.unifbg #content_main p {
	width: 70%;
}

body.schoolbg #content_main {
	background: #fff url(../i/school2.jpg) top right no-repeat;
}

body.schoolbg #content_main p {
	width: 70%;
}

body.homebg #content_main {
	background: #fff url(../i/homebg2.jpg) top right no-repeat;
}

body.homebg #content_main p {
	width: 70%;
}

body.dotcommbg #content_main {
	background: #fff url(../i/dotcommentrance.jpg) top right no-repeat;
}

body.dotcommbg #content_main p {
	width: 70%;
}

body.mathsbg #content_main {
	background: #fff url(../i/bg/mathsbg.jpg) top right no-repeat;
}

body.mathsbg #content_main p {
	width: 60%;
}

body.mondextracurrbg #content_main {
	background: #fff url(../i/mondayextracurr.jpg) top right no-repeat;
}

body.mondextracurrbg #content_main p {
	width: 75%;
}

body.thursdextracurrbg #content_main {
	background: #fff url(../i/thursdayextracurr.jpg) top right no-repeat;
}

body.thursdextracurrbg #content_main p {
	width: 75%;
}

body.fridextracurrbg #content_main {
	background: #fff url(../i/fridayextracurr.jpg) top right no-repeat;
}

body.fridextracurrbg #content_main p {
	width: 75%;
}


th, td{
	padding: 0.25em;
}

table.border{
	border: 1px solid #cccccc;
	}
	
td.border{
	border: 1px solid #cccccc;
	}
	
th.border{
	border: 1px solid #cccccc;
	}
	
td.colour{
	background-color:#FFFF99;
	}
	
/* Awards Evening Page (Specialist)*/
	
table.awardsspec{
	border: 1px solid #39f;
	background-color: #39f;
	}
	
td.awardsspec{
	border: 1px solid #39f;
	background-color: #FFFFFF
	}
	
th.awardsspec{
	border: 1px solid #39f;
	background-color: #FFFFFF
	}
	
	/* Awards Evening Page (Collaborative)*/
	
table.awardscoll{
	border: 1px solid #090;
	background-color: #090;
	}
	
td.awardscoll{
	border: 1px solid #090;
	background-color: #FFFFFF
	}
	
th.awardscoll{
	border: 1px solid #090;
	background-color: #FFFFFF
	}

	/* Awards Evening Page (Investigation)*/
	
table.awardsinv{
	border: 1px solid #f90;
	background-color: #f90;
	}
	
td.awardsinv{
	border: 1px solid #f90;
	background-color: #FFFFFF
	}
	
th.awardsinv{
	border: 1px solid #f90;
	background-color: #FFFFFF
	}
	
	/* Awards Evening Page (Communication)*/
	
table.awardscomm{
	border: 1px solid #90f;
	background-color: #90f;
	}
	
	td.timetable{
	border: 1px solid #6c9;
	background-color: #6c9;
	}

td.awardscomm{
	border: 1px solid #90f;
	background-color: #FFFFFF
	}
	
th.awardscomm{
	border: 1px solid #90f;
	background-color: #FFFFFF
	}

	/* Awards Evening Page (Cultural)*/
	
table.awardscult{
	border: 1px solid #ff0;
	background-color: #ffffff;
	}
	
td.awardscult{
	border: 1px solid #ff0;
	background-color: #FFFFFF
	}
	
th.awardscult{
	border: 1px solid #ff0;
	background-color: #FFFFFF
	}

	/* Awards Evening Page (Past students)*/
	
table.awardspast{
	border: 1px solid #000;
	background-color: #000;
	}
	
td.awardspast{
	border: 1px solid #000;
	background-color: #fff;
	}
	
th.awardspast{
	border: 1px solid #000;
	background-color: #fff;
	}