* {
	margin: 0;
	padding: 0;
}
body {
	padding: 0px;
	margin: 0px;
	font-family:  Geneva, Arial, sans-serif;
	font-size: 0.8em;
	width: 90%; 
	min-width: 75em;
}

abbr {
border: none;
}

#logo {
color: #000099;
margin: 5px;
padding: 5px;
}

/** top header div to be copied throughout all templates **/
#header {
width: 75em;
min-width: 75em; 
height: 70px;
margin: 0px;
padding: 0.5em 0 0 0.5em;
}

/** floats the logo so that it sits inline with the horizontal links **/
#header img {
	float: left;
    border: 0; 
}

/** Search Button style **/ 

input.btn{
   color:#050;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-weight:bold;
   background-color:#E5E5E5;
   border:1px solid;
   border-top-color:#0082C9;
   border-left-color:#0082C9;
   border-right-color:#0082C9;
   border-bottom-color:#0082C9;
   filter:progid:DXImageTransform.Microsoft.Gradient
         (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');}
	  
.search { 
font-size: 1%; 
color: #FFF; 
} 	  

/** use for column layout where cols 2 & 3 are equal size  this is the original style .... **/ 

#leftcol {
position: absolute;
left: 1em;
width: 15em;
min-width: 15em; 
margin: 0px 0px 0px 0px;
}

#midcol {
float: left; 
left: 0em; 
width: 54%;
min-width: 58%; 
}

#rightcol {
float: right; 
right: 0em; 
width: 39%;
min-width: 39%;
margin: 0px;
padding: 0px; 
vertical-align: top; 
}

/** use with #leftcol where a double width column is required for main content **/
#doubcol1 {
position: absolute;
left: 17em;
width: 60em;
min-width: 60em;
top: 75px;
margin: 0px 0px 0px 0px;
padding:0px 10px 0px 0px;
}

#doubcol {
position: absolute;
left: 17em;
width: 60em;
min-width: 60em;
top: 75px;
margin: 0px 0px 0px 0px;
padding:0px 10px 0px 0px;
}

h1 {
	margin: 20px 5px 10px 10px;
}

h2 {
color:#000099;
margin-top: 0;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 10px;
padding:0;
}

h1, #bluebox h2, h1 a {
font-size: 1.2em; 
color: #0082C9; 
font-weight: bold;
}

h2 
{
font-size: 1em;
color:#000099;
font-weight: bold;
}

h3, #bluebox h3 
{
font-size: 0.9em;
font-weight: bold; 
margin-top: 0;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 10px;
padding:0;
}

p {
margin-top: 0;
margin-bottom: 10px;
color: #575757;
padding: 5px 0px 0px 10px;
}

/** use to add space to bottom of each page **/
div.spacer {
padding: 0px 0 10px 0;
}

/** use when alternating between blue and grey text within the same paragraph strong sets it to blue **/
#wordlist p strong {
font-weight: bold;
color:#000099;
}

/** no strong attribute sets the text to grey **/
#wordlist p {
color:#575757;
font-weight: normal;
}

/** text styles identical to h1, to be used when header text is too long to be an h tag **/
p.introtext, span.introtext {
font-weight: normal;
font-size: 1em;
color:#000099;
}

p.introtextsm, span.introtextsm {
font-weight: normal;
color:#000099;
}

.bgimg h1.introtextsm {
padding:10px 0px 15px 10px;
margin: 0px;
font-weight: bold;
font-size: 1.5em;
}
/** end of text styles **/

p img{
padding: 10px 0 5px 0;
}


/** use on the h1 tag to reduce top margin where 20px is too much i.e. first h1 in right hand column **/
.firsthead {
margin-top: 10px;
}

/** adds margin spacing where double column is used **/
h2.doubcolhead, #doubcol h2 {
margin: 10px 0 10px 10px;
padding: 0px;
}

h2.doubcolhead {
width: 350px;
}

#header h1 {
float: left;
}

#header h1 img {
vertical-align: top;
width: 165px;
}

/************** non main vertical menu links ******************/

ul{
margin-top: 0px;
}

ul#skiplinks {
margin: 0px 0px 30px 0px;
padding: 0px;
}

ul.link li.space {
margin-top: 1em; 
font-weight: bold; 
} 

ul.link li.space1 {
margin-top: 1em; 
color: #FF5B01;
border-top: 1px solid #CCC; 
padding-top: 1em; 
font-weight: bold; 
} 

ul.link li {
font-weight: normal; 
} 

#doubcol ul, #midcol ul {
padding-left: 0px;
margin-left: 45px;
list-style-type: disc;
list-style-image: url(/_images/bullet.gif);
list-style-position: outside;
color: #575757;
}

#leftcol ul {
padding-left: 0px;
margin-left: 0px;
list-style-type: none;
list-style-image: none;
list-style-position: none;
color: #575757;
}

#doubcol ol, #midcol ol {
padding-left: 0px;
margin-left: 45px;
color: #575757;
} 

#doubcol ul.link, #midcol ul.link, #rightcol ul.link, #leftcol ul.link {
padding-left: 0px;
margin-left: 0px;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}

#doubcol ul.link, #midcol ul.link {
/*font-size: 90%;*/
} 

#doubcol ul li {
padding-left: 10px;
padding-bottom: 0.2em; 
}

#inlinelist {
float: right;
font-size: 90%;
padding:-10px 0px 0px 0px;
width:500px;
}

#inlinelist1 {
float: left;
font-size: 90%;
}


ul#topnav {
float: left;
list-style-type: none;
margin: 10px 0px 0px 50px;
padding: 0px;
}

ul#footer {
float: left;
list-style-type: none;
margin: 10px 0px 0px 5px;
padding: 0px;
}

ul#topnav li, ul#footer li{
margin: 0px;
padding: 0px 5px 0px 5px;
display: inline;
}

#doubcol ul li a:hover {
text-decoration: none;
color:#ffffff;
}

ul#topnav li a, #doubcol ul li a {
text-decoration: underline;
}

ul#topnav li a:hover, #doubcol ul li a:hover {
text-decoration: none;
}

/************* search function ******************/
#searchbox {
color: #000099;
margin: 0;
padding: 5px 0 10px 0;
float: right;
}
	
label {
font-weight: bold;
}
	
select {
width:150px;
color: #000099;
}

form#searchbox option {
color: #000099;
text-align: left;
padding: 0 5px 0px 5px;

}
/************** end of search function styles ****/

/** coloured box area 

#bluebox {
padding: 5px 10px 10px 10px;
background:#bfefef;
color: #000099;
margin:10px 0 0 10px;
}
**/

/** blue box menu links list **/
ul#boxmenu{
margin:0;
list-style-type: none;
padding:0;
}

ul#boxmenu li {
padding-top:5px;
padding-left: 10px; 
}

ul#boxmenu a {
text-decoration:underline;
line-height: 130%;
color: #000099;
}

ul#boxmenu a:hover, ul#boxmenu a:active, ul#boxmenu a:focus {
text-decoration: none;
line-height: 130%;
background-color: #000099;
color:#ffffff;
}

#bluebox h2 {
margin:0 0 10px 0;
color: #000099;
}

#bluebox p {
color: #000099;
padding: 0;
font-size: 100%;
}
/** end of blue box styles **/

/**** menu styles ****/
a {
color:#000099;
}

a:focus, a:hover, a:active,ul#topnav a:focus, ul#topnav a:hover, ul#topnav a:active
{
color: #ffffff;
background-color: #000099; 
}

/** sets the keyboard focus and mouse hover effects **/
ul#vnav a:focus, ul#vnav a:hover, ul#vnav a:active, ul#vnav a:hover.menucurrent, ul#vnav a:focus.menucurrent, ul#vnav a:active.menucurrent, ul#vnav a:hover.submenucurrent, ul#vnav a:focus.submenucurrent, ul#vnav a:active.submenucurrent, ul#vnav a:hover.subsubmenucurrent, ul#vnav a:focus.subsubmenucurrent, ul#vnav a:active.subsubmenucurrent
{
color: #0082C9;
background: none;  
}

a.submenu {
margin-left: 20px;
}

/** end of opera fix **/

/** properties for level 1, level 2 and level 3 menus **/
ul#vnav
{
	list-style: none; 
	list-style-position: inside;
	font-weight: bold;
}

ul#vnav, ul#vnav ul, ul#vnav ul ul {
	margin: 0;
	padding: 0;
	background-color: none; 
}

ul#vnav ul, ul#vnav ul ul
{
	list-style-position: inside;
	list-style-image: url(../_images/bullet1.gif);
	padding: 0px 5px 5px 10px;
	background-color: #fff; 
}

ul#vnav li {
    margin: 6px 0px 5px 0;  
	padding-top: 4px; 
	border-top: 1px solid #CCC; 
}

ul#vnav li.menuline {
	border-bottom: 1px solid #CCC; /* 0082C9 */ 
	padding-bottom: 5px;
}	

ul#vnav li li{
border-top: none; 
}

/** menu class to space last level 2 menu item from next level 1 menu **/
ul#vnav li.spacermenu {
padding-top:1px;
}

ul#vnav li.spacermenu1 {
    padding:4px 0px 4px 0px;
	border-bottom: 1px solid #CCC;
	width: 100%;  
}

ul#vnav a {
padding:3px 5px 3px 5px;
text-decoration: none;
margin:3px 0px 3px 0px;
}


ul#vnav ul a {
padding:3px 5px 3px 3px;
font-weight: normal;
}

ul#vnav ul ul a {
margin:3px 0px 3px 0px;
font-weight:normal;
}

ul#vnav a.menucurrent {
font-weight:bold;
color: #FF5B01;
}

ul#vnav ul a.submenucurrent {
font-weight:bold;
color: #ffffff;
background-color: #000099;
}

ul#vnav ul ul a.subsubmenucurrent {
font-weight:bold;
color: #ffffff;
background-color: #000099;
}

/** use doubcol for 2 column layout - large column on right **/

/** sets up positioning of rows of graphics and inline text floating to left of graphic **/
#doubcol div.floatleft {
float: left;
height:auto;
width: 100%;
}

#doubcol div.floatleft p
{
margin: 10px 0 10px 0;
padding:10px 0 5px 10px;
}

#doubcol div.floatleft p img{ 
margin: 0 10px 0px 0px;
padding: 0;
vertical-align: top;
float: left;
clear: both;
}

/** end of row positioning of graphics and text **/

/** corner image for left hand column **/
.bgimg {
background:url(/_images/linebg.jpg) 0 0 no-repeat;
/*height:37px;
width:37px;*/
padding: 0;
}

/** resets margin for first image in left column where a corner graphic is present **/
.bgimg img {
margin: 0 5px 0 10px;
}

.clearleft {
clear: left;
}

.normtxt {
font-weight: normal;
}

/****** grey dividing line used to break up sections of content *****/
.hr {
margin: 0 10px 0px 10px;
padding:10px 0 5px 0;
border-bottom: 1px solid #CCC; 	
height:2px;
clear: left;
}

/* use where clear floating is not needed */
.hrtop {
margin: 0 10px 0px 10px;
padding:0;
background:url(/_images/orangeshim.gif) 0 50% repeat-x;
height:2px;
clear: left;
}

img.blueimg
{ 
padding: 0.2em 0.2em 0.2em 0.2em;
border: 1px solid #806E57; 
float: left; 
margin-right: 2.5em; 
margin-bottom: 1em; 
}

img.blueimg1a
{
align: left; 
}

img.blueimg2
{ 
padding: 0.2em 0.2em 0.2em 0.2em;
border: 1px solid #806E57; 
margin-top: 1.5em; 
margin-bottom: 1em; 
}

img.blueimg1
{ 
padding: 0 1em 0 0.5em;
float: left; 
margin-right: 10px; 
vertical-align: text-top; 
}

.blueimgright
{ 
padding: 0.2em; 
border: 1px solid #806E57; 
float: right; 
}

.blueimgright1
{ 
padding: 0 10px 0 0;
border-style:none;
float: right; 
}

.quote
{
color: #0082C9;
font-weight: normal; 
}

span.quotea
{ 
font-weight: bold;
/* font-size: 90%; */ 
color:#0082C9;
} 

span.raq 
{
color: #FF6633;
vertical-align: 0.05em; 
padding-right: 0.05em;
} 

span.laq 
{
color: #FF6633;
vertical-align: 0.05em; 
padding:  0.5em  0.5em  0.5em 0;
} 

.row
{
float: left; 
left: 2em;
width: 100%; 
padding-top: 1em;
}

.row1
{
float: left; 
left: 2em;
padding-top: 1em;
background-color: #000099;  
margin-left: 10px;
padding: 1em;  
}

.row1 p 
{
color: #FFF; 
font-size: 1.4em; 
font-weight: bold; 
}

/* new homepage styles */

#midcol1 {
float:left; 
padding-right: 1em; 
width:58%
}

#rightcol1 {
position: absolute;
left: 55em; 
width: 20em;
margin: 0px;
padding: 0px;
}

#bluebox1, #bluebox {
padding: 10px 20px 20px 20px;
margin:  30px 10px 10px 10px;
background:#E5E5E5;
color: #000099;
}

#bluebox1.p {
padding: 5px 10px 10px 10px;
color: #000099;
margin: 10px 0 0 10px;
float: right; 
}

#bluebox1 h2, #bluebox h2 {
margin:0 0 10px 10px;
color: #D13D0A;
font-size: 110%;
}

.rowhp { 
position: left; 
padding-bottom: 1em; 
width: 75em;
}  

.rowhp1 { 

width: 100%;
min-width: 100%;  
margin: 0;
padding: 2em 0 0 0;
height: 55px;
background:url(/_images/iod_logo_footer1.jpg) 100% 0% no-repeat; 
clear: both; 
text-align: left; 
}  

.rowhp1 p { 
margin-bottom: -10px;
font-size: 95%;
}

#imagebanner {
float: left; 
width: 97%;
clear: right; 
margin: 0em 1em 1em 1em;
padding:0;
text-align: center; 
background-color: #E5E5E5; 
}

#imagebanner img {
border: 1px solid #C78966;  
padding: 0.4em;  
background-color: #E5E5E5; 
} 

p.address {
margin-left: 50px; 
} 

img 
{ 
vertical-align: middle;
} 

table
{ 
text-align: left; 
width: 85%; 
border: 1px solid #CCC; 
} 

th { 	
font-weight: bold; 
padding: 0.5em; 
background-color: #EAEAEA; 
}


td { 
font-weight: normal; 
padding: 0.5em; 
background-color: #EAEAEA; 
} 

tr:hover td{
background-color: #FFF; 
}