*
{
  margin: 0em;
  padding: 0em;
}

a
{
  color: #777777;/* #8DA359;*/
  text-decoration: none;
}

html, body { height: 100%; }

.top_pad { padding-top:0.7em; }

a:hover
{
  text-decoration: underline;
  color: #C60;
}

body
{
  background-color: #FFFFFF;
  background-image: url('images/bg.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  color: #37371E;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
}

.img_right
{
  float:right;
  padding: 10px 0 0 10px; /* top right bottom left */
  border: none;
}

.img_left
{
  float:left;
  padding: 10px 10px 0 0;
  border: none;
}

form { background-color:#FFC; }

#outer
{
  height: auto;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.0em;
  margin-bottom: 1.0em;
  z-index:0;
}

/**************/
/* Main Menu  */
/**************/
#menu
{
  background: #FFFFFF url(images/sidenav_title.gif);
  height: 1.8em;
  border: solid 1px #AAAAAA;
  z-index:19;
  position:relative;
}

#menu ul ul { display:none; }

#menu ul li:hover>ul { display: block; }

#menu ul ul
{
  position: absolute;
  /*left:-1px;*/
  top:98%;
  border: 1px solid #330;
}

#menu ul ul ul
{
  position: absolute;
  left:98%;
  top:-2px;
}

#menu ul li
{
  float:left;
  display: inline;
  font-size: 0.9em;
  font-weight: bold;
  margin:0 0.8em;
}

#menu ul a
{
  padding-left: 0.8em;
  padding-right: 0.8em;
  line-height: 2em;
  display: block;
  text-decoration: none;
  text-align: center;
  color:#330;
}

#menu ul ul li
{
  float:none;
  margin:0;
  color:#330;
}

#menu ul ul a
{
  text-align:left;
  white-space:nowrap;
  color: #330;
  background: #FFFFD9 url(images/sidenav_title.gif);
  ;
  border-bottom: 1px solid #AAAAAA;
  height: 20px;/*margin-bottom:1px;*/
}

#menu ul li:hover { position:relative; }

#menu ul li a:hover, #menu .active a { color: #C60; }

#menu .active .submenu a { color: #330; }

#menu .active .submenu a:hover, #menu .submenu .focus a { color: #C60; }

/*
#menu
{
  background: #ffffff url(images/sidenav_title.gif);
  height: 1.8em;
  border: solid 1px #CCCCCC;
}

#menu a
{
  color: #330;
  text-decoration: none;
}

#menu li
{
  float:left;
  display: inline;
  font-size: 0.9em;
  font-weight: bold;
  margin:0 0.8em;
}

#menu li a
{
  padding-left: 0.8em;
  padding-right: 0.8em;
  line-height: 2em;
  display: block;
  text-decoration: none;
  text-align: center;
}

#menu li a:hover, #menu .active a { color:#C60; }
*/




#header
{
  padding: 1.8em 1.2em 5.2em 1.2em;
  background-image: url('images/HeadTuition.png');
  background-repeat: no-repeat;
  background-position: left center;
  z-index:1;
}

#header #right { float: right; }

#content
{
  margin-top: 1.0em;
  line-height: 1.5em;
  font-size: 0.9em;
  z-index:2;
}

#blockquote { border-left: solid 5px #EFEECC; }

#footer
{
  clear: both;
  margin-left: auto;
  margin-right: auto;
  height: 4em;
  padding-top: 1.0em;
  font-size:9px;
  text-align:center;
  color: #4F4F2B;
  width: 800px;
}

#halfleft
{
  float: left;
  width: 49%;
  position: relative;
  color: #4F4F2B;
}

#halfright
{
  float: right;
  width: 49%;
  position: relative;
  color: #4F4F2B;
}

/* used for containing floats withing a bordered container */
#inner_container
{
  width:100%;
  overflow:hidden;
}

.gap { margin-bottom: 0.7em; }

#column1
{
  width: 710px;
  float: right;
  margin-left: 0.5em;
}

#column1 p
{
  color: #4F4F2B;
  margin: 0 0.5em 1.0em 1.0em; /*top right bottom left*/
}

#column1 h1
{
  font-size:20px;
  color: #777777;
  margin: 0 0 0.5em 0.5em; /*top right bottom left*/
}

#column1 h2
{
  color:#37371E;
  padding-bottom: 1.0em;
}

#column1 h3
{
  font-size: 12px;
  border-bottom: dashed 1px #CECF8F;
  color:#666;
}

#column1 ul { margin-left:30px; }

#column1 li
{
  margin: 10px 0;
  color: #4F4F2B;
}

#column1 table
{
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  border: 1px solid #FAFAFA;
  border-collapse:collapse;
}

#column1 table th
{
  background-color: #F6EECC;
  border: 1px solid #37371E;
  border-collapse:collapse;
  text-align: center;
  font-size:10px;
  font-weight: bold;
  padding: 0.1em;
  color: #443333;
}

#column1 table td
{
  background-color: #FFC;
  border: 1px solid #37371E;
  border-collapse: collapse;
  text-align: center;
  padding: 0.1em;
}

/******************************************************/
/* rounded corners */
/******************************************************/
.rc_top_left
{
  margin-right: 8px;
  height: 8px;
  font-size: 2px;
}

.rc_top_right
{
  margin-top:-8px;
  height:8px;
  font-size:2px;
}

.rc_bottom_left
{
  height: 8px;
  font-size: 2px;
  margin-right: 8px;
}

.rc_bottom_right
{
  height: 8px;
  font-size: 2px;
  margin-top: -8px;
}

.rc_header
{
  background: #FFFFFF;
  padding-left: 10px;
  font-size:14px;
  font-weight:bold;
  padding-bottom:0.5em;
}

.rc_content
{
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  padding-left:8px;
  padding-right:8px;
}

.head_centre { text-align: center; }

.head_side { font-size:12px; }

.head_white { color: #FFFFFF; }

.head_dark { color: #37371E; }

.back_blue { background:#789EC7; }

.back_maroon { background:#750000; }

.back_yellow { background: #FFFFF9; }

.back_grey { background: #FAFAFA; }

.back_white { background: #FFFFFF; }

.back_orange { background: #FFBF5B; }

.back_light_orange { background: #FFF9EC; }

.tlw { background: url(images/tl.png) no-repeat top left; }

.trw { background: url(images/tr.png) no-repeat top right; }

.blw { background: url(images/bl.png) no-repeat bottom left; }

.brw { background: url(images/br.png) no-repeat bottom right; }

.tlg { background: url(images/tl_g.png) no-repeat top left; }

.trg { background: url(images/tr_g.png) no-repeat top right; }

.blg { background: url(images/bl_g.png) no-repeat bottom left; }

.brg { background: url(images/br_g.png) no-repeat bottom right; }

.tlb { background: url(images/tl_b.png) no-repeat top left; }

.trb { background: url(images/tr_b.png) no-repeat top right; }

.bly { background: url(images/bl_y.png) no-repeat bottom left; }

.bry { background: url(images/br_y.png) no-repeat bottom right; }

.tlo { background: url(images/tl_o.png) no-repeat top left; }

.tro { background: url(images/tr_o.png) no-repeat top right; }

.tlm { background: url(images/tl_m.png) no-repeat top left; }

.trm { background: url(images/tr_m.png) no-repeat top right; }

.bllo { background: url(images/bl_lo.png) no-repeat bottom left; }

.brlo { background: url(images/br_lo.png) no-repeat bottom right; }

.mh { min-height: 400px; }

.gap-saver
{
  height: 1px;
  margin: 0 0 -1px 0;
  padding: 0;
  font-size: 1px; /* to correct IE */
}

/* end of rounded corners */

#column2
{
  width: 180px;
  position: relative;
  float: left;
  z-index:3;
}

#column2 p
{
  text-align: justify;
  margin-bottom: 2.0em;
  color: #4F4F2B;
  font-size: 1.0em;
}

/*#column2 h3 { font-size: 12px; }*/

label
{
  width: 80px;
  text-align: right;
  float: left;
}

.formerror
{
  border: 1px solid red;
  background-color : #FFCCCC;
  width: auto;
  padding: 5px 0;
}

.formerror ul { padding-left: 30px; }

.errortext
{
  padding-left: 80px;
  font: bold smaller sans-serif;
}

/***************/
/* popup       */
/***************/

#fade
{
  background: #000;
  position: fixed;
  width: 100%;
  height: 100%;
  filter:alpha(opacity=50);
  opacity: .50;
  /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/ /*--IE 8 Transparency--*/
  left: 0;
  top: 0;
  z-index: 20;
}

#hideshow
{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#hideshow2
{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.popup_block
{
  background: #ddd;
  padding: 10px 20px;
  border: 10px solid #fff;
  float: left;
  width: 480px;
  position: fixed;
  top: 20%;
  left: 50%;
  margin: 0 0 0 -250px;
  z-index: 100;
}

.popup_block .popup
{
  float: left;
  width: 100%;
  background: #fff;
  margin: 10px 0;
  padding: 10px 0;
  border: 1px solid #bbb;
}

.popup h3
{
  margin: 0 0 20px;
  padding: 5px 10px;
  border-bottom: 1px solid #bbb;
  font-size: 1.5em;
  font-weight: normal;
}

.popup p
{
  padding: 5px 10px;
  margin: 5px 0;
}

.popup img.cntrl
{
  position: absolute;
  right: -20px;
  top: -20px;
}

.popup ul { margin-left:30px; }

.popup li { margin: 10px 0;/*padding: 10px 0;*/ }

*html #fade { position: absolute; top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
}

*html .popup_block { position: absolute; top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +((documentElement.clientHeight-this.clientHeight)/2) : document.body.scrollTop +((document.body.clientHeight-this.clientHeight)/2));
 left:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollLeft + (document.body.clientWidth /2 ) : document.body.scrollLeft + (document.body.offsetWidth /2 ));
}

/***************/
/* end popup   */
/***************/

/******************/
/* drop-down menu */
/******************/

#column2 ul.pde a:link, ul.pde a:visited, ul.pde a:hover, ul.pde a:active
{
  text-decoration:none;
  color:#330;
  background: #FFFFFF;
}

#column2 ul.pde, ul.pde li
{
  margin:0;
  padding:0;
  list-style:none;
}

#column2 ul.pde
{
  text-align:left;
  font-size: 0.9em;
  background: #FFFFFF;
  width:100%;/*padding-top:0.5em;*/
}

#column2 ul.pde ul
{
  margin:0 0 0 1em;
  padding:0;
}

#column2 ul.pde li
{
  line-height:1.3em;
  padding:0.2em 0;
  margin:0;
  padding-left: 0.8em;
}

#column2 ul.pde li a:hover, ul.pde li ul li a:hover { color:#C60; }

/*#column2 ul.pde li ul li
{
  position:absolute;
  top:0;
  left:-4000px;
}*/

/* dynamically added to LIs with nested ULs */
#column2 ul.pde li.parent { padding-left:0; }

#column2 ul.pde li.parent img
{
  border:none;
  padding-right:5px;
}

/* dynamically added to LIs with nested ULs and STRONG elements in them */
#column2 ul.pde li.current li { padding-left:0; }

/* The class to hide nested ULs */
.hide
{
  position:absolute;
  top:0;
  left:-4000px;
}

/* The class to show nested ULs */
.show
{
  position:static;
  display: table;
  top:0;
  left:0em;
}

/* single links */
#column2 ul.single_link
{
  font-size: 0.9em;
  width:90%;
  margin-left:0;
  padding-left:0;
  list-style:none;
}

#column2 ul.single_link li
{
  margin-left: 0;
  padding-left: 1.3em;
  background-image: url(http://broadland-it.co.uk/images/plus.gif);
  background-repeat: no-repeat;
  background-position: 0.0em;
}

#column2 ul.single_link li a { color: #330; }

#column2 ul.single_link li a:hover { color:#C60; }
/**********************/
/* end drop-down menu */
/**********************/