/**
 * This file contains the blue template CSS
 *
 * @copyright Copyright 2006 Ascension Design Limitied
 * @author Chris Box <support@ascensiondesign.co.uk>
 * @package OE_Services
 */


div
{
	border:						none;
	margin-top: 				0px;
	margin-bottom: 			0px;
	margin-left: 				0px;
	margin-right: 				0px;
	padding-top:				0px;
	padding-bottom: 		0px;
	padding-left: 				0px;
	padding-right: 			0px;
}

#logout
{
	padding-top:				10px;
	text-align: 				right;
	font-size:					80%;
	font-weight:				bold;
	margin-right:				2px;
}

#logout a
{
	color:						#666666;
	text-decoration:			none;
}

#search
{
	padding-top:				40px;
	text-align: 				right;
	font-size:					80%;
}

#search_form
{
	border:						none;
	margin-top: 				0px;
	margin-bottom: 			0px;
	margin-left: 				0px;
	margin-right: 				0px;
	padding-top:				0px;
	padding-bottom: 		0px;
	padding-left: 				0px;
	padding-right: 			0px;
	color:						#FFFFFF;
}

#search_submit_invisible
{
	visibility:					hidden;
}

#breadcrumbs
{
	position: 					relative;
	top:							8px;
	
	width: 						100%;
	margin-bottom: 			1%;	
	color:						#202020;
	font-size:					100%;
}

#breadcrumbs a
{
	text-decoration: 			underline;
	color:						#202020;	
}

#breadcrumb_current
{
	font-weight:				bold;
}

a
{
	color:						#0B3E9E;
	text-decoration: 			underline;
}

p
{
	border:						none;
	margin-top: 				4px;
	margin-bottom: 			6px;
	margin-left: 				0px;
	margin-right: 				0px;
	padding-top:				0px;
	padding-bottom: 		0px;
	padding-left: 				0px;
	padding-right: 			0px;

	font-size:					100%;
	line-height:					120%;
	color:						#000000;
}

h1
{
	font-size:					150%;
	line-height:					125%;
	font-weight:				bold;
}

h2
{
	border:						none;
	margin-top: 				0px;
	margin-bottom: 			6px;
	margin-left: 				0px;
	margin-right: 				0px;
	padding-top:				0px;
	padding-bottom: 		0px;
	padding-left: 				0px;
	padding-right: 			0px;
	
	font-size:					110%;
	line-height:					125%;
	font-weight:				bold;
}

h3
{
	border:						none;
	margin-top: 				0px;
	margin-bottom: 			6px;
	margin-left: 				0px;
	margin-right: 				0px;
	padding-top:				0px;
	padding-bottom: 		0px;
	padding-left: 				0px;
	padding-right: 			0px;
	
	font-size:					100%;
	line-height:					120%;
	font-weight:				bold;
}

ul
{
	border:						none;
	margin-top: 				0px;
	margin-bottom: 			6px;
	margin-right: 				48px;
	padding-top:				0px;
	padding-bottom: 		0px;
	padding-left: 				0px;
	padding-right: 			0px;

	font-size:					100%;
	line-height:					120%;
	list-style:					circle;

}

ol
{
	border:						none;
	margin-top: 				0px;
	margin-bottom: 			6px;
	margin-right: 				48px; 
	padding-top:				0px;
	padding-bottom: 		0px;
	padding-right: 			0px;

	font-size:					100%;
	line-height:					120%;
	list-style:					decimal;
}

li
{
	margin-left: 				24px;
}


blockquote
{
	border:						none;
	margin-top: 				0px;
	margin-bottom: 			6px;
	margin-left: 				24px;
	margin-right: 				48px;
	padding-top:				0px;
	padding-bottom: 		0px;
	padding-left: 				0px;
	padding-right: 			0px;

	font-size:					100%;
	line-height:					120%;
	font-style:					italic;
	text-align:					justify;
	color:						#333333;
}

.quote
{
	font-style:					italic;
	color:						#333333;
}

.news_h1
{
	border:						none;
	margin-top: 				0px;
	margin-bottom: 			6px;
	margin-left: 				0px;
	margin-right: 				0px;
	padding-top:				0px;
	padding-bottom: 		0px;
	padding-left: 				0px;
	padding-right: 			0px;

	font-size:					120%;
	line-height:					130%;
	font-weight:				bold;
	color:						#0B3E9E;
}

.news_h2 
{
	border:						none;
	margin-top: 				0px;
	margin-bottom: 			0px;
	margin-left: 				0px;
	margin-right: 				0px;
	padding-top:				0px;
	padding-bottom: 		0px;
	padding-left: 				0px;
	padding-right: 			0px;
	
	font-size:					110%;
	line-height:					125%;
	font-weight:				bold;
	color:						#0B3E9E;
}

.news_h3
{
	border:						none;
	margin-top: 				0px;
	margin-bottom: 			6px;
	margin-left: 				0px;
	margin-right: 				0px;
	padding-top:				0px;
	padding-bottom: 		0px;
	padding-left: 				0px;
	padding-right: 			0px;
	
	font-size:					100%;
	line-height:					120%;
	font-weight:				bold;
	color:						#0B3E9E;
}

.news_h1_with_date 
{
	border:						none;
	margin-top: 				0px;
	margin-bottom: 			0px;
	margin-left: 				0px;
	margin-right: 				0px;
	padding-top:				0px;
	padding-bottom:	 	0px;
	padding-left: 				0px;
	padding-right: 			0px;

	font-size:					120%;
	line-height:					130%;
	font-weight:				bold;
	color:						#0B3E9E;
}

.news_h2_with_date 
{
	border:						none;
	margin-top: 				0px;
	margin-bottom: 			0px;
	margin-left: 				0px;
	margin-right: 				0px;
	padding-top:				0px;
	padding-bottom: 		0px;
	padding-left: 				0px;
	padding-right: 			0px;
	
	font-size:					110%;
	line-height:					125%;
	font-weight:				bold;
	color:						#0B3E9E;
}

.news_h3_with_date 
{
	border:						none;
	margin-top: 				0px;
	margin-bottom: 			0px;
	margin-left: 				0px;
	margin-right: 				0px;
	padding-top:				0px;
	padding-bottom: 		0px;
	padding-left: 				0px;
	padding-right: 			0px;
	
	font-size:					100%;
	line-height:					120%;
	font-weight:				bold;
	color:						#0B3E9E;
}

.news_date
{
	margin-top: 				0px;
	margin-bottom: 			0px;
	margin-left: 				0px;
	margin-right: 				0px;
	padding-top:				0px;
	padding-bottom: 		0px;
	padding-left: 				0px;
	padding-right: 			0px;
	color:						#888888;
	font-size:					75%;
}

.news_column1
{
	float:							left;
	width: 						308px;	
}

.news_column2
{
	float:							right;
	width: 						308px;
}

.news_spacer
{
	clear: 						both;
}

.news_list
{
	margin-top: 				0px;
	margin-bottom: 			0px;
	margin-left: 				0px;
	margin-right: 				0px;
	padding-top:				4px;
	padding-bottom: 		4px;
	padding-left: 				0px;
	padding-right: 			0px;
}

.content_menu
{
	border:						none;
	margin-top: 				4px;
	margin-bottom: 			6px;
	margin-left: 				24px;
	margin-right: 				48px;
	padding-top:				0px;
	padding-bottom: 		0px;
	padding-left: 				0px;
	padding-right: 			0px;
	font-size:					100%;
	line-height:					120%;
	list-style:					none;
}

.content_menu_odd
{
	float: 						right;
	width:						50%;
	margin-left: 				0px;
}

.content_menu_even
{
	clear:						both;
	float:							left;
	width:						50%;
	margin-left: 				0px;
}

.last_updated
{
	float: 						right;
	color:						#888888;
	font-size:					75%;
}

.icon
{
	margin-top: 				12px;
	margin-bottom: 			12px;
	margin-left: 				12px;
	margin-right: 				12px;

	text-align:					center;
	float:							left;
}

.icon a
{
	text-decoration:			none;
}


body {
	background-color: #a5a5a5;  /* the background          */
}

#page {
	background-color: #fff;
	border: 1px solid black;

	width: 780px;
	margin: auto;
	font-family:Gill Sans, Arial, Helvetica, sans-serif;
	font-size:small;
}

#footer {
	text-align:center;
	width: 780px;
	margin: auto;
	font-family:Gill Sans, Arial, Helvetica, sans-serif;
	font-size:x-small;
}

#page-text{

	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
}

.text{
	float: left;
	width: 50%;
	

}

p {
	margin-top: 0;
}

.pullquote {
	padding: 2%;
	float:right;
	width: 33%;
	background-color: #202020;  /* the background          */
	filter:alpha(opacity=60);   /* Internet Explorer       */
	-moz-opacity:0.6;           /* Mozilla 1.6 and below   */
	opacity: 0.6;  /* newer Mozilla and CSS-3 */

	min-height: 139px;
	max-height: 139px;

}

#main-image {
	float: left;
	background:no-repeat;
	/*background-image: url(/Resource/templates/site/mssr/mssr_banner_01.jpg);*/
	width: 100%;
	min-height: 170px;
	max-height: 170px;

	padding-bottom: 1px;
	border-bottom: 1px solid #1B2459;
}

.quote {
	filter:alpha(opacity=100);   /* Internet Explorer       */
	-moz-opacity:1.0;           /* Mozilla 1.6 and below   */
	opacity: 1.0;  /* newer Mozilla and CSS-3 */

	color: #ffffff;	

	font-size:110%;
	line-height:140%;
	
}

.author {
	color: #ffffff;
	filter:alpha(opacity=100);   /* Internet Explorer       */
	-moz-opacity:1.0;           /* Mozilla 1.6 and below   */
	opacity: 1.0;  /* newer Mozilla and CSS-3 */
	font-size:110%;
	font-weight: bold;
	float: right;
}

.clear {
	clear: both;
}

#banner {
	background-color: #ffffff;
}

#banner img {
	float: left;
	margin: 0;
	padding: 0;
}

#accreditations {
	float: right;

	margin: 0;
	padding: 0;
	margin-top:	55px;	
	margin-right: 10px;
}

#accreditations img {
	float: none;
	margin-left: 10px;
}

#navigation  {
	background-color: #1B2459;
	float: left;
	padding: 0;
	width: 100%;
	border-bottom: 1px solid #ffffff;
}

.white-background {
	background-color: #ffffff;
	width: 100%;
	min-height: 53px;
}

/* Root = Horizontal, Secondary = Vertical */
#navigation ul {
  margin: 0;
  border: 0 none;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom:1px;
  /*width: 500px; For KHTML*/
  list-style: none;
  /*height: 20px;*/
}

#navigation ul li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
}

#navigation ul ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
}

#navigation ul ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

#navigation ul ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
#navigation ul a {
  border: 1px solid #1B2459;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #1B2459;
  color: #fff;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
#navigation ul a:hover,
#navigation ul li:hover a,
#navigation ul li.iehover a {
  background: #fff;
  color: #000;
}

/* 2nd Menu */
#navigation ul li:hover li a,
#navigation ul li.iehover li a {
  float: none;
  background: #1B2459;
  color: #fff;
}

/* 2nd Menu Hover Persistence */
#navigation ul li:hover li a:hover,
#navigation ul li:hover li:hover a,
#navigation ul li.iehover li a:hover,
#navigation ul li.iehover li.iehover a {
  background: #fff;
  color: #000;
}

/* 3rd Menu */
#navigation ul li:hover li:hover li a,
#navigation ul li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
#navigation ul li:hover li:hover li a:hover,
#navigation ul li:hover li:hover li:hover a,
#navigation ul li.iehover li.iehover li a:hover,
#navigation ul li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
#navigation ul li:hover li:hover li:hover li a,
#navigation ul li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
#navigation ul li:hover li:hover li:hover li a:hover,
#navigation ul li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

#navigation ul ul ul,
#navigation ul ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
#navigation ul li:hover ul ul,
#navigation ul li:hover ul ul ul,
#navigation ul li.iehover ul ul,
#navigation ul li.iehover ul ul ul {
  display: none;
}

#navigation ul li:hover ul,
#navigation ul ul li:hover ul,
#navigation ul ul ul li:hover ul,
#navigation ul li.iehover ul,
#navigation ul ul li.iehover ul,
#navigation ul ul ul li.iehover ul {
  display: block;
}

#related {
	color:#202020;
	font-size:100%;
	margin-top:-2%;
	margin-bottom:1%;	
	position:relative;
	width:100%;	
	clear:both;
}

#related a
{
	color:						#202020;
	text-decoration: 			underline;
}

#page-footer
{
	padding-top: 2%;
	height: 100px;
}