/* REGULAR TAGS */

html, body {
	margin:0;
	padding:0;
	background:#152138;
	font-family:arial,helvetica,sans-serif;
	font-size:14px;
}

td, th, input, textarea, select {
	font-family:arial,helvetica,sans-serif;
	font-size:14px;
}

h1 {
	font-family:arial,helvetica,sans-serif;
	font-size:28px;
	letter-spacing:-0.05em;
}

a {
	-webkit-transition:all 300ms;
	-moz-transition:all 300ms;
	-ms-transition:all 300ms;
	-o-transition:all 300ms;
	transition:all 300ms;
}

a:hover {
	color:#df193c;
}

ul {
	list-style:square;
}

/* PAGE CONTAINERS */

.container {
	position:absolute;
	left:50%;
	top:0;
	width:980px;
	margin-left:-490px;
}

.main {
	position:relative;
	min-height:500px;
	width:980px;
	background:#FFF;
	overflow:hidden;
}

.space {
	padding: 15px 30px;
	overflow:hidden;
}

/* "BACK TO" LINKS */

.nav0 {
	padding:15px 0;
	font-size:10px;
	font-weight:bold;
}

.nav0 a {
	margin:0 20px 0 0;
	padding:0 0 0 10px;
	color:#df193c;
	text-decoration:none;
	background: transparent url(../images/bullet_red_small_left.gif) 0 2px no-repeat;
}

.nav0 a:hover {
	color:#fff;
	background-position:0 -28px;
}

/* NAVIGATION TOP LAYER */

.nav1 {
	height:31px;
	font-size:10px;
	overflow:hidden;
}

.nav1 ul {
	list-style:none;
	padding:0;
	margin:0;
}

.nav1 ul li {
	position:relative;
	display:block;
	float:left;
	margin-right:3px;
	background:url(../images/nav_tab_off.gif) 0 -31px repeat-x;
	height:31px;
	-webkit-transition:margin-top 100ms;
	-moz-transition:margin-top 100ms;
	-ms-transition:margin-top 100ms;
	-o-transition:margin-top 100ms;
	transition:margin-top 100ms;
}

.nav1 ul li:hover {
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	-o-transform: translateY(-2px);
	transform: translateY(-2px);
}

.nav1 ul li a {
	float:left;
	display:block;
	height:31px;
	padding-left:12px;
	background:url(../images/nav_tab_off.gif) 0 -62px no-repeat;
	color:#FFF;
	text-decoration:none;
	cursor:pointer; /* IE6 problem */
}
.nav1 ul li:hover a {
	color:#df193c;
}

.nav1 ul li a span {
	display:inline-block;
	height:21px;
	padding-right:12px;
	padding-top:10px;
	background:url(../images/nav_tab_off.gif) 100% 0 no-repeat;
}

.nav1 ul li.active,
.nav1 ul li.active:hover {
	background:url(../images/nav_tab_on.gif) 0 -31px repeat-x;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.nav1 ul li.active a {
	color:#142038;
	background:url(../images/nav_tab_on.gif) 0 -62px no-repeat;
}

.nav1 ul li.active a span {
	background:url(../images/nav_tab_on.gif) 100% 0 no-repeat;
}

/* NAVIGATION SUB LAYER */

.nav2 {
	width: 980px;
	height: 35px;
	background: white url(../images/nav2.gif);
	font-size: 10px;
}

.nav2 ul, 
.nav2 li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav2 li {
	display: block;
	float: left;
	height: 35px;
	background: transparent url(../images/nav2r.gif) no-repeat 100% 100%;
	text-align: center;
}

.nav2 li.active {
	background: white url(../images/nav2r.gif) no-repeat 100% 100%;
}

.nav2 li a {
	display:block;
	float:left;
	height: 23px;
	padding: 12px 15px 0;
	color:#333;
	text-decoration: none;
}

.nav2 li a:hover {
	color:#df193c;
}

/* HEADER */

.header {
	position:relative;
	height:125px;
	background:#FFF;
}

.header a {
	color:#152138;
	text-decoration:none;
}

.header a:hover {
	color:#df193c;
}

.header .logo {
	position:absolute;
	top:21px;
	left:10px;
	width:200px;
	height:125px;
	margin:0;
	background:url(../images/logo-rna.gif) no-repeat;
	overflow:hidden;
}

.header .logo a {
	display:block;
	height:125px;
	text-indent:-500px;
}

.header h1 {
	position:absolute;
	top:35px;
	left:220px;
	font-size:36px;
	margin:0;
}

.header small {
	position:absolute;
	top:75px;
	left:220px;
	margin:0;
	font-weight:bold;
	font-size:12px;
}

.header .slogan {
	position:absolute;
	right:0;
	top:45px;
	width:350px;
	color: #7F859F;
	font-weight:bold;
	font-size: 25px;
}

/* MAIN CONTENT */

.rna_title {
	width:980px;
	height:60px;
	background:#7F859F;
}

.rna_title h1 {
	margin: 0;
	color: white;
	font-size: 30px;
	padding: 15px 0 0 30px
}

.columns_2_left,
.columns_2_right,
.columns_2_centre {
	margin:20px 0;
}

.columns_2_left .column {
	float:left;
	width:690px;
}

.columns_2_left .column p:first-child {
	margin-top:0;
}

.columns_2_left .sidebar {
	width:215px;
	padding-left:10px;
}

html>body .columns_2_left .sidebar { /* IE6 hack - only modern browsers understand html>body */
	margin-left:710px;
	padding:0;
}

.columns_2_right .column {
	float:right;
	width:690px;
}

.columns_2_right .column p:first-child {
	margin-top:0;
}

.columns_2_right .sidebar {
	width:215px;
	padding-right:10px;
}

html>body .columns_2_right .sidebar { /* IE6 hack - only modern browsers understand html>body */
	margin-right:710px;
	padding:0;
}

.columns_2_centre .column1 {
	float:left;
	width:450px;
}

.columns_2_centre .column1 p:first-child {
	margin-top:0;
}

.columns_2_centre .column2 {
	width:450px;
	margin-left:466px;
}

html>body .columns_2_centre .column2 { /* IE6 hack - only modern browsers understand html>body */
	margin-left:470px;
}

/* FOOTER */

.footer {
	margin:20px 0;
	color:#888;
	font-size: 11px;
}

.footer hr {
	display:none;
}

.footer div.left {
	float:left;
	width:560px;
}

.footer div.right {
	float:left;
	width:420px;
	text-align:right;
}

/* MISC FORMATTING */

.clear {
	height:0;
	clear:both;
	overflow:hidden;
}

.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}

.clearfix { 
	display: inline-block; 
}

* html .clearfix { 
	height: 1%; 
}

.clearfix { 
	display: block; 
}

.linkbox {
	display: block;
	margin:5px 0;
	padding: 10px 10px 10px 20px;
	color: white;
	background: #5C6272 url(../images/bullet_white.gif) 8px 13px no-repeat;
	text-decoration: none;
}

.linkbox.blue {
	background-color:#4092C2;
}

.linkbox:hover {
	color: white;
	background-color:#3A4050;
}

.linkbox.blue:hover {
	background-color:#2070A0;
}

.img_left {
	float:left;
	margin:0 10px 10px 0;
}

.img_right {
	float:right;
	margin:0 0 10px 10px;
}

.img_box {
	padding: 5px;
	background: white;
	border: 1px solid #DDD;
	-webkit-transition: border-color 0.4s linear;
	-moz-transition: border-color 0.4s linear;
	-ms-transition: border-color 0.4s linear;
	-o-transition: border-color 0.4s linear;
	transition: border-color 0.4s linear;
}

a .img_box {
	border-color:#0A01E5;
}

a:hover .img_box {
	border-color:#df193c;
}