@charset "UTF-8";
/***************************************************************
 * Reset All (* = wildcard)
 *
 * As for devices, you never can be sure what kind of set up and 
 * preferences are in use, so we first want to reset it. 
 **************************************************************/

* {
	border: 0;
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, sans-serif; /* you may want to change this */
	font-size: 12px;
	outline: 0;
	vertical-align: baseline;
	line-height: 100%
}

:link, :visited { color: #cc0000; } 
:link:hover, :visited:hover { text-decoration: underline }
:link:focus, :visited:focus { }
:link:active, :visited:active { }

::-moz-selection  { background: #646567; color: #fff  }

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

em {
	font-size: 12px;
	color: #6e5171;
	font-style:normal;
	text-transform:uppercase;
	font-weight:bold;
}

#sidebar em {
  color:#646567;
}

#content ul,
#sidebar ul{
margin:0 0 0.7em 0.7em;
padding:0;
list-style:none;
}

#content ul{
}

#content li{
  background:url(../images/list_arrow.png) left 0.5em no-repeat;
  padding-left:10px;
}

#content .info_box li{
  background:url(../images/list_arrow_greybg.png) left 0.5em no-repeat;
  padding-left:10px;
}

#content ul.link li,
#sidebar ul.link li{
  background:url(../images/icn_link.png) left 0.1em no-repeat;
  padding-left:15px;
}

/***************************************************************
 * Floats + clearing
 **************************************************************/
.floatLeft { float: left }
.floatRight { float: right }
.centered {	margin: 0 auto 0 auto }
.clear { clear: both }
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}
.clearfix { display: inline-block }
/* Hides from IE-mac \*/
* html .clearfix { height: 1% }
.clearfix { display: block }
/* End hide from IE-mac */

/*______________________________________________________*/
.border_t{ border-top: 1px solid #d8d8d9 }
.border_l{ border-left: 1px solid #d8d8d9}
.border_r{ border-right: 1px solid #d8d8d9}
.border_b{ border-bottom: 1px solid #d8d8d9}

.more{ font-size:10px; white-space: nowrap }
.more:link, .more:visited {
	color: #cc0000;
	text-decoration:none;
}
.more:hover, .more:active {
	color: #cc0000;
	text-decoration:underline;
}


/*______________________________________________________*/
/* links with icons:  */
.pdf, .print, .saf {
	display:block;
	margin:0 0 1em 0;
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	color: #cc0000;
	text-decoration: none;
   font-size: inherit;
}
a.pdf  { background-image: url(../images/icn_pdf.png) }
a.print{ background-image: url(../images/icn_print.png) }
a.saf  { background-image: url(../images/icn_saf.png) }

.article a.toplink,
.tab-greybg a{ font-size:12px;}
.tab-greybg * {
	font-size:12px
}
.article a.toplink:link,.article a.toplink:visited,
.tab-greybg a:link, .tab-greybg a:visited {
	color: #cc0000;
	text-decoration:none;
}

.article a.toplink:hover,
.tab-greybg a:hover, .tab-greybg a:active {
	color: #cc0000;
	text-decoration:underline;
}

#content h1, h3, h2,
h3 a:link, h2 a:link,
h3 a:visited, h2 a:visited,
h1 a:link, h1 a:visited,h1 a:hover{
	font-weight: 100;
	color: #646567;
	font-size: 18px;
        text-decoration:none;
}

h3 a:hover, h2 a:hover{
        text-decoration:underline;
}
.col_two-one .teaser h3,
.col_two-one .teaser h2 {
	font-size: 20px;
}

.col_one-two div.centre .teaser h3 {
	font-size: 18px;
	padding-bottom: 10px;
}

.atom_teaser h3 a,
.atom_teaser h3{
	padding-bottom: 4px;
        padding-right:20px;
}