/* site-wide page structure -------------------------------------------------*/

html {
  height: 100%;
}

body {
  height: 100%;
  font-size: 62.5%;  /* standardise 1em = 10px */
  padding: 0;
  margin: 0;
}

#tmac-nonfooter
{
  background: url(images/background.png) center repeat-y;
  position: relative;
  min-height: 100%;
}

* html #tmac-nonfooter
{
  height: 100%;
}

#tmac-header {
  height: 75px;
  background: url(images/headerbg.png);
}

#tmac-headercontent {
  width: 940px;
  margin: 0 auto 0 auto;
  height: 75px;
}

#tmac-menu {
	margin-right: 0px;
	float: right;
	text-align: right;
	width: 274px;
}

#tmac-menu ul {
  height: 51px;
  margin: 14px 14px 0 0;
  padding: 0;
}

#tmac-menu ul li {
  float: left;
  display: block;
  height: 51px;
}

#tmac-menu ul li a {
  height: 51px;
}

#tmac-logo {
  width: 350px;
  height: 75px; 
  background: url(images/logo.png);
}

#tmac-logo a {
  display: block;
  text-decoration: none;
  overflow: hidden;
  border: 0;
  margin: 0;
  padding: 0;
  padding-top: 75px;
  height: 0px !important;
  width: 350px;
}

#tmac-page {
  width: 940px;
  margin: 0px auto 0px auto;
  padding-bottom: 70px;
  font-size: 1.5em;
  font-family: Helvetica, Verdana, Arial, Sans-Serif;
}

.nosidebar {
}

#tmac-sidebar {
  width: 220px;
  float: right;
  padding: 1em 10px 10px 10px;
  margin-right: 30px !important;
  margin-right: 15px;
  margin-top: 20px;
  border: #d7ae5b 1px solid;
  background: url(images/sidebar-radial.jpg) top no-repeat;
  color: #1a448e;
  clear: right;
}
#tmac-advert {
  width: 220px;
  float: right;
  padding: 1em 10px 10px 10px;
  margin-right: 30px !important;
  margin-right: 15px;
  margin-top: 20px;
  color: #1a448e;
  text-align:center;
  clear: right;
}
.nosidebar #tmac-sidebar {
  display: none;
}

#tmac-footer {
  clear: both;
  height: 75px;
  font-family: Helvetica, Verdana, Arial, Sans-Serif;
  color: #ffffff;
  position: relative;
  margin-top: -75px;
  background: url(images/headerbg.png);
}

#tmac-footercontent {
  width: 600px;
  margin: 0 auto 0 auto;
  padding-top: 10px;
}

#tmac-footer a { color: #fff; text-decoration: none; }
#tmac-footer a:hover { color: #519bda; text-decoration: none; }
#tmac-weather { padding-bottom:20px;}
#tmac-splash { padding-left:6%; padding-top:6%; padding-right:10%; width:60%; float:left;  }
#tmac-splash-buttons { float:left; padding-top:15%; text-align:center;}
#tmac-splash-2 {clear:both; padding-top:4%; padding-left:10%; padding-bottom:5%; width:50%;}
/* menu rollover effects ----------------------------------------------------*/

#tmac-menu-about { display: block; width: 65px; background: url(images/about-off.png) no-repeat; }
#tmac-menu-about:hover { display: block; width: 65px; background: url(images/about-on.png) no-repeat; }
#tmac-menu-news { display: block; width: 70px; background: url(images/news-off.png) no-repeat; }
#tmac-menu-news:hover { display: block; width: 70px; background: url(images/news-on.png) no-repeat; }
#tmac-menu-facilities { display: block; width: 86px; background: url(images/facilities-off.png) no-repeat; }
#tmac-menu-facilities:hover { display: block; width: 86px; background: url(images/facilities-on.png) no-repeat; }
#tmac-menu-sixthform { display: block; width: 60px; background: url(images/sixthform-off.png) no-repeat; }
#tmac-menu-sixthform:hover { display: block; width: 60px; background: url(images/sixthform-on.png) no-repeat; }
#tmac-menu-jobs { display: block; width: 65px; background: url(images/jobs-off.png) no-repeat; }
#tmac-menu-jobs:hover { display: block; width: 65px; background: url(images/jobs-on.png) no-repeat; }

.opacityon{
 filter: alpha(opacity=70);
 opacity: 0.7;
 -moz-opacity: 0.7;
 }
.opacityoff{
 filter: alpha(opacity=100);
 opacity: 0.7;
 -moz-opacity: 0.7;
 }
/* content stucture ---------------------------------------------------*/

.contentblock { padding: 20px 30px 20px 30px; margin: 0; }
.contentblock- { padding:20px;    margin: 0;
    height: 210px;
    20px: ;
}

.columnfull   { width: 620px; clear: left; }
.smoothcolumnfull { clear:left; }
.col2-left    { width: 300px; float: left; }
.col2-right   { width: 300px; margin-left: 320px; }
#expand { display:none; clear:both; }

.nosidebar .columnfull { width: 880px; clear: left; }
.nosidebar .col2-left  { width: 428px; float: left; }
.nosidebar .col2-right { width: 428px; margin-left: 447px; }

.nosidebar .col3-left   { width: 280px; float: left; }
.nosidebar .col3-middle { width: 280px; margin-left: 18px; float: left;  }
.nosidebar .col3-right  { width: 280px; margin-left: 596px; }
.nosidebar .col4  { clear:both; margin-left:18px; margin-right:18px; margin-bottom:50px;}
.nosidebar .col3-span-left  { width: 580px; float: left; }
.nosidebar .col3-span-right { width: 580px; margin-left: 296px; }

.width100     { width: 100%; }
.width75      { width: 74%; }
.width66      { width: 65%; }
.width50      { width: 49.7%; }
.width33      { width: 32.7%; }
.width25      { width: 24.7%; }

.floatleft    { float: left; }
.floatright   { float: right; }
.clearfix     { clear: both; height: 2px; }
.colourclearfix     { clear: both; height: 1px; border-color:#0066FF; border-style:solid; border-width:1px; width:400px; }

.alignleft    { text-align: left; }
.alignright   { text-align: right; }
.alignjustify { text-align: justify; }

.hide         { display: none; }
.strike       { text-decoration: line-through; }
.seasonalimage {}


/* content styling ----------------------------------------------------------*/

table.stafflist{
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}

table.stafflist th{
  padding-top: 2em;
  padding-bottom: 0.5em;
  text-align: left;
  color: #1a448e;
}

table.stafflist th.first{
  padding-top: 0;
}

table.stafflist td { 
  font-size: 0.8em;
  vertical-align: top;
  border-bottom: #edecec 1px solid;
}

h2{
  padding: 0;
  margin: 0 0 0.8em 0;
}

h3{
  padding: 0;
  color: #1a448e;
  margin: 0 0 0.8em 0;
}

p {
  margin: 0.7em 0;
}

small {
  font-style: italic;
  font-size: 0.7em;
}

hr {
  height: 0px;
}

a       { color: #519bda; text-decoration: none; }
a:hover { color: #519bda; text-decoration: none; }

.pictureframe {
  padding: 6px;
  border: #e2d7d3 1px solid;
  background: white;
  margin-bottom: 0px;
}

blockquote{
  margin: 0;
  padding: 1em 10px 10px 10px;
}

.yellowbox {
  border: #d7ae5b 1px solid;
  background-color: #ffefdd;
}



/* SPECIAL CONTENT ----------------------------------------------------------*/
/* "blue shimmer" attract block ---------------------------------------------*/

.attract-blueshimmer {
  color: #ffffff;
  border: #0000aa 1px solid;
  border-top: none;
  margin: 0;
  background: url(images/attract-blueshimmer.jpg) top center no-repeat;
}

.attract-blueshimmer ul {
  padding: 0px;
  margin-left: 0px;
  margin-top: 1em;
  list-style: none;
}

.attract-blueshimmer ul img {
  padding: 0;
  margin: 0;
  border: none;
  vertical-align: bottom;
}

.attract-blueshimmer img.pictureframe {
  padding: 6px;
  border: #3472bd 1px solid;
  background: white;
}

.attract-blueshimmer h3 {
  padding: 0;
  color: #ffffff;
  margin: 0 0 0.25em 0;
  font-size: 1em;
}

.attract-blueshimmer a {
  color: #97ccf9;
}

/* "tmac building" attract block --------------------------------------------*/

.attract-tmacbuilding {
  color: #ffffff;
  border: #7b5049 1px solid;
  border-top: none;
  background: url(images/attract-tmacbuilding.jpg) top center no-repeat;
  height: 180px;
}


/* "newspapers" attract block --------------------------------------------*/

.attract-news {
  color: #1a448e;
  border: #c5c5c5 1px solid;
  border-top: none;
  background: url(images/attract-news.jpg) top center no-repeat;
  height: 180px;
}


/* google map integration ---------------------------------------------------*/

#tmac-locationmap {
  width: 860px;
  height: 500px;
  margin: 0 auto 0 auto;
  padding: 0;
  border: #e2d7d3 1px solid;
}


/* radial gradient blocks */

.col2-left .radial-red, .col2-right .radial-red{
  color: #fff;
  background: url(images/radial-red-300.jpg) top center no-repeat;
}

.col3-left .radial-red, .col3-middle .radial-red, .col3-right .radial-red{
  color: #fff;
  background: url(images/radial-red-280.jpg) top center no-repeat;
}

.col2-left .radial-green, .col2-right .radial-green{
  color: #fff;
  background: url(images/radial-green-300-1440.jpg) top center no-repeat;
}

.col3-left .radial-green, .col3-middle .radial-green, .col3-right .radial-green{
  color: #fff;
  background: url(images/radial-green-280.jpg) top center no-repeat;
}

.col2-left .radial-blue, .col2-right .radial-blue{
  color: #fff;
  background: url(images/radial-blue-300.jpg) top center no-repeat;
}

.col3-left .radial-blue, .col3-middle .radial-blue, .col3-right .radial-blue{
  color: #fff;
  background: url(images/radial-blue-280.jpg) top center no-repeat;
}

.radial-red h3 { color: #ffffff; }
.radial-red a { color: #fa7f69; }
.radial-green h3 { color: #ffffff; }
.radial-green a { color: #c5dc8d; }
.radial-blue h3 { color: #ffffff; }
.radial-blue a { color: #61abea; }

.col3-left .radial-green, .col3-middle .radial-green, .col3-right .radial-green{
  color: #fff;
  background: url(images/radial-green-280.jpg) top center no-repeat;
}

.col3-left .radial-blue, .col3-middle .radial-blue, .col3-right .radial-blue{
  color: #fff;
  background: url(images/radial-blue-280.jpg) top center no-repeat;
}

 /****************contact form*/
 
 P.description {	FONT-SIZE: 1.2em;	MARGIN: 1em 2em 0.5em 1em;	COLOR: #0f2f39;	LINE-HEIGHT: 1.4em}
 
/* 1 match(es) for: *//* Rule 35 of ./css/style_text.css */ .contactform {	PADDING-RIGHT: 10px;	PADDING-LEFT: 10px;	PADDING-BOTTOM: 0px;	MARGIN: 2em auto;	WIDTH: 550px;	PADDING-TOP: 10px}

 /* 2 match(es) for: *//* Rule 36 of ./css/style_text.css */ .contactform FIELDSET {	BORDER-RIGHT: #4ec9e0 1px solid;	PADDING-RIGHT: 0px !important;	BORDER-TOP: #4ec9e0 1px solid;	PADDING-LEFT: 0px !important;	PADDING-BOTTOM: 0px !important;	MARGIN: 0px 0px 20px;	BORDER-LEFT: #4ec9e0 1px solid;	PADDING-TOP: 20px !important;	BORDER-BOTTOM: #4ec9e0 1px solid} /* 2 match(es) for: *//* Rule 37 of ./css/style_text.css */ 
 
 .contactform FIELDSET LEGEND {	PADDING-RIGHT: 2px;	PADDING-LEFT: 2px;	FONT-WEIGHT: bold;	FONT-SIZE: 130%;	PADDING-BOTTOM: 0px;	MARGIN: 0px 0px 0px 5px;	COLOR: #2486ac;	PADDING-TOP: 0px} /* 12 match(es) for: *//* Rule 38 of ./css/style_text.css */ 
 
 .contactform LABEL.left {	PADDING-RIGHT: 2px;	PADDING-LEFT: 2px;	FONT-SIZE: 110%;	FLOAT: left;	PADDING-BOTTOM: 2px;	MARGIN: 0px 0px 0px 10px;	WIDTH: 150px;	COLOR: #000000;	PADDING-TOP: 2px} /* 2 match(es) for: *//* Rule 39 of ./css/style_text.css */ 
 
 .contactform SELECT.combo {	BORDER-RIGHT: #6892ca 1px solid;	PADDING-RIGHT: 2px;	BORDER-TOP: #6892ca 1px solid;	PADDING-LEFT: 2px;	FONT-SIZE: 110%;	PADDING-BOTTOM: 2px;	BORDER-LEFT: #6892ca 1px solid;	WIDTH: 175px;	PADDING-TOP: 2px;	BORDER-BOTTOM: #6892ca 1px solid;	FONT-FAMILY: verdana, arial, sans-serif} /* 9 match(es) for: *//* Rule 40 of ./css/style_text.css */ 
 
 .contactform INPUT.field {	BORDER-RIGHT: #2d95b7 1px solid;	PADDING-RIGHT: 2px;	BORDER-TOP: #2d95b7 1px solid;	PADDING-LEFT: 2px;	FONT-SIZE: 110%;	PADDING-BOTTOM: 2px;	BORDER-LEFT: #2d95b7 1px solid;	WIDTH: 275px;	PADDING-TOP: 2px;	BORDER-BOTTOM: #2d95b7 1px solid;	FONT-FAMILY: verdana, arial, sans-serif} /* 1 match(es) for: *//* Rule 41 of ./css/style_text.css */ 
 
 .contactform TEXTAREA {	BORDER-RIGHT: #349fbf 1px solid;	PADDING-RIGHT: 2px;	BORDER-TOP: #349fbf 1px solid;	PADDING-LEFT: 2px;	FONT-SIZE: 110%;	PADDING-BOTTOM: 2px;	BORDER-LEFT: #349fbf 1px solid;	WIDTH: 275px;	PADDING-TOP: 2px;	BORDER-BOTTOM: #349fbf 1px solid;	FONT-FAMILY: verdana, arial, sans-serif} /* 1 match(es) for: *//* Rule 42 of ./css/style_text.css */ 
 
 .contactform INPUT.button {	border: 1px solid #349fbf;
    padding: 1px;
    FONT-SIZE: 110%;	    FLOAT: right;	    WIDTH: 9em;	    COLOR: #000000;	    MARGIN-RIGHT: 20px;	    FONT-FAMILY: verdana, arial, sans-serif;	    BACKGROUND-COLOR: #ddf2f9;	    TEXT-ALIGN: center
} /* 0 match(es) for: *//* Rule 43 of ./css/style_text.css */ 
 
 .contactform INPUT.button:hover {	BORDER-RIGHT: #349fbf 1px solid;	BORDER-TOP: #349fbf 1px solid;	BORDER-LEFT: #349fbf 1px solid;	CURSOR: pointer;	COLOR: #000000;	BORDER-BOTTOM: #349fbf 1px solid;	BACKGROUND-COLOR: #2eafda}