
/* Main Layout Stylesheet */

body {
 /* Keep in pixels */
 /*font-size: 11px;*/
 /*changed from 62,5% */
 font-size: 65%;
 font-family: Verdana, Arial, Sans-Serif;
 text-align: center;
 }

 /* Contains all*/
#outer {
 text-align: left;
 width: 78em;
 margin: auto;
 min-width: 500px;
 max-width: 100%;
 /*but not in ie6 */
}

/* Containsheader*/
#hdr {
 }

/* Contains upper picture strip*/
#bar {
 margin-bottom: 1em;
 text-align: center;
 }

#bar img {
 border: 0px;
}

/* Contains acessibility div*/
#messages {
 width: 98.5%;
 height: 2em;
 margin-bottom: 1em;
 padding-top: 1em;
 padding-left: 1em;
 font-weight: bold;
}

#messages a {
font-weight: bold;
text-decoration: none;
}

#messages a:hover {
}

/* Contains menu and content divs */
#bodyblock {
 position: relative;
 width: 100%;
 padding: 0;
 }

 /* Contains menu */
#l-col {
 float: left;
 width: 20%;
 text-align: left;
 }

#l-col a {
 font-size: 0.9em;
 font-weight: bold;
 text-align: left;
 text-decoration: none;
}

#l-col a:hover {
}

#l-col span.date {
 font-size: 0.9em;
 text-align: center;
 font-weight: bold
}
 
  /* Contains info beneath menu in l-col*/
 #info {
 	text-align:center;
 }

 /* Contains content*/
#cont {
 float: right;
 width: 75%;
 text-align: left;
 padding-left: 1em;
 padding-right: 1em;
 padding-bottom: 0.5em;
 font-size:1.2em;
 }
 
 #cont table {
  font-size: 1em;
 }

#cont img {
}

/* Contains nothing */
#spec {
	clear:both;
}

/* Contains lower picture strip*/
#ftr {
 width:100%;
 margin-top: 2em;
 text-align: center;	
 }

 #ftr img {
 border: 0px;
 }

/* Content section */
/* Content elements */
#cont a {
 font-size: 1em;
 font-weight: bold;
 text-align: left;
 text-decoration: none;
}

#cont a:hover {
}

#cont p {
 font-size: 1em;
 font-weight: normal;
 text-align: justify;
}

#cont li {
 font-size: 1em;
 font-weight: normal;
}

#cont span.boldtext {
 font-weight: bold;
}

#cont span.footer {
 font-size: 1em;
}

#cont div.indent50 {
 padding-left: 5em;
}

#cont h2 {
 text-align: center;
 font-weight: bold;
 font-size: 1.5em;
 font-variant: small-caps;
 margin-top: 0.5em;
}

#cont h4 {
 text-align: center;
 font-weight: bold;
 font-size: 1.3em;
 margin-top: 0.5em;
}


#cont h5 {
 text-align: center;
 font-weight: bold;
 font-size: 1.1em;
 margin-top: 0.5em;
}

/* Content image positioning and styling*/
img.floatright {
 float: right;
 margin: 0.5em;
}

img.floatleft {
 float: left;
 margin: 0.5em;
}

/* Content tables */

td.imggroup{
  text-align: center;
 margin: auto;
 width: 50%;
}

#cont table.content {
 text-align: left;
 margin: auto;
 font-size: 1.1em;
}

/* Content Misc */
hr {
 height: 3px;
 margin: 0em;
 padding: 0em;
}

/* Menu section */

/* Main menu items : See also colours in normal.inc.php*/
div.parentX {
 cursor: pointer;
 background-position: 1em;
 margin-bottom: 0.3em;
 margin-top: 0.3em;
 font-size: 1.1em;
}

/* Sub menu items */
div.childX {
 cursor: pointer;
 font-size: 1.1em;
 padding-left: 2em;
 margin-left: 0.4em;
}

span.childlink {
 font-weight: bold;
 text-decoration: none;
}

span.childlink:hover {
 font-weight: bold;
 text-decoration: none;
}

/*  IE workarounds via Holly Hack */

* html #bodyblock {
height: 1%;
}

/* Ref sitemap */
#sitemap {
 padding: 2em;	
}

.smitemimg {
 margin-left: 5%;
}

#smfolder {
	margin-bottom: 0px;
}
body {background: #22977F;}
body {color: #000000;}
#hdr {background: #22977F;}
#bar {background: #22977F;}
#messages {background: #22977F;}
#messages {color: #993300;}
#messages {border: 1px solid #993300;}
#messages a {color: #003333;}
#messages a:hover {color: #006666;}
#bodyblock {background: #22977F;}
#l-col {background: #22977F;}
#l-col a {color: #003333;}
#l-col a:hover {color: #006666;}
#cont {border: 1px solid #993300;}
#cont img {border: 2px solid #993300;}
#ftr {background: #22977F;}
#cont a {color: #003333;}
#cont a:hover {color: #006666;}
#cont span.footer {color: #B0C6C6;}
#cont h2 {color: #993300;}
#cont h4 {color: #993300;}
#cont h5 {color: #993300;}
hr {color: #993300;}
hr {background: #993300;}
div.parentX {border: 1px solid #993300;}
div.parentX {color: #003333;}
div.childX {border-left: 2px dotted #993300;}
span.childlink {color: #003333;}
span.childlink:hover {color: #006666;}
#l-col span.date {color: #B0C6C6;}
div.parentX {background: #B0C6C6;}