/* Basic styles
 */
body {
  background:#d0d080;
  /*font:100%/1.5 verdana, arial, helvetica, sans-serif; */
  font:100% verdana, arial, helvetica, sans-serif;
  padding:0;
  border:0;
  margin:auto;
  width: 60em;
}

h1,h2,h3,h4,h5,h6 {
line-height:150%;
margin:.5em 0;
}

/* figure-divs and their supporters */
div.figure {
  padding: 0;
}
div.figure img { width: 100%; height: auto; margin: 6px 0 6px 0 ; border: 0; }
div.figure a { padding: 0; margin: 0; border:0;}

div.figure p { /* the default “legend” style, as opposed to “caption” */
font-size: 0.8em;
padding-left: 1%;
padding-right: 1%;
line-height: 1.1;
margin: 0.1em auto 0 auto;
}

.full { /*width: 90%; padding: 5px; margin: 0.67em auto;*/ }
/* “full” should be unnecessary, but this responds to the box model bugs in IE */
.half { width: 50%; padding: 5px; margin: 0.5em 0.67em; }
.third { width: 33%; padding: 5px; margin: 0.5em 0.67em; }
.quarter { width: 25%; border: none; padding: 5px; margin: 0.25em 0.5em; }
.fifth { width: 20%; border: none; padding: 5px; margin: 0.25em 1%; }

.rightcap { float: right; margin-left: 2%; }
.leftcap { float: left; margin-right: 2%; }

/* end figure-divs */

/* class for little within page link i.e. back to top*/
a.inpage {
  float: right;
  font-size: 70%;
}

/* class for small writing e.g. footnote */
.note {
  font-size: 70%;
}

.long_news {
  /*left: 32%;
  width: 65%;
  float: right;
  text-align: left;*/
padding: 2em;
margin: 0em;
/*border-style: solid;
border-color: #505030;*/
}
/* attention grabbing box for short news */
div.attention {
  padding: 5px;
  border : 3px;
  border-style: solid;
  border-color: #505030;
  /*text-align : center;*/
  margin-left:15%;
  margin-right:15%;
  width:70%;
}

/* simple table */
.options {
  border : none 0px;
  border-collapse : collapse;
  border-spacing : 3px;
  vertical-align : top;
  caption-side: bottom;
  padding: 6px 6px 6px 18px;
  margin: 6px 6px 6px 18px;
}


.options th, .options td {
  border-width: 2px;
  padding: 6px;
  border-style: solid;
  border-color: gray;
  vertical-align: top;
}
.options th {
  font-weight: bold;
  text-align: center;
}

/* top banner */
#banner h1 {
  width: 100%;
  color: #fbfb9b;
  margin: 0;
  padding: 0;
  line-height: 1.5;
  background-image: url(banner.jpg);
}

/*navigation */
#nav {
  width: 100%; 
  height: 1.25em;
  margin: 0;
  padding: 0;
}

#nav ul {
  /*float: left;*/
  width: 100%;
  height: 1.25em;
  list-style: none;
  margin: 0;
  padding: 0;
  border:0;
  /*clear: both;*/
}
#nav ul li {
  /*
   * We have 60 ems to play with (720 px in 12 pt font)
   *
   * margin is outside border, set to 0 all round
   * padding is 0.5 on left, 0 on right making .5 added to width
   * border is 0.25 each side making 0.5
   * so we have 1.0 width taken up
   * Total menu width is 60, so with 5 entries we have 12 em
   *                                 6                 10
   * subtract the 1.0 we've used leaves either 11 or 9
   */
  width: 9.0em;
  float: left; /* makes list horizontal */
  margin: 0;
  padding: 0 0em 0 0.5em;
  border-left: 0.25em solid #505030;
  border-right: 0.25em solid #505030;
  background: #a0a060;
}
#nav ul li a {
  display: block;
  text-decoration: none;
  color: #505030;
}
/* two classes to change text color on nav bar when our page is that page */
#nav a.default { }
#nav a.current {
  color: white;
}

#nav a.daddy {
  background: center right no-repeat;
}
#nav li ul {
  position: absolute;
  left: -999em;
  height: auto;
  width: 14.4em;
  font-weight: normal;
  border-width: 0.25em;
  margin: 0;
}
#nav li li {
  border: none;
  padding-right: 1em;
  width: 13em;
}
#nav li ul a {
  width: 13em;
}
#nav li ul ul {
  margin: -1.75em 0 0 4em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
  left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
  left: auto;
}
#nav li:hover, #nav li.sfhover {
  background: #d0d080;
}

/* for the google search box */
#searchcontrol {
  margin: 1.5em 0;
}


/* column defs
 * idea is a section divides the page into blocks
 * within each section will be a col1 and a col 2
 */
.section {	  
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
}
.col1 {
  float: left;
  width: 33%;
  padding: 0;
  margin: 0;
}
.col2 {
  float: right; 
  left: 36%;
  width: 64%;
  padding: 0;
  margin: 0;
  text-align: left;
}


.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

/* classes to suppress
 * this is for stuff that is printed but not displayed,
 * such as 'printed on dd/mm/yyyy etc.
 * */
.noscreen {
  display:none;
}

/* for IE6 */
* html .clearfix {
 height: 1%;
}

/* for IE7 */
*:first-child+html .clearfix {
 min-height: 1px;
}