/* Main definintions */

BODY { 
  margin: .50em;
  padding: 0;
  font-family: tahoma, geneva, arial, sans-serif;
  font-size: 76%; /*Changes the default text size to something smaller and allows you to use relative font sizes with relative ease */
  background: #3D72DA;
  color: #000; 
}

/* Main Typography */

/* Order the link definitions in the best order. link visited hover active */
A:link{
color: #3D72DA;
text-decoration: none;
font-weight: bold;
}

A:visited {
color: #996699;
text-decoration: none;
font-weight: bold;}

A:hover {
color: #3D72DA;
border-bottom : 2px dotted;
}
A:active {
border-bottom : #C60 2px dotted;
}

/* --Main Typeface definitions -- */
P, H1, H2,H3, H5 {font-family : tahoma, geneva, arial, sans-serif;}
 H3 {font-family : Garamond, Times, "Times New Roman", serif;}
TD, DD, DT, INPUT, TEXTAREA, 
PRE, TT, CODE, KBD, SAMP {font-family : Verdana, Helvetica, Arial, Sans-serif;}

/* -- Colour defintions -- */ 
H1, H4, H2{
color: #C60;
}

 H3, H5 {
color: #390;
}

CODE {color:#666666;}

object {
background-color: #C60;}

/* -- HTML tag definitions --*/

H1{
font-size: 2.75em;
font-weight: 700;
margin-top: 0em;
margin-bottom: 0em;
}

H2 {
margin-top: 1em;
margin-bottom: 0em;
font-size: 1.5em;
font-weight:800;
}

H3 {font-size: 1.25em;
margin-top: 0em;
margin-bottom: 0em;
}

H4 {font-size: 1em;
font-weight: 700;
margin: .25em;
}

H5{
font-size: .75em;
font-weight: 700;
}

P {
font-size: 1em;
line-height: 1.8em;
margin-top: 0em;
margin-bottom: 1em;
}

OL, UL, LI {
font-size: 1em;
line-height: 1.8em;
margin: 0;
margin-top: .5em;
margin-bottom: .5em; 
padding: 0;
list-style-position:inside;
}

LI > P {margin-top: 0.2em;}


STRONG, B {font-weight: bolder;}

I, CITE, EM, VAR, ADDRESS, BLOCKQUOTE { font-style: italic; }

ACRONYM {
font-style: normal;
font-variant: small-caps;
border-bottom-style: none;
letter-spacing: 0.1em;
}

SMALL, SUB, SUP { font-size: .83em; }
sub             { vertical-align: sub; }
sup             { vertical-align: super; }

CODE {
font-weight:bolder;
} 

ADDRESS { margin-left: 3em; }

BLOCKQUOTE { margin-left: 3em; margin-right: 3em; }


PRE { white-space: pre; }

HR { border-top: solid; }

IMG {border: none;}

/* This is used to take the text decoration off of any links within headers */
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {border: none;}

CAPTION {
font-size: 1em;
font-weight: 700;
text-align: left;
margin: .5em;
}

TD {
font-size: 1em;
line-height: 1em;
}

TH {
font-weight: bolder;
}
/* -- CSS dealing with forms -- */
FIELDSET{
border:1px solid #C60;
}

LEGEND {
  padding: 0.2em 0.5em;
  border:1px solid #C60;
  color:#C60;
  font-size:1.2em;
  font-weight:700;
  text-align:left;
  }

 LABEL {
  width: 25%;
  margin-right: 0.5em;

  padding-top: 0.2em;
  text-align:right;
  font-weight:bold;
  color: #393;
}

INPUT, TEXTAREA {
padding: .5em;
}

/* ----This is where basic strucuture id information goes---- */

/* This is the top header it only contains images so the height is fixed in pixels */
#mainheader{
height: 100px;
width: 650px;
display: block;
margin-right: auto; 
margin-left: auto;
}

#mainheader IMG {
display: inline;
}
/*This is the main naigational bar which is on the left hand side at the moment*/
#navbar01 {
position: absolute;
width: 11em;
top: 120px;
left: .25em;
border-color:#CC3333;
}
/*This is where the main content is */
#mainContent {
background-color: #FFF;
margin-left: 12em;
margin-right:12em;
border: 6px solid #930;
background-color: #FFF;
padding: 1em;
/* This is where a hack happens to take account of IE inability to handle the CSS box model 
properly. Read more at http://www.glish.com/css/hacks.asp */
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 12.25em;
margin-right:12.25em;
}
html>body #mainContent {
margin-left: 12.25em;
margin-right:12.25em;
}
 /*This is where the secondary navigation is*/
 #rightbar {
position: absolute;
width: 11em;
top: 120px;
left: auto;
bottom:auto;
right:.25em;
height:auto;
}

/* Formatting definitions for the  left hand navigational bar */

#navbarhead IMG,  #rightbar IMG {
display: block;
}

#navbar01 p{
color: #fff; 
border-bottom: #000 solid 1px;
}

#navbar01 H3 {
color: #C60;
font-size: 1.5em;
font-family: Verdana, helvetica, arial, serif;
text-align:left;
float:none;
margin:.25em;
}

#navbar01 UL { 
margin-left: 0;
padding-left: .25em;
margin-right: .25em;
list-style-position: inside;
list-style-type: none;
}

#navbar01 LI { 
font-size: 1em;
font-family : Verdana, Helvetica, Arial, Sans-serif;
margin-top: .2em;
margin-bottom: .2em;
margin-right:0em;
margin-left:0em; 
}

#navbar01 UL A {
text-decoration: none;
font-size: 1em;
font-family: Verdana, Helvetica, Arial, Sans-serif;
font-weight:700;
padding: .5em;
color: #FFF;
}


#navbar01 UL A:hover, #navbar01 UL A:active #navbar01 UL A:visited { 
background-color:#1C56C8;
color: #F96;
text-decoration: none;
}


.navbarimg01, #rightbar img {
 display:block;
 left:50%;
 right:50%;
 }

 /* Formatting definitions for the right hand navigational bar */
 #rightbar P {
	color: #FFF;
	font-weight:700;
 }

 #rightbar ul {
list-style: none;
font-size: 1em;
color: #FFF;
 }
 
 #rightbar A {
	color: #FFF;
 }
 
 #breadcrumbs, #pagelinks, .AdditionalLinks {
	font-size: 0.9em;
	font-weight:600;
	text-align:center;
 }
 
.centre {
	text-align: center;
}

/* This is a definition to format hypherlink lists on main pages */

.pagelisting li a {
	text-decoration: none;
	font-size : 1.1em;
	list-style-position: outside;
	list-style-image: url(../graphics/RightMenuA.gif);
	list-style-type: none;
}

.imgright{
float: right;
margin : 0.5em;
}

.imgleftblk {
clear:both;
display: block;
float: left;
margin : .5em;
}

.imgrightblk {
clear:both;
display: block;
float: right;
margin : 0.5em;
}

.imgleft {
float: left;
margin : .5em;
}

.imgrightborder {
float: right;
border : #390 solid 3px;
margin : .5em;
}

img.center {
display:block;
margin: 7px auto;
padding: 7px;
} 

img.center, object.center {
display:block;
margin: 15px auto;
padding: 7px;
} 


#navbar01 hr, #rightbar hr {
color:#FFFFFF;
}


div.reslist {
width: 400px;
}

div.reslist dl {
margin: 1em 1em;
padding: 0;
background-color: #fff;
}

div.reslist dt {
margin: 0;
margin-top: 1em;
padding: 0;
font-size: 1em;
font-weight: 700;
color: #390;
width:240px;
}

div.reslist dd {
margin: .25em;
padding: 0;
font-size: 1em;
}

div.reslist dd.img {
width: 200px;
display: block;
}

div.reslist dd.img img {
}
/* -- News Topic definitions--*/
div.NewTopic {
margin-top: .5em;
margin-bottom: .5em;
padding-bottom: 1em;
padding-top: 1em; 
border-top: 2px #390 dotted;
border-top: 2px #390 dotted;
}

.NewTopicFLRight {
	float: right;
}

.NewTopicFLLeft {
float: left;
}

/*-  Color definitions -*/
.copper { background-color: #C60; }
.drkcopper {background-color: #930;}
.lightcopper  {background-color: #F96;}
.blue  {background-color: #1C56C8;}
.green  {background-color: #390;}
.purple  {background-color: #909;}
.gray  {background-color: #C99;}
.yellow  {background-color: #FFC;}
.lightblue  {background-color: #5790FF;}
.alert {color:#FF0000}


/* Print styles */

@media print {
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}

#footer01 {
	color: #ccc;
	clear: both;
}