/* 

Go Travelwise styles v.1

Author:		Ben Buchanan
Contact:	ben.buchanan@splinter.co.uk

 */


/* structure */


body {
	margin: 0 auto;
	padding: 0;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1.4em;
	color: #333;
	background: #eaeaea;
}

#logo {
	position: absolute;
	z-index: 3;
	margin: 0;
	width: 248px;
	height: 152px;
	top: 5px;
	margin-left: -22px;
	}

#floater {
	margin: 22px auto 0 auto;
	padding: 5px;
	width: 753px;
	font-size: 120%;
	background: #fff url(../img/bg-greyblock.gif) no-repeat 0 0;
	}
	
#wrap {
	margin: 0;
	background: #D3E382 url(../img/bg-main.gif) repeat-y 0 0;
	}
	
#blockwrap-main {
	float: left;
	margin: 0;
	margin-bottom: 30px;
	padding: 5px;
	font-size: 90%;
	background: #fff;	
	}
	
#leftblock {
	float: left;
	margin-top: 0;
	margin-bottom: 10px;
	width: 268px;
	}
	
#blank {
	margin: 0;
	margin-bottom: 10px;
	padding: 5px;
	width: 258px;
	font-size: 90%;
	background: #fff;	
	}
	
#rightblock #blank {
	margin: 0;
	margin-bottom: 10px;
	padding: 5px;
	width: 238px;
	font-size: 90%;
	background: #fff;	
	}
	
#rightblock {
	float: right;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 314px;
	}
	
#staffroom {
	margin-bottom: 10px;
	padding: 5px;
	width: 330px;
	font-size: 90%;
	background: #fff url(../img/bg-wrap-staffroom.jpg) no-repeat top right;	
	}
	
#resourceroom {
	margin-bottom: 10px;
	padding: 5px;
	width: 330px;
	font-size: 90%;
	background: #fff url(../img/bg-wrap-resourceroom.gif) no-repeat top right;	
	}
	
#blockfloat {
	position: absolute;
	z-index: 2;
	margin: 0 auto;
	width: 314px;
	top: 190px;
	margin-left: 350px;
	}
	
#schoolgates, #topoftheclass {
	float: left;
	margin-bottom: 10px;
	padding: 5px;
	width: 304px;
	font-size: 90%;
	background: #fff;	
	}
		
#textwrap {
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #e4e4e4;
	}
	
#content {
	margin: 30px auto 0 auto;
	width: 664px;
	}
	
#footer {
	clear: both;
	margin-top: 30px;
	padding-top: 4px;
	padding-bottom: 56px;
	padding-left: 44px;
	background: #4C9021 url(../img/bg-footer.gif) bottom left no-repeat;
}

#footer li {
	padding: 0 8px 0 4px;
	display: inline;
	color: #FFF;
	font-size: 90%;
	border-right: 1px solid #fff;
	}
	
#footer li a {
	color: #FFF;
	text-decoration: none;
	}
	
#footer li a:hover, #footer li a.selected {
	color: #000;
	}
	
	
/* image */


#blockfloat img, #gamezone img {
	margin-bottom: 10px;
	border: 5px solid #fff;	
	}
	
img.icon {
	clear: both;
	float: left;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-right: 10px;
	}
	
img.game {
	clear: both;
	float: left;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-right: 15px;
	border: 1px solid #ccc;
	}
	
#blockwrap-main img.resource {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 10px;
	}		
	
#schoolgates img, #topoftheclass img, #homework img, #bulletins img, #schools img, #useful_links img, #faqs img, #plans img, #info img {
	float: left;
	margin: 0;
	margin-right: 10px;
	border: 0;	
	}	
	
#topoftheclass img, #schools img, #downloads img {
	margin-right: 0;
}


/* type */


p {
	margin-bottom: 1em;
	} 
	
p.end {
	margin-bottom: 0;
	} 
	
.hide {
	display: none;
	}
	
p#jan, p#feb, p#mar, p#apr, p#may, p#jun,
p#jul, p#aug, p#sep, p#oct, p#nov, p#dec {
clear: both;
margin: 5px 0 0 0;
padding: 10px;
width: 100%;
height: 80px;
background: #E5E5E5 url(../img/cal_jan.gif) bottom right no-repeat;
}

p#feb{
background: #E5E5E5 url(../img/cal_feb.gif) bottom right no-repeat;
}

p#mar{
background: #E5E5E5 url(../img/cal_mar.gif) bottom right no-repeat;
}

p#apr {
background: #E5E5E5 url(../img/cal_apr.gif) bottom right no-repeat;
}

p#may {
background: #E5E5E5 url(../img/cal_may.gif) bottom right no-repeat;
}

p#jun {
background: #E5E5E5 url(../img/cal_jun.gif) bottom right no-repeat;
}

p#jul {
background: #E5E5E5 url(../img/cal_jul.gif) bottom right no-repeat;
}

p#aug {
background: #E5E5E5 url(../img/cal_aug.gif) bottom right no-repeat;
}

p#sep {
background: #E5E5E5 url(../img/cal_sep.gif) bottom right no-repeat;
}

p#oct {
background: #E5E5E5 url(../img/cal_oct.gif) bottom right no-repeat;
}

p#nov {
background: #E5E5E5 url(../img/cal_nov.gif) bottom right no-repeat;
}

p#dec {
background: #E5E5E5 url(../img/cal_dec.gif) bottom right no-repeat;
}

	
#blockwrap-main p.level1 {
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 5px;
	padding-left: 13px;
	font-weight: bolder;
	background: url(../img/bullet_green.gif) 0 .5em no-repeat;
 	}
	
#blockwrap-main p.level2 {
	margin-left: 28px;
	margin-bottom: 5px;
	padding-left: 20px;
	background: url(../img/2bullet_green.gif) 0 .5em no-repeat;
	}
	
#blockwrap-main p.level3 {
	margin-left: 48px;
	margin-bottom: 5px;
	padding-left: 27px;
	color: #444;
	background: url(../img/3bullet_green.gif) 0 .5em no-repeat;
	}

#blockwrap-main p, #staffroom p, #resourceroom p, #schoolgates p, #travel p, #student p, #schools p, #downloads p, #tips p, #resources p, #faqs p, #plans p {
	margin-left: 5px;
	margin-right: 15px;
	}
	
#blockwrap-main p.iconpad, #staffroom p.iconpad, #resourceroom p.iconpad, #travel p.iconpad, #student p.iconpad, #downloads p.iconpad, #tips p.iconpad, #resources p.iconpad {
	margin-left: 80px;
	width: 235px;
	/*background: #FF0000;*/
	}
	
#travel p.iconpad, #schools p.iconpad, #downloads p.iconpad, #tips p.iconpad, #resources p.iconpad {
	width: 160px;
	}
	
#blockwrap-main p.iconpad-ftr, #staffroom p.iconpad-ftr, #resourceroom p.iconpad-ftr {
	margin-left: 80px;
	margin-bottom: 0;
	width: 250px;
	}

b, strong {
	font-weight: bold;
	color: #000;
	}
		
h1 {
	z-index: 1;
	padding: 0;
	width: 753px;
	height: 44px;
	text-indent: -9999em;
	background: url(../img/header-main.gif) no-repeat top right;
}

h2 {
	margin-bottom: 10px;
	padding: 0;
	width: 654px;
	height: 36px;
	text-indent: -9999em;
	background: #C63731 url(../img/hdr-commonroom.jpg) no-repeat 0 0;
	}
	
#blockwrap-main h2 a {
	float:left;
	margin: 0;
	padding: 0;	
	width: 340px;
	height: 36px;
	/*background: #00FF00;*/
	}
	
h3 {
	margin: 0;
	margin-left: 80px;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
	color: #C63731;
	}
	
#staffroom h3 {
	margin: 0;
	margin-left: 5px;
	margin-bottom: 10px;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
	color: #4D88C5;
	}
	
#resourceroom h3 {
	margin: 0;
	margin-left: 5px;
	margin-bottom: 10px;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
	color: #658F31;
	}
	
#travel h3, #tips h3, #resources h3 {
	margin: 0;
	margin-left: 80px;
	margin-bottom: 10px;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
	color: #C63731;
	}
	
#schools h3 {
	margin: 0;
	margin-left: 80px;
	margin-bottom: 10px;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
	color: #C63731;
	}
	
#downloads h3 {
	margin: 0;
	margin-left: 80px;
	margin-bottom: 10px;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
	color: #C63731;
	}
	
#student h3 {
	margin: 0;
	margin-left: 5px;
	margin-bottom: 10px;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
	color: #C63731;
	}
	
#homework h3, #bulletins h3, #blank h3, #useful_links h3, #faqs h3, #plans h3, #info h3 {
	margin: 0;
	margin-left: 0;
	margin-bottom: 10px;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
	color: #C63731;
	}
	
#staffroom h4 {
	margin-bottom: 10px;
	padding: 0;
	width: 330px;
	height: 36px;
	text-indent: -9999em;
	background: #0388C9 url(../img/hdr-staffroom.jpg) no-repeat 0 0;
	}
	
#resourceroom h4 {
	margin-bottom: 10px;
	padding: 0;
	width: 330px;
	height: 36px;
	text-indent: -9999em;
	background: #658F31 url(../img/hdr-resourceroom.gif) no-repeat 0 0;
	}
	
#staffroom h4 a, #resourceroom h4 a {
	float: left;
	margin: 0;
	padding: 0;
	width: 330px;
	height: 36px;
	/*background: #00FF00;*/
	}
	
#travel h4, #downloads h4, #tips h4, #resources h4 {
	margin-bottom: 10px;
	padding: 0;
	width: 258px;
	height: 30px;
	text-indent: -9999em;
	background: #E5322C url(../img/hdr-travel.jpg) no-repeat 0 0;
	}
	
#schools h4 {
	margin-bottom: 5px;
	padding: 0;
	width: 258px;
	height: 30px;
	text-indent: -9999em;
	background: #E5322C url(../img/hdr-travel.jpg) no-repeat 0 0;
	}
	
#student h4 {
	margin-bottom: 0;
	padding: 0;
	width: 258px;
	text-indent: -9999em;
	background: none;
	}
	
h4.gotravelwise {
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 5px;
	padding: 0;
	width: 297px;
	height: 51px;
	text-indent: -9999em;
	background: url(../img/hdr-gotravelwise.gif) no-repeat 0 0;
	}
	
#schoolgates h4 {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	width: 304px;
	height: 36px;
	text-indent: -9999em;
	background: #F8931D url(../img/hdr-schoolgates.jpg) no-repeat 0 0;
	}
	
#topoftheclass h4 {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	width: 304px;
	height: 36px;
	text-indent: -9999em;
	background: #FEE30D url(../img/hdr-topoftheclass.jpg) no-repeat 0 0;
	}
	
#schoolgates h4 a, #topoftheclass h4 a {
	float: left;
	margin: 0;
	padding: 0;
	width: 304px;
	height: 36px;
	/*background: #00FF00;*/
	}
	
#homework h4, #useful_links h4, #faqs h4, #plans h4, #info h4 {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	width: 238px;
	height: 32px;
	text-indent: -9999em;
	background: #E5322C url(../img/hdr-homework.jpg) no-repeat 0 0;
	}
	
#bulletins h4 {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	width: 238px;
	height: 32px;
	text-indent: -9999em;
	background: #E5322C url(../img/hdr-bulletins.jpg) no-repeat 0 0;
	}
	
#blockwrap-main h4.resource {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	}
	
#blockwrap-main h4.game {
	margin:  5px 0;
	padding: 0;
	}
	
h5 {
	margin: 5px 10px;
	font-size: 95%;
	font-weight: bold;
	color: #fff;
	}
	
.grey_bg {
	float: left;
	margin-bottom: 10px;
	padding-top: 10px;
	width: 258px;
	background: #E5E5E5;
}

.red {
	color: #C53530;
	}
	
#blockwrap-main div.resource  {
	margin:  10px 15px;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
	}
	
#blockwrap-main div.game  {
	float: left;
	margin:  10px 15px;
	padding: 5px 0;
	width: 95%;
	border-bottom: 1px solid #ccc;
	}
	

/* lists */	
	

#blockwrap-main ul, #blockwrap-main ol, #blockwrap-main dl {
	margin: 0 25px 10px 25px;
	}
	
#blockwrap-main li, #blockwrap-main dt, #blockwrap-main dd {
	margin-bottom: 5px;
	font-size: 110%;
	}
	
#blockwrap-main ul li {
	padding-left: 15px;
	margin-bottom: 7px;
	background: url(../img/bullet_green.gif) 0 .5em no-repeat;
	}
	
#blockwrap-main dd {
	margin-bottom: 10px;
	}
	
#blockwrap-main dt {
	font-weight: bold;
	}
		
#blockwrap-main ol {
	margin-left: 43px;
	list-style: decimal; 
	}
	
/*#blockwrap-main .resource {
	float: left;
	clear: both;
	margin: 10px 15px;
	padding: 10px;
	border: 1px solid #ccc;
	}
	
#blockwrap-main .resource h5 {
	margin: 0 0 5px 0;
	padding: 0;
	}
	
#blockwrap-main .resource img.icon {
	float: left;
	margin: 0 15px 10px 0;
	padding: 0;
	}
	
#blockwrap-main .resource p {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	}*/
	
	
/* links */



a {
	color: #0066CC;
}

a:hover, a.selected {
	text-decoration: none;
	}

	
/*#blockwrap-main a {
	color: #C53530;
	}	
	
a {
	color: #C53530;
	}
	
#staffroom a, #topoftheclass a {
	color: #2E51ED;
	}
	
#resourceroom a {
	color: #658F31;
	}
	
#schoolgates a {
	color: #F8931D;
	} */
	
#bulletinboard a {
	clear: both;
	display: block;
	height: 23px;
	width: 330px;
	text-decoration: none;
	background: #fff url(../img/btn-techerbulletinboard.gif) no-repeat;
}

#bulletinboard a span {
	visibility: hidden;
}

#logo a {
	clear: both;
	display: block;
	height: 152px;
	width: 248px;
	text-decoration: none;
	background: url(../img/logo-main.gif) no-repeat 0 0;
}

#logo a span {
	visibility: hidden;
	text-decoration: underline;
}

p#breadcrumb a {
	padding: 0 6px 0 6px;
	color: #363231;
	font-size: 95%;
	border-left: 1px solid #363231;
}

p#breadcrumb a.first {
	padding-left: 0;
	border-left: none;
}

h5 a {
	color: #fff;
	text-decoration: none;
	}

/* top nav */


#topnav {
	clear: both;
	z-index: 1;
	margin: 0;
	padding: 0;
	height: 36px;
	width: 753px;
	list-style: none;
	overflow: hidden;
	background: #4C9023 url(../img/bg-mainnav.jpg) repeat-x 0 0;
	border-top: 36px solid #fff;
}

#topnav li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

#topnav a {
	float: left;
	padding: 36px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:36px; /* for IE5/Win only */
}

#topnav a:hover {
	background-position: 0 0;
}

#topnav a:active {
	background-position: 0 0;
}

#topnav a.selected {
	background-position: 0 0;
}

#nav-common a {
	margin-left: 324px;
	width: 77px;
	background: url(../img/nav-commonroom.jpg) top left no-repeat;
}

#nav-staff a {
	width: 60px;
	background: url(../img/nav-staffroom.jpg) top left no-repeat;
}

#nav-school a {
	width: 84px;
	background: url(../img/nav-schoolgates.jpg) top left no-repeat;
}

#nav-resource a {
	width: 78px;
	background: url(../img/nav-resourceroom.jpg) top left no-repeat;
}	

#nav-top a {
	width: 84px;
	background: url(../img/nav-topoftheclass.jpg) top left no-repeat;
}


/* sub nav */


#subnav {
	float: left;
	margin: 0;
	padding: 41px 0 30px 0;
	width: 187px;
	background: #C63630;
	}
	
#subnav li {
	clear: both;
	float: left;
	display: block;
	width: 187px;
	margin: 0;
	color: #FFF;
	font-size: 90%;
	}
	
#subnav li a {
	clear: both;
	float: left;
	display: block;
	width: 137px;
	padding: 8px 25px;
	color: #FFF;
	text-decoration: none;
	background: #CC4A44;
	}
	
#subnav li a:hover, #subnav li a.selected {
	color: #C63630;
	background: #FFF;
	}