html, body {
  height: 100%;
  background: #fff;
}

body {
  margin: 0;
  height: 100%;
  padding: 0;
  overflow: hidden;/*auto;/*19.06.06 - can't see*/
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 92%;  /* Correct IE font size when set to smaller */
}

h2 { 
font-size: 1.4em;
 font-weight: normal; 
margin: 45px 0 10px 0;
color: rgb(0,0,102);
 }

h3 {font-size: 1em; }

#border {
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  position: absolute;
  border: 2px solid #000;
  
}

/******************/
/* Head container */
/******************/

#header {
  height: 100px;
  font-size: 0.8em;
}

/* Header colour */
#header, #mainmenucurve {
/*  background: #ffce08;
/*  background: red; */
background: rgb(0,0,102);
}

#header a, .contextmenu a {
  text-decoration: underline;
}

/* Curves */

html>body #roundtopleft { background: url(/tutor/images/curved/border-corner-top-left.png) left top no-repeat; } /* For Standard Compliant */

#roundtopleft {
  height: 28px;
  width: 28px;
  position: absolute;
  left: -2px;
  top: -2px;
}

html>body #roundbottomright {  background: url(/tutor/images/curved/border-corner-bottom-right.png) bottom right no-repeat; }

#roundbottomright {
  height: 30px;
  width: 30px;
  position: absolute;
  right: -4px;
  bottom: -4px;
}

/* Logo */

#logo {
  right: 0;
  top: 0;
  position: absolute;
  height: 100px;
/*  width: 30%; */
  background: rgb(0,0,102);
}

#logo img {
  position: relative;
  left: -25px;
  border: none;
  top: 25%;
}

/*********/
/* Menus */
/*********/

#menuswrap {
  top: 60px;
  position: absolute;
  width: 100%;
  background: url(/tutor/images/curved/menu-active-right.png) -5000px no-repeat; /* To preload main menu active link bgr */
}

#submenuwrap {  background: #eaeaea; }

#menu, #submenu {
/*  background: #000; */
  background: rgb(0,0,102);
  text-align: center;
  width: 100%;
}

html>body #mainmenucurve {  background-image: url(/tutor/images/curved/main-menu-curve.png); }

#mainmenucurve, #submenucurve {
  height: 43px;
  width: 26px;
  position: absolute;
  left: 0;
  background-position: top left;
  background-repeat: no-repeat;
}

html>body #submenucurve { background: url(/tutor/images/curved/sub-menu-curve.png) left top no-repeat; }

#submenu {  background: none; }

#menu ul, #submenu ul {
  margin: 0 auto;
  padding: 0;
  display: table;
  font-weight: bold;
  white-space: nowrap;
  padding: 0;
  list-style-type: none;
}

/* Standards compliant only */
#menu li, #submenu li {
  display: table-cell;
}

/* IE only */
* html #menu li, * html #submenu li {
  display: inline;
}

/* Main menu links */
#menu a {
  display: block;
  padding: 3px 8px 5px 8px;
  color: #dcc68d;
  background: #000;
}

/* Sub menu links */
#submenu a {
  display: block;
  padding: 3px 15px 5px 15px;
  color: #000;
}

#menu a:hover {
  color: #ffce08;
}

#submenu a:hover, #menu #active a:hover {
  color: #555555;
  text-decoration: underline;
}

/* Main menu active item  1st part of the curve */
#menu li#active {
  background: #eee url(/tutor/images/curved/menu-active-left.png) top left no-repeat;
}

/* Main menu active item 2nd part of the curve */
#menu #active a, #menu #active a:link {
  color: #000;
  background: url(/tutor/images/curved/menu-active-right.png) top right no-repeat;
}

/*****************/
/* Content block */
/*****************/

.content {
  top: 110px;
  right: 6px;
  bottom: 30px;
  position: absolute;
  /*\*/ overflow: auto;
}

html>body .content { left: 25% }

/* Padding for content block */
.contentpadding {
  padding: 0 1em 1em 1em;
}

/*19.06.06 - class Added by Tom*/
/*.leftcolumn {			
  top: 120px;
  left: 20px;
  bottom: 30px;
  position: absolute;
  overflow: auto;
  padding:  0px;
}*/

/* menu shadow */
.contextshadow {
  top: 130px;/*0px;	/*19.06.06 - Added by Tom*/
  left: 3%;/*0px;	/*19.06.06 - Added by Tom*/
  height: 295px; 																/* HEIGHT OF SHADOW BEHIND MENU */
  position: absolute;/*relative;	/*19.06.06 - Added by Tom*/
  width: 20%;/*200px;	/*19.06.06 - Added by Tom*/
  z-index: 10;
  background: rgb(0,0,102) url(/tutor/images/curved/shadow-corner-bottom-right.png) bottom right no-repeat;


/* 15.08.06 autosize shadown to content *
color: rgb(0,0,102);
text-align: center;
font-size: 0.8em;
font-weight: bold;
*/

}

/* Context menu */
.contextmenu {
  top: 120px;/*0px;	/*19.06.06 - Added by Tom*/
  left: 2%;/*0px;	/*19.06.06 - Added by Tom*/
  position: absolute;/*relative;	/*19.06.06 - Added by Tom*/
  width: 20%;/*200px;	/*19.06.06 - Added by Tom*/
  /*float: left;	/*19.06.06 - Added by Tom*/
  text-align: center;
  font-size: 0.8em;
  font-weight: bold;
  z-index: 100;
  background: #eaeaea url(/tutor/images/curved/context-corner-top-left.png) top left no-repeat;
}

.contextmenu ul {
  list-style: none;
  padding: 10px 0;
  margin: 0;
  height: auto;/*200px;	/*19.06.06 - Added by Tom*/
  line-height: 2em;
  background: url(/tutor/images/curved/context-corner-bottom-right.png) bottom right no-repeat;
  /*width: 200px;			/*19.06.06 - Added by Tom*/
  overflow: hidden;/*scroll;/*22.06.06 - Added by Tom*/
}


/* 15.08.06 autosize shadown to content *
.contextshadow ul {
  list-style: none;
  padding: 10px 0;
  margin: 0;
  height: auto;
  line-height: 2em;
  overflow: hidden;
}
*/


.contextshadow hr {
	color: rgb(0,0,102);
border: 0;
}


.contextmenu a {
  color: #000;
}

.contextmenu a:hover {
  color: #555;
}



td {
	color: inherit;
	background-color: rgb(251,251,251);
	border: 1px solid black;
	padding: 4px;
}


/* ### FLOAT IMAGES ON THE LEFT OR RIGHT ## */
.floatLeft {
	text-align: center;
	float: left;
	margin-top: 5px;
	margin-right: 9px;
	margin-bottom: 2px;
	margin-left: 1px;
	padding: 2px;
}

.floatLeft img { 
  margin-left: auto;
  margin-right: auto;
}

.floatRight { 
	text-align: center;
	float: right;
	margin-top: 5px;
	margin-right: 6px;
	margin-bottom: 2px;
	margin-left: 5px;
	padding: 2px;
}

.floatRight img { 
  margin-left: auto;
  margin-right: auto;
}


#footer .sitePoweredByNotice {
	color: ;
	background-color: inherit;
	font-size: 85%;
	padding-top: 20px;
}

#footer .sitePoweredByNotice a {
	color: ;
	background-color: inherit;
}


#footer .sitePoweredByNotice a:hover {
	color: ;
	background-color: inherit;
}