body { font-family:Verdana,Arial,Helvetica,sans-serif; }

/* ### IMAGE BORDER SET ### */
img { border : 0px none; }

/* ### TEXT STYLES #'#'*/ 

td
{
color:#000000;
font-size:x-small;
}

/* ### set font size for mozilla ### */
html>body td { font-size: small; }



th
{
color:#004959;
font-size:x-small;
text-align:left;
}

/* ### set font size for mozilla ### */
html>body tH { font-size: small; }




h1 {
color:#004959;
font-size:small;
}

/* ### set font size for mozilla ### */
html>body h1 { font-size:medium; margin-top: 0px; }




h2 {
color:#004959;
font-size:x-small;
margin-bottom:0;
}

/* ### set font size for mozilla ### */
html>body h2 { font-size:small; margin-bottom: 0px; }



blockquote { font-style:italic; }

.blacktext
{
color:#000000;
font-size:0.7em;
}

.whitetext {
color:#ffffff;
font-size:0.7em;
}

.greytext {
color:#777777;
font-size:0.7em; 
}



.bluetext {
color:#02629e;
font-size:x-small;
}

/* ## set font size for mozilla ## */
html>body .bluetext { font-size:small; }




.redtext {
color:#a7372b;
font-size:x-small;
}

/* ## set font size for mozilla ## */
html>body .redtext { font-size:small; }




.submenu_on {
color:#004959;
font-size:0.7em;
text-decoration:underline;
}



/*
----------------------------------------------
Link Styles
----------------------------------------------
*/



a {
color:#02629e;
font-size:x-small;
}

/* ## set font size for mozilla ## */
html>body a { font-size:small; }

a:hover {
color:#000080;
}



a.whitelinks {
color:#ffffff;
font-size:1em; /* 11px */
}

a.whitelinks:hover {
color:#000000;
font-size:1em; /* 11px */
}




a.redlinks {
color:#a7372b;
font-size:x-small;
}

/* ## set font size for mozilla ## */
html>body a.redlinks { font-size:small; }

a.redlinks:hover {
color:#ff9900;
}



a.blacklinks {
color:#000000;
font-size:1em; /* 11px */
text-decoration:underline;
}

a.blacklinks:hover {
color:#000000;
font-size:1em; /* 11px */
text-decoration:none;
}



a.menu {
color:#004959;
font-size:0.8em;
text-decoration:none;
}

/* ## set font size for mozilla ## */
html>body a.menu { font-size: 0.85em; }

a.menu:hover
{
color:#004959;
text-decoration:none;
}



a.submenu
{
color:#000000;
font-size:0.8em;
text-decoration:none;
}

/* ## set font size for mozilla ## */
html>body a.submenu { font-size: 0.85em; }

a.submenu:hover
{
color:#004959;
text-decoration:underline;
}




a.topmenu
{
color:#a7372b;
font-size:x-small;
text-decoration:none;
}

/* ## set font size for mozilla ## */
html>body a.topmenu { font-size: small; }

a.topmenu:hover
{
color:#999999;
}




a.rhslinks {
color:#000000;
font-size:0.8em;
}

/* ## set font size for mozilla ## */
html>body a.rhslinks { font-size: 0.85em; }

a.rhslinks:hover
{
color:#ff9900;
}




a.breadcrumbs
{
color:#000000;
font-size:1em; /* 11px */
text-decoration:underline;
}

a.breadcrumbs:hover
{
color: #000000;
text-decoration:none;
}




a.slideshow
{
color:#ffffff;
font-size:1em; /* 11px */
text-decoration:none;
}

a.slideshow:hover
{
color:#ffffff;
text-decoration:underline;
}




a.anchorlozenge
{
font-family:Verdana,Arial,Helvetica,sans-serif;
color:#ffffff;
font-size:1em; /* 11px */
text-decoration:none;
}

a.anchorlozenge:hover
{
color:#ffffff;
text-decoration:underline;
}




a.footer
{
font-family:Verdana,Arial,Helvetica,sans-serif;
color:#777777;
font-size:1em; /* 11px */
}

a.footer:hover
{
color:#555555;
}




/*
----------------------------------------------
Minor Form Elements
----------------------------------------------
*/
.button {
font-family:Verdana,Arial,Helvetica,sans-serif;
cursor: pointer;
font-size: 11px;
background-color: #dddddd;
border-color: #eeeeee #666666 #666666 #eeeeee;
border-style: solid;
border-width: 2px;
color: #000000;
}

.login_fields {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
width:140px;
margin: 0 5px 0 0;
}

.search_field {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
width:115px;
margin: 0 5px 0 0;
}

select.jobsearch {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
width:230px;
}

input.jobsearch {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
width:230px;
}

/*
----------------------------------------------
Main Forms
----------------------------------------------
*/

form {
margin-bottom:0;
}



.formtext {
color:#004959;
font-size:x-small;
}

/* ## set font size for mozilla ## */
html>body .formtext { font-size: small; }



input.standard {
background-color: #ffffff;
border:1px #004959 solid;
font-size:1em; /* 11px */
color:#004959;
margin:1px;
padding:0px;
width:190px;
}

input.short {
background-color: #ffffff;
border:1px #004959 solid;
font-size:1em; /* 11px */
color:#004959;
margin:1px;
padding:0px;
width:90px;
}

select.standard {
background-color:#ffffff;
border: 1px #004959 solid;
font-size: 11px;
color: #004959;
margin: 1px;
width:190px;
}

select.small {
background-color:#ffffff;
border: 1px #004959 solid;
font-size: 11px;
color: #004959;
margin: 1px;
width:92px;
}

select.extra_small {
background-color:#ffffff;
border: 1px #004959 solid;
font-size: 11px;
color: #004959;
margin: 1px;
width:59px;
}

textarea {
background-color:#ffffff;
border: 1px #004959 solid;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #004959;
margin: 1px;
width: 190px;
}

textarea.wide {
background-color:#ffffff;
border: 1px #004959 solid;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #004959;
margin: 1px;
width: 340px;
}

/*
----------------------------------------------
List Elements
----------------------------------------------
*/

ul.blue { list-style-image: url('images/arrow_right_blue.gif'); }
ul.orange { list-style-image: url('images/arrow_right_orange.gif'); }
ul.red { list-style-image: url('images/arrow_right_red.gif'); }

li { padding:3px; }

.redhighlight { background: #a7372b; }

.orangehighlight { background: #ff9900; }

.yellowhighlight { background: #ffdb00; }




/* styles for forms */
#theForm 
{
	font-weight: normal;
	margin-top: -1px;
	border: solid 1px #666;
	width: 400px;
	padding: 4px;
	background-color: #eee;
font-size:0.7em;
}

#theForm input, #theForm select
{
	color:#004959;
	border : medium none solid 1px #666;
	width : expression((this.type=="checkbox" || this.type=="radio" || this.type == "image")?"":"200px")
}


.theFormTitle 
{
	color: #ffffff;
	font-weight: bold;
	width: 150px;
	text-align: center;
	padding: 2px;
	background-image: url('images/tab_red.gif');
}

/* ## set style for mozilla ## */
html>body .theFormTitle { display: block; margin: 0; width: 150px; height: 17px; padding: 0px; padding-top: 3px; }
	

#theForm td, #theForm th
{
	vertical-align: top;
	color: #004959;
	padding: 4px;
}
#theForm span.blacktext { font-size:100%; }

span.red
{
	color: #d00;
	font-weight: bold;	
}

span.rowHeading 
{
	width: 382px;
	color: #fff;
	font-weight: bold;
	background-image: url('images/row_heading_bg.gif');
	background-repeat: no-repeat;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size:1em; padding-right:3px; padding-top:3px
}

/* -------- Clickable maps ---------- steve, oct 2006 */

div#clickableloading {
	background:url('http://www.vso.org.uk/images_emails/maps/loading.gif') no-repeat left top;
	width:580px;	
	height:270px 
}
div#clickablemap { 
/*	background-color:#eeeeee; */
	background:url('http://www.vso.org.uk/images_emails/maps/world_c2.gif') no-repeat left top; 
	margin:0;
	padding:0;
	border:0px none;
	width:580px;	
	height:269px; /* WHAT PART OF THIS DONT YOU UNDERSTAND, IE!? */
	overflow:hidden
}

/* -------- Navigational Lozenge ---------- steve, oct 2006 */

table.floatedlozenge { float:left; margin-right:1em; }

table.navLoz th { text-align:center; }
table.navLoz th a, table.navLoz th a:hover { color:#ffffff; font-weight:bold; text-decoration:none; }
table.navLoz td a { color:#000000; font-weight:normal; text-decoration:none; }
table.navLoz td a:hover { color:#666666; }


/*  ----------- FAQs ------------ steve, mar 2007 */

.indent { display:block; margin-left:20px; }
div.totop { display:block; width:100%; text-align:right; height:12px; }
div.totop img { float:right; }
div.faq h2 { color:#9f2d20; font-weight:bold; font-size:1.2em; margin-bottom:1em; width:100%; padding-top:4px; border-top: 1px #9f2d20 dashed; }
div.faq h3 { color:#004959; font-weight:bold; font-size:0.9em; margin-bottom:0; }

/* ------------ Assorted small additions ----------- steve, 06-07 */


div.captpic { float:right; width:220px; margin: 1em 0 1.6em 1.6em; }

acronym { border-bottom:1px #aaaaaa dashed; cursor:help; }

div.redtab {
  color:#ffffff;
  font-size:1em; /* 11px */
  background: url('/Images/tab_red.gif') no-repeat top left;
  width:150px;
  height:20px;
  padding-top:3px; 
  margin-bottom:-2px
}
div.redtab strong { margin-left:20px; }

ul.pdfs { margin-left:15px; padding-left:0; }
ul.pdfs li { list-style-image:url('http://vso.org.uk/Images/pdf3_tcm8-10642.gif'); margin-left:4px; padding-left:0 }


table.grid { border:1px #000000 solid; border-collapse:collapse; }
table.grid td, table.grid th {
  border:1px #999999 solid;
border-collapse:collapse;
  vertical-align:top;
}

div.flowchart { width:310px; padding:5px; border:1px #000000 solid; background:#FCFCDE; }

  #subscform { font-weight: normal; margin-top: -1px; border: solid 1px #666; width: 400px; padding: 4px; background-color: #eee; }
  #subscform td { font-size:12px; color:#004959; }
  #subscform th { padding:3px; }