/* forms */
input.submitbutton {font-size: 13px;font-family:arial,verdana,sans-serif;background-color: #030; color: #ffc;font-weight:bold;border-style:groove;}
.clearbutton {background-color: #eec; color:#030;}
html {
}

body {
   margin: 0px 0px 0px 0px;
   padding: 0;
   background: #fff;
   color: #000;
   font: 12px "Lucida Grande", Helvetica, "Arial Unicode MS", "Arial Unicode", Arial, sans-serif;
   text-align: center;
   overflow-y: scroll;
}

/*
 * Main Structure, wrap the whole layout in a div to keep it narrow and centered
 */

#shell {
	width:920px; _width:920px;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	text-align:left; 
	border:1px solid #ccc; 
	background:#fff;
	z-index:0;
}


/* Header */

#header {
   clear: both;
   background: white;
   position: relative;
	border-top: #900 solid 0px;
	border-left: #900 solid 0px;
	border-bottom: #900 solid 0px;
	border-right: #900 solid 0px;
	z-index: 3;
}

#footer {
   clear: both; 
   background: #8b4; 
   position: relative; 
	border-top: #cccccc solid 1px;
	border-left: #990000 solid 0px;
	border-bottom: #990000 solid 0px;
	border-right: #990000 solid 0px;
	text-align:center;
	line-height:1em;
	z-index: 0;
}
#footer ul{
	padding:0;
	margin-bottom:0;
	margin-top:8px;
}
#footer ul li{
	display:inline;
	padding:0 5px 0 5px;
	font-family:arial,helvetica,sans-serif;
	font-size:9pt;
	border-left:2px solid #363;
	background:none;
}
#footer ul li.first{
	display:inline;
	padding:0 5px 0 5px;
	font-family:arial,helvetica,sans-serif;
	font-size:9pt;
	border-left:none;
	background:none;
}
#footer ul li a{
	text-decoration:none;
	font-weight:600;
	color:#030;
}
#footer ul li a:hover{
	text-decoration:none;
	color:#030;
	background-color:#ad8;
}
#footer ul.copyright li{
	border-left:none;
	padding:0em;
	font-style:italic;
}
#footer ul.social-links li{
	border-left:none;
}

#searchbox{
    position: absolute;
    bottom:0px;
    right:0px;
    margin-right:2px;
    margin-bottom:2px;
    font-family:arial,helvetica,sans-serif;
    font-size:0.8em;
    font-weight:bold;
    width:350px
}
#searchbox input {
    font-family:arial,helvetica,sans-serif;
    font-size:11px;
    vertical-align:bottom;
}
#searchbox table {
    font-family:arial,helvetica,sans-serif;
    font-size:11px;
}
#searchbox a {
	vertical-align:bottom;
}
.tooltiptext {
    visibility: hidden;
    width: 260px;
    font-style:italic;
    font-weight:normal;
    background-color: #ffc;
    border:1px solid #000;
    color: #000;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 2;
    top: 100%;
    left:50%;
    margin-left:-155px;
}
/* Show the tooltip text when you mouse over the tooltip container */
#searchbox:hover .tooltiptext {
    visibility: visible;
}

h1 a, h1 a:link, h1 a:visited, h1 a:hover {
    color: #fff;
    text-decoration: none;
}


a img {
    border: none;
}

.centered {
    text-align: center;
}

.right {
    float: right;
}


/* Forms */

input.searchbox {
    width: 170px;
    vertical-align: middle;
    padding: 4px 6px;
    background: #fff;
    border: #000 1px solid;
    font-family: "Lucida Grande", Helvetica, "Arial Unicode MS", "Arial Unicode", Arial, sans-serif;
}

.searchbox:focus {
    background: #ffb;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffc), to(#ffe));
}

input.button {
    height: 24px;
    vertical-align: middle;
    padding: 4px 8px 4px;
    background: #99c;
    color: #fff;
    font: bold 1em "Lucida Grande", Helvetica, "Arial Unicode MS", "Arial Unicode", Arial, sans-serif;
    cursor: pointer;
    -webkit-appearance: push-button;
    border: 1px solid #000;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(#aad), to(#88b));
}

input.button:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#66a), to(#88b));
}

#search-callout {
    position: absolute;
    left: 315px;
    top: 20px;
    font: 11px/1.4 Verdana;
    -webkit-box-shadow: 5px 9px 10px #dfddd5;
    cursor: pointer;
}

#search-callout button {
    width: 110px;
    padding: 11px;
    background: #eff39f;
    text-align: left;
    border: 1px outset #7b6;
    border-radius: 7px;
    -moz-border-radius: 7px;
    border: 2px outset orange;
    padding: 2px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    cursor: pointer;
    z-index: 1;
}

#search-callout button:hover {
    color: green;
    border-color: #bf4;
}

#search-callout img {
    position: absolute;
    top: 11px;
    right: 107px;
    z-index: 10;
}

/* Content,Text Formatting and the like */

h1 {
    margin: 15px 0 12px;
    text-align: center;
    font: bold 38px "Arial Rounded MT Bold", "Arial Rounded Bold", "Lucida Grande", "Lucida Sans Unicode", Helvetica, "Arial Unicode MS", "Arial Unicode", Arial, sans-serif;
    color: #039;
}

h2 {
    margin-top:5px;
    padding: 0px 0 0px 0;
    font: 32pt "Times New Roman", Times, serif;
    color:#030;
    letter-spacing: 0px;
    text-align:center;
}

h3 {
    margin-top:5px;
    margin-bottom:5px;
    padding: 0px 0 0px 0;
    font: 24pt "Times New Roman", Times, serif;
    color:#030;
    letter-spacing: 0px;
    text-align:center;
}

h4 {
    padding: 0px 0 5px;
    font: 1.5em "Lucida Grande", Helvetica, "Arial Unicode MS", "Arial Unicode", Arial, sans-serif;
    font-weight:600;
    color: #000;
}
p {
    padding: 0px 10px 0px 10px;
    font: 1.2em "Lucida Grande", Helvetica, "Arial Unicode MS", "Arial Unicode", Arial, sans-serif;
    font-weight:400;
    line-height:1.5em;
    color: #000;
}

/* Tooltip */
a.tooltip {outline:none; } 
a.tooltip strong {line-height:30px;} 
a.tooltip:hover {text-decoration:none;} 
a.tooltip span { z-index:10;display:none; padding:14px 20px; margin-top:-30px; margin-left:28px; width:240px; line-height:16px; } 
a.tooltip:hover span{ display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#fffAF0;} 
/*CSS3 extras*/ 
a.tooltip span { border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 5px 5px 8px #CCC; -webkit-box-shadow: 5px 5px 8px #CCC; box-shadow: 5px 5px 8px #CCC; } 


/* Links */


a {
    font-weight: normal;
}

a:link {
    color: #0033cc;
}

a:visited {
    color: #81b;
}

a:active {
    color: #4682b4;
}

a:hover {
    color: #9999ff;
}


/* These styles create the dropdown menus. */

/* hack to correct IE5.5 faulty box model */
* html .navbar {width:920px; w\idth:905px;_width:905px;}
.navbar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #fff;
	text-align: center;
	border-top: #900 solid 0px;
	border-left: #900 solid 0px;
	border-bottom: #CCC solid 0px;
	border-right: #CCC solid 0px;
	margin-left:122px;_margin-left:133px;
}
/* remove all the bullets, borders and padding from the default list styling */
.navbar ul {padding:0;margin:0;list-style-type:none;}
.navbar ul ul {width:131px;_width:130px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.navbar li {float:left;width:129px;_width:129px;position:relative;}
/* style the links for the top level */
.navbar a, .navbar a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:131px; _width:130px; height:20px; border:1px solid #585752; border-width:1px 
0 1px 1px; background:#030; padding-left:0px; line-height:19px; font-weight:bold; text-align:center;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .navbar a, * html .navbar a:visited {width:131px; w\idth:131px;_width:130px;}

/* style the second level background */
.navbar ul ul a.drop, .navbar ul ul a.drop:visited {background:#9c6 url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 131px center;}
/* style the second level hover */
.navbar ul ul a.drop:hover{background:#ccc url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 131px center;}
.navbar ul ul :hover > a.drop {background:#ccc url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 131px center;}
/* style the third level background */
.navbar ul ul ul a, .navbar ul ul ul a:visited {background:#ccc;}
/* style the third level hover */
.navbar ul ul ul a:hover {background:#ccc;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.navbar ul ul {visibility:hidden; position:absolute;height:0;top:21px;left:0; width:131px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .navbar ul ul {top:20px;t\op:21px;}

/* position the third level flyout menu */
.navbar ul ul ul{left:130px; top:-1px; width:131px;_width:130px;}

/* position the third level flyout menu for a left flyout */
.navbar ul ul ul.left {left:-131px;_left:-130px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.navbar table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.navbar ul ul a, .navbar ul ul a:visited {background:#ce9; color:#030; height:auto; line-height:1; padding:5px 0px; width:129px;_width:129px;border-width:0px 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .navbar ul ul a, * html .navbar ul ul a:visited {width:131px;w\idth:130px;_width:130px;}

/* style the top level hover */
/*.navbar a:hover, .navbar ul ul a:hover{color:#000; background:#9c6;}*/
.navbar ul ul a:hover{color:#000; background:#9c6;}
.navbar a:hover {color:#000; background:#9c6;}
.navbar :hover > a, .navbar ul ul :hover > a {color:#000; background:#9c6;}

/* make the second level visible when hover on first level list OR link */
.navbar ul li:hover ul,
.navbar ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.navbar ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.navbar ul :hover ul :hover ul{ visibility:visible;}


/*  extras from other css sheets */
.top_menu
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color:#fff;
	text-align: center;
	border-top: #900 solid 0px;
	border-left: #900 solid 0px;
	border-bottom: #CCC solid 0px;
	border-right: #CCC solid 0px;
	margin-left:122px;
}
.top_menu a:link, .top_menu a:visited, .top_menu a:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #f3f3f3;
	text-decoration: none;
	display: block;
	font-weight: bold;
	text-align: center;
	border-left: #CCC 1px solid;
	border-bottom: #900 solid 1px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 100%;
}
.top_menu a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #CCC;
	text-decoration: none;
	display: block;
	font-weight: bold;
	text-align: center;
	border-left: #CCC 1px solid;
}
.top_bar {
  	width: 100%;
  	height: 45px;
  	position: relative;
	top: 0px;
  	left: 0px;
  	background-color: #8b4;
	border-top: #900 solid 0px;
	border-left: #900 solid 0px;
	border-bottom: #900 solid 0px;
	border-right: #900 solid 0px;
}
.top_logo {
  	position: absolute;
	top: 8px;
  	left: 10px;
  	z-index:1;
}
.print_logo {
  	position: absolute;
	top: 0px;
  	left: 60px;
  	z-index:1;
}
.print_head {
  	position: relative;
	top: 2px;
  	left: 0px;
}
.mainbody {
	margin:0 auto; 
	padding:0;
  	width: 100%;
  	height: 100%;
  	position: relative;
	top: 0px;
  	left: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14pt;
	z-index: 1;
}
.maintable {
	 margin-top:10px; 
	 width:100%;
	 border-spacing: 0pt;
	 background-color:#fff;
	 padding: 10px;
/*	 position: absolute;
	 top: 10px;*/
}
.leftcol {
/*float:left;*/
  	width: 121px;
  	height: 100%;
	font-size: 9pt;
	line-height:11pt;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	background-color: white;	
	vertical-align:top;
	border-top: #900 solid 0px;
	border-left: #900 solid 0px;
	border-bottom: #900 solid 0px;
	border-right: #900 solid 0px;
	padding-top:25px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
}
.maincol {
	margin:0 auto;
	width: 100%;
  	height: 100%;
	font-size: 10.5pt;
	line-height:13pt;
	color: black;
   	font-family: Arial, Helvetica, sans-serif;
/*	text-align:center; */
	text-align:left; 
	background-color: white;	
	vertical-align:top; 
	border-top: #900 solid 0px;
	border-left: #900 solid 0px;
	border-bottom: #900 solid 0px;
	border-right: #900 solid 0px;
	padding-top:25px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:30px;
}
/*.maincol table tr td {vertical-align:top}*/
.rightcol {
  	width: 50px;
  	height: 100%;
	font-size: 10.5pt;
	line-height:13pt;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	background-color: white;	
	vertical-align:top;  
	border-top: #900 solid 0px;
	border-left: #900 solid 0px;
	border-bottom: #900 solid 0px;
	border-right: #900 solid 0px;
	padding-top:25px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
}
.bottom_menu
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #FAEBD7;
	text-align: center;
	border-top: #ccc solid 1px;
	border-left: #900 solid 0px;
	border-bottom: #CCC solid 0px;
	border-right: #CCC solid 0px;
}
#lefttab.hold {
 	width: 23px; 
 	height: 38px; 
 	background: #030;
 	position: absolute; 
 	-moz-border-radius: 12px; 
 	-webkit-border-radius: 12px; 
 	border-radius: 0 12px 12px 0;
 	top:65px;
 	box-shadow: 3.5px 3px 5px #666;
 	cursor: pointer;
 	transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
 	z-index: 10;
}
#lefttab {
 	width: 23px; 
 	height: 38px; 
 	background: #030;
 	position: absolute; 
 	-moz-border-radius: 12px; 
 	-webkit-border-radius: 12px; 
 	border-radius: 0 12px 12px 0;
 	top:65px;
 	box-shadow: 3.5px 3px 5px #666;
 	cursor: pointer;
 	transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
 	z-index: 10;
}
.leftmenu { 
    width: 0;
    position: absolute; /* Stay in place */
    z-index: 10; /* Sit on top */
    left: 0px;
    top: 65px;
    font-family: Lucida Sans, sans-serif;
    font-size: 11pt;   
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
    box-shadow: 3.5px 3px 5px #666; 
}
.leftmenu a:hover {background-color: #f1f1f1}

.leftmenuhead {
   width:100%;
	background-color:rgba(136,187,68,0.95);
	height: 38px; 
	white-space: nowrap;
	border: none;
	vertical-align: middle;
   text-align:center;
   font-style: oblique;
}
.leftmenuhead a {
	height: 38px;
	width: 100%;
	color: #030;
	background-color:rgba(136,187,68,0.95);
	line-height: 38px;
	text-align: center;
   text-decoration: none;
   display: block;
}
.leftmenulinks {
   width:100%;
   background-color: #fff;
   overflow: hidden;
/*   box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); */
   overflow-x: hidden; /* Disable horizontal scroll */
   white-space: nowrap;
   cursor: pointer;
   font-size: 10pt;
}
.leftmenulinks a {
	height: 25px;
	width: 100%;
	margin-top: 1px;
	color: #fff;
	background-color:rgba(0,51,0,0.95);
	line-height: 25px;
	text-align: center;
   text-decoration: none;
   display: block;
}
.leftmenulinks a:hover, .leftmenuhead a:hover {
   background-color: #9c6;
   color: #030;
}