/* CSS Document */
/*Teachit Primary*/

/* The body style: */
body {
background-color: #27B2D1;
padding: 0;
border-top-width: 0;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0;
font-family: arial, helvetica, serif;
font-size: 0.8em;
color: #000000;
}


html {
	height: 100%;  set the height of the whole html block to allow <div>s to hit btm of page in mozilla, safari*/
	text-align: center;
}

img { /* take the borders off all the images - we don't need them coming out in links on browsers like Opera 6! */
border-width: 0;
}

/* standard link style */
a{
text-decoration: underline;
color: #0080ff;
}


/* standard link style, when mouse is over it */
a:hover {
text-decoration: underline;
}


a.nounderline{
	text-decoration: none;	
}

a:hover.nounderline{
	text-decoration: underline;
}

.footer a{
	color: #fff;
}

.loginbar{
	font-size: 1.1em;
}

.menu_link{
	font-size: 1.1em;
}

/*======================================================================================*/
/* text */
div.footer {
font-size: 0.9em;
color: #FFFFFF;
padding: 7px 50px 10px 50px;
}

/*======================================================================================*/

/* containers */
#page_wrapper_ie5 { /* fixes bug in ie5  - makes it center the <div> in the browser window */
text-align: center;
height: 100%;
}

#page_outline { /* nested within .page_wrapper_ie5 to allow other browsers to center in the browser window */
width: 95%;
text-align: center;
height: 100%;
margin-left: auto;
margin-right: auto;
}

	#page_outline_home { /* nested within .page_wrapper_ie5 to allow other browsers to center in the browser window */
	width: 95%;
	text-align: center;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

	#page_outline_client { /* nested within .page_wrapper_ie5 to allow other browsers to center in the browser window */
	width: 95%;
	text-align: center;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

/*======================================================================================*/



/* Background */
div.backgroundholder{
width: 100%;
}

div.background {
width: 100%;
background-color: #FFFFFF;
border: solid 0px;
overflow: hidden;
}

div.bgtddolder {
width: 100%
display: block;
background-color: #FFFFFF;
overflow: hidden;
}

div.bgtd1{
float: left;
}

div.bgtd3{
float: right;
}

/* Logo */
div.logo {
float: left;
margin: 5px 0px 5px 15px;
}

/* Banner ad */
div.ad {
float: right;
display: block;
margin: 8px 30px 8px 0px;
}


/* Login */
div.loginholder{
display: block;
}

div.loginbar {
width: 100%;
height: 46px;
background-color: #FDC94A;
border: solid 0px;
margin-left: 0px;
display: block;
}

.loginlinks {
margin: 0px 0px 0px 0px;
}

.loginlinks a {
color: #000000;
}

input.input{
border: solid 1px;
background-color: #FFFFFF;
width: 160px;
height: 1.6em;
vertical-align: middle;
}

input.password{
border: solid 1px;
background-color: #FFFFFF;
width: 110px;
height: 1.6em;
vertical-align: middle;
}

/* Menu */
div.menuholder {
width: 228px;
margin: 18px 0px 0px 0px;
/*float: left;*/
}

.menutable a {
font-size: 14px;
font-weight: 900;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color: #000;
}

.menutable {
width: 228px;
border-collapse: collapse;
margin-bottom: 5px;
}

.menutable td {
text-align: left;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
margin: 0;
border-collapse: collapse;
}

.menutable .trSubmenu td{
	padding: 0;
	margin: 0;
}

.tdIcon{
	width: 15%;
}

.menutable .trSubmenu div.submenucontainer div {
	padding: 2px 0 2px 28px;
}

.menutable .trSubmenu div.submenucontainer {
	margin-left: 20px;
}

.menutable .trSubmenu div.submenucontainer div.submenucontainer {
	margin-left: 0px;
}

.menutable .trSubmenu a{
	font-weight: normal;
}

ul#nav {
	display: none;
	}
	
#menu_home_home a {
width: 226px;
height: 47px;
background-image: url(images/home_bttn_f2.gif);
background-repeat: no-repeat;
float: left;
}
	
#menu_home a {
width: 226px;
height: 47px;
background-image: url(images/home_bttn.gif);
background-repeat: no-repeat;
float: left;
}

	#menu_home a:hover {
	background-image: url(images/home_bttn_f2.gif);
	}
	
#menu_membership a {
width: 226px;
height: 52px;
background-image: url(images/membership_bttn.gif);
background-repeat: no-repeat;
float: left;
}

	#menu_membership a:hover {
	background-image: url(images/membership_bttn_f2.gif);
	}
	
#menu_latest a {
width: 226px;
height: 52px;.menutable .trSubmenu div{
	border: 1px solid #f00;
	margin: 0;
	padding: 0;
}.menutable .trSubmenu div{
	border: 1px solid #f00;
	margin: 0;
	padding: 0;
}
background-image: url(images/latest_bttn.gif);
background-repeat: no-repeat;
float: left;
}

	#menu_latest a:hover {
	background-image: url(images/latest_bttn_f2.gif);
	}
	
#menu_resource a {
width: 226px;
height: 50px;
background-image: url(images/resources_bttn.gif);
background-repeat: no-repeat;
float: left;
}

	#menu_resource a:hover {
	background-image: url(images/resources_bttn_f2.gif);
	}
	
#menu_whizzy a {
width: 226px;
height: 51px;
background-image: url(images/whizzy_bttn.gif);
background-repeat: no-repeat;
float: left;
}

	#menu_whizzy a:hover {
	background-image: url(images/whizzy_bttn_f2.gif);
	}
	
#menu_teaching a {
width: 226px;
height: 51px;
background-image: url(images/teaching_bttn.gif);
background-repeat: no-repeat;
float: left;
}

	#menu_teaching a:hover {
	background-image: url(images/teaching_bttn_f2.gif);
	}
	
#menu_staffroom a {
width: 226px;
height: 51px;
background-image: url(images/staffroom_bttn.gif);
background-repeat: no-repeat;
float: left;
}

	#menu_staffroom a:hover {
	background-image: url(images/staffroom_bttn_f2.gif);
	}
	
/* Seacrh box */

div.searchholder {
font-size: 1.1em;
width: 221px;
margin: 10px 0px 0px 3px;
/*float: left;*/
}

div.searchbox {
width: 211px;
background-color: #FDC94A;
border: solid 0px;
margin-left: 1px;
padding: 10px 0px 10px 10px;
display: block;
}

input.search{
border: solid 1px;
background-color: #FFFFFF;
width: 120px;
height: 1.6em;
vertical-align: middle;
}

/* Middle block */

div.middleholder {
margin: 10px 10px 0px 10px;
padding: 0px 0px 0px 10px;
text-align: left;
border: 1px;
height: 1%;
}

.menu_link {
font-weight: bold;
}

div.postedby {
color: #8D8D8D;
font-size: 0.95em;
}

div.postedby a {
color: #8D8D8D;
text-decoration: none;
}

div.postedby a:hover {
color: #8D8D8D;
text-decoration: underline;
}

div.featureholder {
width: 99%
}

div.featureboxtopbg {
background: url(images/featurebox_tr1_td2.gif) repeat-x;
}

div.featureboxtopright {
background: url(images/featurebox_tr1_td3.gif) no-repeat right top;
}

div.featureboxtopleft {
height: 9px;
background: url(images/featurebox_tr1_td1.gif) no-repeat left top;
overflow: hidden;
}

div.featureboxbg {
background: #e7f6fa; border-left: 2px solid #2ab3d2; border-right: 2px solid #2ab3d2;
}

div.featureimage {
margin-right: 10px;
float: left;
}

div.featureboxbotbg {
background: url(images/featurebox_tr3_td2.gif) repeat-x;
}


div.featureboxbotleft {
background: url(images/featurebox_tr3_td1.gif) no-repeat;
overflow: hidden;
height: 9px;
}

div.featureboxbotright {
background: url(images/featurebox_tr3_td3.gif) no-repeat right top;
}


div.featureboxcontent {
padding: 3px 10px 3px 10px;
}

div.featureboxtopholder {
background-image: url(images/featurebox_tr1_td2.gif);
background-repeat: repeat-x;
overflow: hidden;
border: solid 0px #000000;
}

div.featureboxbotholder {
background-image: url(images/featurebox_tr3_td2.gif);
background-repeat: repeat-x;
overflow: hidden;
border: solid 0px #000000;
}



div.featuretext {
color: #000000;
font-size: 0.5em;
border: solid 1px #000000;
}



/* Side block */

div.sideholder {
float: right;
margin: 10px 9px 0px 0px;
text-align: left;
width: 198px;
}

div.feature {
background-image: url(images/feature_tr2.gif);
background-repeat: repeat-y;
padding: 0px 0px 0px 0px;
}

div.featurehead {
color: #FFFFFF;
font-size: 1.2em;
padding: 0px 5px 0px 15px;
}

div.featuretext {
color: #FFFFFF;
font-size: 1.1em;
padding: 0px 5px 0px 15px;
border: 0px;
}

div.featuretext a:link, div.featuretext a:visited, div.featuretext a:active, div.featuretext a:hover {
color: #FFFFFF;
font-size: 1em;
text=decoration: underline;
line-height: 1.5em;
}

#divLeft{
	float: left;
}

.trSubmenu div div div a{
	padding-left: 0px;
	margin-left: 20px;
}

/* standard page heading styles */
h1 {
	position: relative;
	font-size: 1.45em; /* reduced from 1.85 HA 18/05/10*/
	margin: 0px 0px 0px 0px;
	font-family: arial, helvetica, trebuchet, sans-serif;
	text-align: left;
	color: #5184B4;
}


/* standard paragraph style */
p{
	font-size: 1em;
	line-height: 150%;
}



/* sub-heading styles */
h2 {
	position: relative;
	font-size: 1.25em; /* reduced from 1.45 HA 18/05/10*/
	margin: 0px 0px 0px 0px;
	font-family: arial, helvetica, trebuchet, sans-serif;
	text-align: left;
	color: #6D4783;
}

h3 {
	position: relative;
	font-size: 1.15em;
	margin: 0px 0px 0px 0px;
	font-family: arial, helvetica, trebuchet, sans-serif;
	text-align: left;
	color: #FF666666;
}

h3 a:link, h3 a:visited, h3 a:active{
	position: relative;
	font-size: 1.15em;
	margin: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, trebuchet, sans-serif;
	text-align: left;
	color: #277DBC;
}

h3 a:hover{
	position: relative;
	font-size: 1.15em;
	margin: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, trebuchet, sans-serif;
	text-align: left;
	color: #277DBC;
}

/* forum styles */
body.staffroom #section_pic {
background: url(application/images/frontend/share1.gif);
}

#staffroombox {
width: 100%;
border:1px solid #7dc27b;
}
#staffroombox-indent1 {
width: 100%;
border:1px solid #7dc27b;
margin-left:20px;
margin-top:4px;
}

.staffroomcol {
border-bottom:1px solid #7dc27b;
background-color:#bee0bd;
}

.staffroom_hl {
background-color:#FF0;
}

#message{
	width: 100%;
}