/* New EUROCALL website stylesheet */
/* Last updated: 31/05/05 */
/* CSS-P stylesheet for new EUROCALL design */
   
/* This site uses CSS for positioning.*/
 
/* ----------------- */
/* HTML STYLES */
/* ----------------- */

body 	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
 		color: #330099;
		}
		
/* For slightly larger para text. Mainly used when paragraph text within a td, because the td setting of 0.8em
   combines with the body setting of 0.8em to produce smaller text. A bit of a fudge, really. */
p.larger	{ font-size:larger; }

/* Make acronyms and abbreviation stand out to encourage users to hover over them for a tooltip explanation.
   IE doesn't recognise abbr at all. */
   
acronym, abbr	{	
				font-weight: bold;
				color: navy;
				}
/* Table styles */

caption	{	font-weight: bold;
			font-size: larger;
			line-height: 2;
		}
		
th 	{ 
		font-weight: bold;
		font-size: 0.9em;
	}
	
/* Need to set table cell text size as otherwise IE will render it larger than body text */
td	{	font-size: 0.8em;	}

a:hover	  { 
			color: #cc0000; 
		  }
		  
/* Set images borderless to avoid using deprecated border attribute in <img>. Picky
   requirement of WCAG Priority 2 */
img	{ border: none; }
	
/* 	=============
	CSS-P STYLES 
	============= */

/* Page container */

#container	{
			border: 1px solid #000;
			padding: 5px;
			margin: 5px;
			}
			
/* Page banner */
#logo	{ 
		float:left;
		padding: inherit;
		}
		
#banner	{
		/*float: right;*/
		font-size: 2em;
		/*font-family: "Times New Roman", Times, serif;*/
		color: #000;
		font-weight: bold; 
		text-align: center;
		padding-bottom: 10px;
		/* border-bottom: 2px solid #003399;*/
		}
		

/* NAVIGATION BARS/MENUS */					
					
/* Left navigation bar*/

#leftnavbar	{

			width: 130px;
			padding: 0;
			float: left;
			text-align: left;
			}
			
#leftnavbar ul	{
				list-style: none;
				margin: 0;
				padding: 0;
				border: none;
				}
				
#leftnavbar li	{
				list-style: none;
				border-bottom: 1px solid #fff;
				margin: 0;
				}
				
#leftnavbar li a	{
					display: block;
					padding: 5px 5px 5px 5px;
					background-color: #003399;
					color: #ffcc33;
					text-decoration: none;
					width: 100%;
					/* Left border darker by 10% light on base, right border lighter by 10% */
					border-left: 10px solid #002266;
					border-right: 10px solid #0044CC;
					}
					
/* IE fix */
html>body #leftnavbar li a	{

							width: auto;
							}
.soman{ display:inline;}
.soman h3{margin:0; padding:0; display:inline;}
.soman h3 a{text-decoration:none;color:#ffffff;}							
#leftnavbar li a:hover	{
						/* Same colour as right border */
						background-color: #0044cc;
						}

/* 2nd-level submenus in left navigation bar */
#submenu	{
			
			}

#submenu ul	{

			}
			
#submenu li a	{
				/* yellow background from colour of stars on EU flag */
				background-color: #ffcc33;
				color: #000;
				padding-left: 1em;
				}
				
#submenu li a:hover	{ 
					/* yellow background lighter by 10% */
					background-color: #ffdb66; 
					}

/* 3rd-level menu, horizontal below h1, eg in About|Documents */
					
#topmenu	{
			border: 1px solid #000;
			padding: 5px;
			text-align: left;
			}
			
#topmenu ul	{
			display: inline;
			}
			
#topmenu ul li	{
				display: inline;
				list-style: none;
				}
						
#topmenu li a	{
				text-decoration: none;
				display: inline;
				padding: 5px;
				}
				
#topmenu li a:hover	{
					background-color: #ffcc33;
					}
					
/* Page body text styles, used on pages other than the home page */

/* Main body is shunted to the right with a big margin to make room for the left navbar */
#bodytext	{
			margin-left: 140px;
			padding: 5px;
			vertical-align: top;

			}
			
#bodytext p	{
			margin-left: 10px;
			}		
			
#divider	{
			width: 100%;
			height: 0px;
			padding: 0px;
			/* set top and bottom margins to leave some space */
			margin: 5px 0 5px 0;
			border-bottom: 2px solid #cccccc; 
			border-top: 6px solid #003399;
			/* make sure layer is clear of any nearby layers and appears on a single line */
			clear: both;
			}
			
#divider p	{
			line-height: 0;
			}

/* Page footer */

#footer p {

		font-size: 12px;
		color: #000966;
		font-style: normal;
		font-weight: bold; 
		text-align: center; 
		font-family: Geneva, Arial, Helvetica, sans-serif;
		}
		
/* ------------------- */
/* Other custom styles */
/* ------------------- */

/* Publication author and title styles used in publication references */

.pubauthor	{
			font-weight: bold;
			}

.pubtitle	{
			font-style: italic;
			}

.compactA	
	{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #000080;
	}

.largeA

	{
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	color: #000080; 		
	}
	
/* Notes prefixed with NB: to display as centred text in a light yellow box for added emphasis. */
.notabene	{
			border: 2px solid #000;
			text-align: center;
			padding: 3px;
			background-color: #ffff66;
			}
			
.picturecaption	{ font-size: smaller; }


/* RSSxpress Lite styles */

/* Redefine main style so as to restrict the width of the newsfeed, as otherwise
   IE6 forces it down and across the page resulting in a horizontal scrollbar appearing */
   .rssxpresschannel	{
					width: 600px;
					}
					

.new {
	font-weight: bolder;
	text-transform: uppercase;
	color: #ff0000;

	}
