.BoS {

font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#000000;
text-align:center;

}

BODY { 
	border:0; 
	margin:0; 
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;  
	color: #000000; 
	background-color: #99CCFF;
	text-align: left;
} 

TABLE {
	font-size: 1em;
}

TH {
	font-weight: bold; 
	color: #FFFFFF;
	background-color: #000099;
	text-align: left; 
}	

TABLE caption {
	font-weight: bold;
	text-align: left;
}

/* use for page title */
H1 {
	font-size: 1.8em; 
	color: #000099;
	font-weight: bold;
	padding: 0px 5px;
	margin: 0px;	
}

/* use for main section headings */
H2 {
	font-size: 1.1em; 
	color: #000099 ; 
	font-weight: bold ;
	margin: 3px 0 0 0 ;	
}

H2 a, h2 a:visited  {
	color: #000099 ; 
	text-decoration:none;
}
H2 a:hover {
	color: #000099 ; 
	text-decoration:underline;
}

/* use for sub-headings (e.g. product groups) */
H3 {
	font-size: 1em; 
	font-weight: bold; 
	margin: 0px;	
}	

/* use for sub-headings (e.g. subscription names) */
H4 {
	font-size: 1em; 
	font-weight: bold; 
	margin: 0px;	
}	

PRE {
	font-size: 1.2em;
}

p {
	margin: 7px 0px;	
}
/* use on paragraphs where only a small gap is required before and after. eg. after a sub-heading */
p.smallPara {
	margin: 5px 0px;	
}

/* use for text that needs to be smaller than normal. Use sparingly! */
.smalltext {
	font-size: 0.9em;
}

ul {  
	list-style-type: square;
}

ol {  
	list-style-type: lower-roman;
}


/* normal links */
a { 
/*	background-color: inherit; */
	color : #000000;
}
a:visited { 
/*	background-color: inherit; */
	color : #000000;
}
a:hover {  
/*	background-color: inherit; */
	color: #000099;
}

/* links without underlines - only use when it's clearly a link. e.g. in a menu */
.nounderline a { 
	text-decoration : none; 
}
.nounderline a:hover { 
	text-decoration : underline; 
}




/* use for error messages */
.error {  
	background-color: inherit; 	
	color: #FF0000;
	font-weight: bold; 
}



/************************/
/*  Styles for footer   */
/************************/

/* use for links to general pages in footer (T&C etc) */
#footerLinks {
	text-align: center; 
	margin-top: 20px; 
	margin-bottom: 5px;
	border-top: 1px solid #999999;
	padding-top:2px;
}

/* use for links to general pages in footer (T&C etc) */

#footer {
	margin-top: 20px; 
	border-top: 1px solid #999999;
	padding-bottom: 10px;
	text-align: center; 
}

.footerLinks {
	padding-top:2px;
}

/* use for MetO URL and copyright text in footer */
.footerCopyright, .footerCopyright a, .footerCopyright a:visited {
	font-weight: bold;
	margin-top: 10px;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 20px;
}

.footerCopyright a:hover {
	text-decoration: underline;
}

/*
.footer a, .footer a:visited {
	font-weight: bold;
	padding: 5px; 
	color: white;
	text-decoration: none;
}

.footer a:hover {
	text-decoration: underline;
}
*/

/**************************************/
/* Stylesheet for main navigation bar */
/**************************************/

#navBg {
	height:2em; 
	background-color: #000099; 
	border-top: 1px solid #C3C3DD;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	color: white;
	font-weight: bold;
	margin: 0 0 0 0;
	z-index: 99999;

}

#nav a {
	display: block;
	width: 13em;

	color: white;
	text-decoration: none;
	padding: 5px;

}

#nav li { /* all list items */
	padding: 0;
	float: left;
	width: 13em; /* width needed or else Opera goes nuts */
	background: #000099;
}

#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li li {
	padding-right: 1em;
	border-bottom: 1px solid #C3C3DD; 
	width: 12.1em  /* needed for Mac Safari */
}

#nav li ul a { /* needed for Mac Safari */
	width: 12.1em;
	w\idth: 12.1em; 
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	width: 13em;
	background: #C3C3DD; 
}

#nav li:hover, #nav li.sfhover {
	background: #9999CC;
	color: black;
}

.topmenu {
	border-right: 1px solid #C3C3DD; 
	padding: 0 0 0 24px;
}

.submenu {
	border-top: 1px solid #C3C3DD; 
	border-right: 1px solid #C3C3DD; 
	border-left: 1px solid #C3C3DD; 
}

.submenu a { 
	font-weight: normal;
}
/*
#content {
	clear: left;
	color: #ccc;
}
*/