/*-----------------------------------------------------------------------------
BBSRC Style Sheet

version:   5.1
date:	   July 2011

-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/
/* This code is used to control font size on iPhones - without it the font in certain sections increases - added by LH 15/06/2010 */
html { -webkit-text-size-adjust:100%; }

/* */

/* Hide stuff */


#pageDescription, #accessibility, body.tHome #content h1, #pNavigation h2, #pageInfo h2{
	display: none;
}

.hide { display: none;}


/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

a { 	text-decoration: none; color: #000;  }
a:hover { 
	color: #002665;
        text-decoration: underline;
}

a:focus, a:active {
	color: #002665;
	text-decoration: underline;
        background: #dadde6;
}


/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table {
	margin: 1em 0;
}

/* Class for clearing floats */

.clear {
	clear:both;
}

.clearRightcolumnSocial {
	clear: right;
        margin-bottom: -10px;
}

/* Remove border around linked images */
img {
	border: 0;
}

li.listBlock img {
	border: 1px solid #ccd4e1;
}

/* Removes styling from all list items */
ul, li {
	list-style:none;
}


/* =Typography (Global)
-----------------------------------------------------------------------------*/

body {
	font: 62.5%/1.6 Verdana, Arial, Helvetica, sans-serif;
	zoom: 1;
}

/* =Layout (Global)
-----------------------------------------------------------------------------*/

#backgImage {
	background: #fff url(/upload/images/backg.jpg) repeat-x 0 19.5em; /*was 24em for deeper banner, changed July 2011 KL*/
	text-align: center;
}

#container {
	max-width: 1006px;
	width: 1006px;
        min-width: 900px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding: 0 10px 0 60px;
	zoom: 1;
}

#header {
	min-width: 780px;
	height: 15em; /*was 19.5 for deeper banner, changed July 2011 KL*/
}
#rightColumn 
{
	margin: 41px 11px 30px 0px; /*top was 35px*/
	padding: 1px 10px 0 30px;
	float: right;
	width: 180px;
	background: #fff;
}
#blogNav {
            margin: 35px 10px 0px 0px;
            padding: 0 0;
            float: right;
            width: 265px;
            background: #fff;
}
#searchFilter {
	background: #ededed;
	margin: 0px 11px 30px 25px;
	padding: 0 10px 30px 30px;
	float: left;
	width: 180px;
}

/*#content ul li a {
text-decoration: underline;
} Headscape added this style when doing Grants on the Web templates but it affects all grouped landing page templates as well*/

p.outline {
	padding: 10px;
	border: 1px solid #ddd;
}

p.icon a img {
       margin-right:2px;
}

p.icon a  {
       color:#8F4000;
       text-decoration: none;
}

p.icon a:hover, p.icon a:active, p.icon a:focus {
       text-decoration: underline;
       color: #002665;
}


p.quote {
       color:#002665;
       font-size:160%;
       font-weight:bold;
       padding-left: 20px;
       padding-right: 20px;
}

div.quote p {
       color:#002665;
       font-size:160%;
       font-weight:bold;
       background: #f2f2f0;
       padding: 10px;
}

div.quote ul, div.quote h2 {
       padding-left: 20px;
       padding-right: 20px;
}

p.quote span.quote-author, div.quote span.quote-author {
       color:#000000;
       font-size:70%;
       font-weight: bold;
}

div.quote {
       float:right;
       margin-left:20px;
       width:300px;
       background: #f2f2f0;
}

.radiofilter {
	display: block;
}

body.tContent #rightColumn {
	margin: -7px 5px 30px 0;
	padding: 0 0 0 25px;
}

#rightColumn h2 {
	color: #a20054;
	font-size: 1.3em;
	font-weight: bold;
	margin: 8px 0 5px 0;
	display: block;
}

#rightColumn p.heading {
	color: #a20054;
	font-size: 1.3em;
	font-weight: bold;
	margin: 8px 0 -5px 0;
	display: block;
}

#contentContainer {
	border-left: #7e858f 1px solid;
	border-right: #7e858f  1px solid;
	background: #ffffff url(/upload/images/watermark1.jpg) left bottom no-repeat;
	padding: 1px 10px 50px 10px;
}

#content {
	margin: 0 230px 0 235px;
	font-size: 1em;
	vertical-align: top;
	padding: 0 !important;
	background: #fff;
	zoom:1;
	display: block;
}

body.tPopup #content {
	margin:0;
}

body.tPopup #content form input {
	width: 250px;
	height: 17px;
	font-size: 13px;
	padding: 3px;
}

body.tPopup #content h1 {
	font-size: 15px;
		color: #a20054;
}

body.tContent #content, body.tSearch #content {
	margin: 0 5px 0 235px;
	font-size: 1em;
	padding: 0;
	zoom:1;
} 

body.tContent #content {
	display: block;
} 

h1 {
	margin: 0;
	padding: 0; 
	/*display: inline; removed as it breaks B & E */
	font-size: 180%;
	color: #a20054;
}

#content table a {
	text-decoration: underline;
}

input.checkbox {
	font-size: 18px !important;
}

p {
	font-weight: normal;
	padding: 0 0 10px 0 ;
	font-size: 1.1em;
}
/* begin AESTYLE */ 
p.intro {
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px 0;
}
/* end AESTYLE */ 
.center
{
	text-align: center;
}

/* =Content --------------------------------------------------------------------------------*/


#content acronym {
	border-bottom-color:#333;
}

#content .quoteWrapper {
	background: url(/upload/images/quote-right.png) right bottom no-repeat;
	display: block;
}


@charset "utf-8";
/* CSS Document */

/***************************************************************************************/

/* updated list styles so we can now use sublists - bulleted and numbered (Apr 08)
   solved problem with margin/padding for double digit numbers (May 08) */

.bodyImageblue
{
            padding: 0;
            background: #3c5888;
            border: 1px solid #3C5888;
}

/* Floated images with captions */

.bodyImageLeftCaption2
{
            margin: 5px 40px 10px 0;
            float: left;
            width: 200px;
            text-align: center;
}

.bodyImageLeftCaption2blue
{
            margin: 5px 20px 10px 0;
            float: left;
            width: 200px;
            background: #3c5888;
            border: 1px solid #3C5888;
}

.bodyImageLeftCaption2pink
{
            margin: 5px 20px 10px 0;
            float: left;
            width: 200px;
            background: #a20054;
            border: 1px solid #a20054;
}

.bodyImageRightCaption2
{
            margin: 5px 0 10px 20px;
            float: right;
            width: 200px;
            text-align: center;
}

.bodyImageRightCaption2blue
{
            margin: 5px 0 10px 20px;
            float: right;
            width: 200px;
            background: #3c5888;
            border: 1px solid #3C5888;
}

.bodyImageRightCaption2pink
{
            margin: 5px 0 10px 20px;
            float: right;
            width: 200px;
            background: #a20054;
            border: 1px solid #a20054;
}

.bodyImageLeftCaption3
{
            margin: 5px 40px 10px 0;
            float: left;
            width: 300px;
            text-align: center;
}

.bodyImageLeftCaption3blue
{
            margin: 5px 20px 10px 0;
            float: left;
            width: 300px;
            background: #3c5888;
            border: 1px solid #3C5888;
}

.bodyImageLeftCaption3pink
{
            margin: 5px 20px 10px 0;
            float: left;
            width: 300px;
            background: #a20054;
            border: 1px solid #a20054;
}

.bodyImageLeftCaption4blue
{
            margin: 5px 20px 10px 0;
            float: left;
            width: 400px;
            background: #3c5888;
            border: 1px solid #3C5888;
}

.bodyImageLeftCaption4pink
{
            margin: 5px 20px 10px 0;
            float: left;
            width: 400px;
            background: #a20054;
            border: 1px solid #a20054;
}

.bodyImageRightCaption3
{
            margin: 5px 0 10px 20px;
            float: right;
            width: 300px;
            text-align: center;
}

.bodyImageRightCaption3blue
{
            margin: 5px 0 10px 20px;
            float: right;
            width: 300px;
            background: #3c5888;
            border: 1px solid #3C5888;
}

.bodyImageRightCaption3pink
{
            margin: 5px 0 10px 20px;
            float: right;
            width: 300px;
            background: #a20054;
            border: 1px solid #a20054;
}

.bodyImageRightCaption4blue
{
            margin: 5px 0 10px 20px;
            float: right;
            width: 400px;
            background: #3c5888;
            border: 1px solid #3C5888;
}

.bodyImageRightCaption4pink
{
            margin: 5px 0 10px 20px;
            float: right;
            width: 400px;
            background: #a20054;
            border: 1px solid #a20054;
}

.bodyImageLeftCaption2blue p, .bodyImageRightCaption2blue p, .bodyImageLeftCaption3blue p, .bodyImageRightCaption3blue p, .bodyImageRightCaption4blue p, .bodyImageLeftCaption4blue p,
.bodyImageLeftCaption2pink p, .bodyImageRightCaption2pink p, .bodyImageLeftCaption3pink p, .bodyImageRightCaption3pink p, .bodyImageRightCaption4pink p, .bodyImageLeftCaption4pink p, .bodyImageblue p {
           font-size: 1em;
           margin-top: 0;
           margin-bottom: 5px;
           padding: 5px 10px 0 10px;
           color: #fff;
}

.bodyImageLeftCaption2blue p a, .bodyImageRightCaption2blue p a, .bodyImageLeftCaption3blue p a, .bodyImageRightCaption3blue p a, .bodyImageRightCaption4blue p a, .bodyImageLeftCaption4blue p a,
.bodyImageLeftCaption2pink p a, .bodyImageRightCaption2pink p a, .bodyImageLeftCaption3pink p a, .bodyImageRightCaption3pink p a, .bodyImageRightCaption4pink p a, .bodyImageLeftCaption4pink p a, {
           color: #fff;
           text-decoration: none;
}

.bodyImageLeftCaption2blue p a:hover, .bodyImageRightCaption2blue p a:hover, .bodyImageLeftCaption3blue p a:hover, .bodyImageRightCaption3blue p a:hover, .bodyImageRightCaption4blue p a:hover,  .bodyImageLeftCaption4blue p a:hover,
.bodyImageLeftCaption2pink p a:hover, .bodyImageRightCaption2pink p a:hover, .bodyImageLeftCaption3pink p a:hover, .bodyImageRightCaption3pink p a:hover, .bodyImageRightCaption4pink p a:hover, .bodyImageLeftCaption4pink p a:hover, .bodyImageblue p a:hover {
           text-decoration: underline;
}

.bodyImageLeftCaption4
{
            margin: 5px 0 10px 20px;
            float: left;
            width: 400px;
            text-align: center;
}

.bodyImageRightCaption4
{
            margin: 5px 0 10px 20px;
            float: right;
            width: 400px;
            text-align: center;
}

/* begin AESTYLE */
ol.content 
{
	margin: 15px 0 15px 29px;
	padding: 0;
}
/* end AESTYLE */

ol.content li 
{
	padding: 5px 0 5px 0px;
	list-style: decimal outside;
	font-size: 1.1em;
}

ol.content li p {
        font-size: 1em;
}

ol.content li a
{
	color: #a20054;
        text-decoration: underline;
}

ol.content li a:hover
{
	color: #002665;
}


ol.content ul
{
	padding: 0; 
	margin: 10px 0 0 10px;
}

ol.content ul li
{
	margin: 0;
	padding: 5px 0 5px 10px;
	background: url(/upload/images/bullet_pink.gif) 0 11px no-repeat;
	list-style: none outside;
	font-size: 11px;
}

ol.content ul.content li
{
	margin: 0;
	padding: 5px 0 5px 10px;
	background: url(/upload/images/bullet_pink.gif) 0 11px no-repeat;
	list-style: none outside;
	font-size: 11px;
}


ol.content ul li a, ol.content ul.content li a
{
	color: #a20054;
        text-decoration: underline;
}

ol.content ul li a:hover, ol.content ul.content li a:hover
{
	color: #002665;
}


ol.content ol
{
	padding: 0; 
	margin: 10px 0 0 10px;
}

ol.content ol li
{
	margin: 0 0 0 10px;
	padding: 5px 0 5px 0;
	list-style: lower-alpha outside;
	font-size: 1.1em;
}

ol.content ol li a
{
	color: #a20054;
        text-decoration: underline;
}

ol.content ol li a
{
	color: #002665;
}

/* begin AESTYLE */
ul.content
{
	padding: 0; 
	margin: 10px 0 10px 0;
	list-style: none outside;
}

ul.content2
{
	padding: 0; 
	margin: 10px 0 10px 0;
	list-style: none outside;
}
/* end AESTYLE */

ul.content li
{
	background: url(/web/MultimediaFiles/bullet-purple.gif) 0 12px no-repeat;
	padding: 5px 0 5px 10px;
	margin: 0;
	font-size: 1.1em;
}

ul.content li p, ul.content2 li p {
        font-size: 1em;
}

ul.content2 li
{
	background: url(/upload/images/bullet_pink.gif) 0 12px no-repeat;
	padding: 5px 0 5px 10px;
	margin: 0 0 0 20px;
	font-size: 1.1em;
}

ul.content li a, ul.content2 li a
{
	color: #a20054;
        text-decoration: underline;
}

ul.content li a:hover, ul.content2 li a:hover
{
	color: #002665;
}

ul.content ol, ul.content2 ol
{
	margin: 10px 0 0 0;
}

ul.content ol li, ul.content2 ol li
{
	margin: 0 0 0 40px;
	padding: 5px 0 5px 0;
	background: none;
	list-style-position: outside;
	font-size: 1.1em;
}

ul.content ol li a, ul.content2 ol li a
{
	color: #a20054;
        text-decoration: underline;
}

ul.content ol li a:hover, ul.content2 ol li a:hover
{
	color: #002665;
}

ul.content ul, ul.content2 ul
{
	padding: 0; 
	margin: 10px 0 0 10px;
	list-style: none;
}

ul.content ul li, ul.content2 ul li
{
	margin: 0;
	padding: 5px 0 5px 10px;
	background: url(/upload/images/bullet_pink.gif) 0 11px no-repeat;
	font-size: 1.1em;
}

ul.content ul li p, ul.content2 ul li p
{
	font-size: 1em;
}

ul.content ul li a, ul.content2 ul li a
{
	color: #a20054;
        text-decoration: underline;
}

ul.content ul li a:hover, ul.content2 ul li a:hover
{
	color: #002665;
}

/* Begin AESTYLE */
h2.subtitle {
	margin: 0; 
	padding: 20px 0 0 0;
	font-size:120%;
	font-weight: bold;
	color: #a20054;
}
/* End AESTYLE */
#content h3, #content h3.subtitle a {
	font-size:106%;
	font-weight: bold;
	color: #a20054;
}

h4 {
	font-size:103%;
	font-weight: bold;
	color: #a20054;
}

/* Ordinary floated images. 26.1.10 Top margin reduced from 20px to 5px for ordinary and caption2 and 3 images.*/

.bodyImageLeft {
	margin: 5px 20px 20px 0;
	float: left;
}

.bodyImageLeftLast {
            margin: 5px 0 20px 0;
            float: left;
            padding:0;
}

.bodyImageRight {
	margin: 5px 0 20px 20px;
	float: right;
}



}


/* Use to override main site style of removing borders from images - added May 2008 */
.border
{
	border: 1px #999 solid;
}

/* If you want a caption beneath image. Can also create image gallery with captions - see SARID press release from 21 March 2008. */

#pictureGallery {
	height: auto;
}


#pictureGalleryLanding {
            height: auto;
            width: 520px;
} 

#pictureGallery a {
text-decoration: underline;
color: #a20054;
}

/*Hack used so images will show in rows of 4 within IE7 and Firefox but in rows of 1 in IE6*/

html>body .captionImageLeft {
	margin: 20px 20px 20px 0;
	float: left;
	width: 150px;
	min-height: 320px;
	height: auto;
}

html>body .captionImageRight {
	margin: 20px 0 20px 20px;
	float: right;
	width: 150px;
	min-height: 320px;
	height: auto;
}

html>body .captionImageLeftLong {
	margin: 20px 20px 20px 0;
	float: left;
	width: 150px;
	min-height: 350px;
	height: auto;
}

html>body .captionImageRightLong {
	margin: 20px 0 20px 20px;
	float: right;
	width: 150px;
	min-height: 350px;
	height: auto;
}

html>body .captionImageLeftShort {
	margin: 20px 20px 20px 0;
	float: left;
	width: 150px;
	min-height: 150px;
	height: auto;
}

html>body .captionImageRightShort {
	margin: 20px 0 20px 20px;
	float: right;
	width: 150px;
	min-height: 150px;
	height: auto;
}
html>body .captionImageLeftMedium {
            margin: 20px 20px 20px 0;
            float: left;
            width: 150px;
            min-height: 220px;
            height: auto;
}

html>body .captionImageRightMedium {
            margin: 20px 0 20px 20px;
            float: right;
            width: 150px;
            min-height: 220px;
            height: auto;
}

/*CSS alternatives to the deprecated img attributes hspace - use when more than 1 logo in press releases - see infectious bacteria press release from 9 October 2008 */
.logo20
{
	margin: 0 20px 0 0;
}

.logo40
{
	margin: 0 40px 0 0;
}

.logo60
{
	margin: 0 60px 0 0;
}
/*used for logos on club pages - width 100px*/
.logo {
            width: 100px;
            height: 75px;
            float:left;
            text-align: center;
            vertical-align: middle;
            margin: 10px 12px 20px 12px;
}


#content hr {
	height: 2px;
	background: #bcbdbd;
	border: 0;
	margin: 30px 0 30px 0;
}

#content form hr {
	margin: 10px -20px 10px -10px;
	background: #fff;
	color: #fff;
	height: 9px;
	width: 120%;
}

#content form hr.grey {
	margin: 10px 0 10px 0;
	background: #999;
	color: #999;
	height: 3px;
	width: 100%;
}

#content blockquote
{
	padding: 20px;
	font-size: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	background: #F2F2F0 !important;
	min-height: 50px;
	/*min-width: 600px;*/
}

#content blockquote.narrow
{
	padding: 20px;
	font-size: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	background: #F2F2F0 !important;
	min-height: 50px;
        width: 489px;
}

#content blockquote.half {
	float: left;
        padding: 20px;
	font-size: 100%;
	margin-top: 5px;
        margin-right: 20px;
	margin-bottom: 15px;
	background: #F2F2F0 !important;
	min-height: 50px;
        width: 332px;
}

#content blockquote p.blue, #content blockquote.half p.blue {
        color: #002665;
        font-weight: bold;
	font-size: 1.2em;
}

#content blockquote.halfWidthLeft
{
	padding: 30px;
	font-style:italic;
	font-size: 130%;
	width: 50%;
	float: left;
	margin: 20px 20px 20px 0;
	background: #F2F2F0;
}

#content small 
{
	line-height: 6px;
}

#content table
{
	width: 100%;
	background-color:#F2F2F0;   
	border:1px solid #969696; 
	border-collapse:collapse;
}

#content td
{ 
	border:1px solid #aaa;
	padding:5px;
}

#content td.top
{ 
	vertical-align:top;
}

#content td a
{ 
	color: #a20054;
}

#content td a:hover {
        color: #002665;
}

#content tr.tableRowEven
{
	background-color:#d9d9d9;
}

#content table.tableGrey
{
	background: #ddd;
	padding: 13px;
	margin: 10px 0 15px 0;
}

#content tr.tableTitle th { 
	background-color:#ffffff; 
}

#content tr.tableRowEven 
{ 
	background-color:#d9d9d9; 
}

#content table tr.darkRow {
	background: #ccc;
}

#content table tr th {
	padding: 3px;
}

#content table tr th.blue {
	background: #3c5888; 
        color: #fff;
        border-bottom: 1px solid #AAA;
}

#content table tr th.pink {
	background: #a20054; 
        color: #fff;
        border-left: 1px solid #AAA;
        border-bottom: 1px solid #AAA;
}

#content table tr td.narrow1, th.narrow1 {
	width: 10%;
}

#content table tr td.narrow2, th.narrow2 {
	width: 20%;
}

#content table tr td.narrow3, th.narrow3 {
	width: 30%;
}
#content table tr td.narrow4, th.narrow4 {
            width: 40%;
}

#content table tr td.wide5, th.wide5 {
            width: 50%;
}

#content table tr td.wide6, th.wide6 {
	width: 60%;
}

#content table tr td.wide8, th.wide8 {
	width: 80%;
}

table#checkboxes, table#checkboxes tr, table#checkboxes td {
	padding: 0; margin: 0;
	border: none;
}

table#checkboxes td input {
	padding: 0; margin: 0;
}

input.disabled {
	background: #cccccc !important;
}


#content table tr.tableHead {
	background: #aaa;
	color:#fff;
}

#content table tr.magenta {
	background: #c06;
	color:#fff;
	font-weight:bold;
}

#content table tr.gold {
	background: #f90;
	font-weight:bold;
}

#content table tr.purple {
	background: #036;
	color:#fff;
	font-weight:bold;

}

#content table caption {
	text-align:left;
}

p a {
	text-decoration: underline;
	color: #a20054;
}


/* =Left Column-----------------------------------------------------------------------------*/

#columnLeft {
	float: left;
	width: 200px;
	margin: 8px 10px 0 10px;
	padding: 0;
	background: #fff;
}

#columnLeft h2 {
	margin: -4px 0 0 0;
	padding: -4px 0 15px 0;
	color: #a20054;
	font-size: 1.3em;
	font-weight: bold;
}

#columnLeft h2 a {
	color: #a20054;
	margin: 0 0 0 0;
	padding: 9px 0 10px 0;
}

#columnLeft p.heading a {
	color: #a20054;
        padding: 0;
	margin: 9px 0 10px 0;
	font-size: 1.2em;
	font-weight: bold;
        line-height: 1.3em;
}

#columnLeft p.heading a:hover {
        text-decoration: underline;
}

#columnLeft h3 {  margin: 0; padding-top: 1em;}

#columnLeft h3 a {
	color: #002665;
	font-size: 100%;
	font-weight: bold;
	padding: 6px 0 2px 0; 
	margin: 0;
        line-height: 18px;
}
#columnLeft h3 a.feature, li.grpDocs a .feature, .feature, #columnLeft h3.feature a {
            color: #a20054;
}

h3.feature {
            color: #a20054;
}

li.grpDocs a:hover .feature {
            color: #000;
}
#columnLeft h3 a:hover, #columnLeft h3 a:hover .feature  {
            color: #4c4c4c;
}

#columnLeft h3 a:hover  {
	color: #a20054;
}

#columnLeft .date  {
	color: #062b69;
	display: block;
	margin: 0;
	padding: 0; 
}

#columnLeft p {
	margin: 0; 
	padding: 0;
	padding: 0 0 4px 0;
	line-height: 1.2em;
	color: #555;
	font-size: 1em;
}

#columnLeft p.icon {
        padding-bottom: 10px;
        background: url(/upload/images/back_li.jpg) no-repeat left bottom;
}

#columnLeft p.icon a {
        color: #8f4000;
}

#columnLeft p.icon a img {
        margin-right: 2px;
}

#columnLeft li {
	margin: 0; padding: 0 0 1.3em 0;
	background: url(/upload/images/back_li.jpg) no-repeat left bottom;
}

#columnLeft p a {
	text-decoration: none;
}

#columnLeft p a img {
        vertical-align: bottom;
        margin-top:2px;
}

#columnLeft p a:hover, #columnLeft p a:active, #columnLeft p a:focus {
	text-decoration: underline;
}


/* =Related Links - Quicklinks
-----------------------------------------------------------------------------*/
/*div#relatedLinks ul.quickLinks */
div#quickLinks ul, div#relatedLinks ul, div#downloads ul, div#externalLinks ul
{
	background: url(/upload/images/backg_fade.jpg) bottom left no-repeat;
	color: #a20054;
	padding:9px 0 10px 10px;
	list-style:none;
	position:relative;
	margin: 0 0 0 0;
	display: block;
}

div#quickLinks ul.quickLinks h2 
{
	zoom: 1;
	font-size: 130%;
	font-weight: bold;
	margin: 0 0 15px 0;
}

div#quickLinks ul.quickLinks li, div#relatedLinks li, div#downloads li, div#externalLinks li
{
	color:#3F3F3F;
	font-size: 1em;
	position:relative;
	margin:0 0 .5em 0;
	padding:1em 0 2.5em 40px;
	line-height: 12px;
}

div#relatedLinks ul.quickLinks.orange li.relatedIntro { 
	margin: 0 0 5px 0; padding: 0;
	color: #000;
	line-height: 1.2em;
}

div#relatedLinks ul li a:hover 
{
    color: #a20054;
}

div#quickLinks ul.quickLinks li.style1 { background: url(/web/MultimediaFiles/quicklinkstyle1.gif) 0 0 no-repeat; }
div#quickLinks ul.quickLinks li.style2 { background: url(/web/MultimediaFiles/quicklinkstyle2.gif) 0 0 no-repeat; }
div#quickLinks ul.quickLinks li.style3 { background: url(/web/MultimediaFiles/quicklinkstyle3.gif) 0 0 no-repeat; }

/*ul.quickLinks.purple li, ul.quickLinks.orange li, ul.quickLinks.blue li, ul.quickLinks.aqua li**/
div#relatedLinks ul li, div#downloads ul li, div#externalLinks ul li, ul.quickLinks.aqua li{ 
	background: url(/upload/images/bullet_arrow_blue.gif) 0 1px no-repeat; 
	position:relative;
	margin: 0;
	padding:10px 0 6px 15px;
	font-size: 1em;
}

/*ul.quickLinks.orange li*/
div#downloads ul li{ 
	background: url(/upload/images/bullet_arrow_blue.gif) 0 1px no-repeat; 
}

div#downloads ul li a:hover 
{
    color: #a20054;
}


ul.quickLinks.aqua li { 
	background: url(/upload/images/bullet_arrow_aqua.gif) 0 1px no-repeat; 
}

/*ul.quickLinks.blue li*/
div#externalLinks ul li{ 
	background: url(/upload/images/bullet_arrow_blue.gif) 0 1px no-repeat; 
}

div#externalLinks ul li a:hover 
{
    color: #a20054;
}


.quickLinks li a:hover
{
	color:#b90462;
	position:relative;
}

/*new CSS added so that Related Links is valid XHTML 1.0 Strict - LH 31/10/08*/
div#relatedLinks p, div#downloads p,  div#externalLinks p
{
	margin: 0; 	
	padding: 9px 0 0 10px;
	color: #000;
	line-height: 1.2em;
	font-size: 1em;
}

#externalLinks p.subHeading, #relatedLinks p.subHeading,  #downloads p.subHeading
{
	color: #a20054;
	margin: 0;
	padding: 10px 0 0 10px;
        font-size: 1em;
        font-weight: 700;
}

#downloads
{
	background: url(/upload/images/backg_fade.jpg) bottom left no-repeat;
}
#externalLinks
{
	background: url(/upload/images/backg_fade.jpg) bottom left no-repeat;
}

/* =Branding
-----------------------------------------------------------------------------*/

#keyNote{
	float: right;
	width: 675px;
	height: 9.5em; /*was 14em for deeper banner, changed July 2011 KL*/
	text-align: right;
}

body.snNav3 #keyNote {
	height: 70px;
	overflow: hidden;
}

#branding {
	position: relative;
	top: 0px; /*was -40 before logo change*/
	left: -60px;
	width: 330px;
}

body.snNav3 #backgImage {
	background: #fff url(/upload/images/backgAwards.jpg) repeat-x 0 16.4em;
}

body.snNav3 #header {
	height: 120px;
}

body.snNav3 #branding {
	position: relative;
	/*top: 0px; /*was -40 before logo change*/
	top: -40px;
	left: -60px;
	width: 400px;
}


#keyNote p {margin: 0;padding: 0;}

#keyNote p {
	display: block;
	font-weight: 600;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #a20054;
	font-size: 2.2em;
	margin: 10px 10px 0 0; /*July 2011, changed top margin from 28px (wide banner)*/
	line-height: 25px;
}

#keyNote h1 {margin: 0;padding: 0;}

#keyNote h1 {
	display: block;
	font-weight: 600;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #a20054;
	font-size: 2.2em;
	margin: 28px 10px 0 0;
	line-height: 25px;
}

#keyNoteText {
	width: 400px;
	float: right;
	text-align: right;
}

#keyNote .blue {
	color: #000066;
}

#keyNote .line2 {
	font-size: 95%;
}

#keyNote .line3 {
	font-size: 80%;
}

#keyNote h2 a:hover {
	color: #000;
}

body.sHome #keyNote { background: url(/web/MultimediaFiles/headline1.jpg) top right no-repeat; }
body.sOrganisation #keyNote { background: url(/web/MultimediaFiles/headline2.jpg) top right no-repeat; }
body.sResearch #keyNote { background: url(/web/MultimediaFiles/headline3.jpg) top right no-repeat; }
body.sFunding #keyNote { background: url(/web/MultimediaFiles/headline4.jpg) top right no-repeat; }
body.sBusiness #keyNote { background: url(/web/MultimediaFiles/headline5.jpg) top right no-repeat; }
body.sSociety #keyNote { background: url(/web/MultimediaFiles/headline6.jpg) top right no-repeat; }
body.sPublications #keyNote { background: url(/web/MultimediaFiles/headline7.jpg) top right no-repeat; }
body.sMedia #keyNote { background: url(/web/MultimediaFiles/headline8.jpg) top right no-repeat; }
body.sNews #keyNote { background: url(/web/MultimediaFiles/headline8.jpg) top right no-repeat; }
body.snNav3 #keyNote { background: url(/upload/images/header_awards.jpg) top right no-repeat; }
body.sBlog #keyNote { background: url(/upload/images/headline_blog.jpg) top right no-repeat; }

#branding h1 {
	margin: 0 0 0 -5000px;
}



#search {
	float: right;
	height: 4em;
	width: 1000px;
	text-align: right;
	border: 0; margin: 5px 0 0 0;
	background:url(/upload/images/topbanner.jpg) top left no-repeat;
	font-size:1.1em;
}

body.snNav3 #search {
	background:url(/upload/images/topbanner_awards.jpg) top left no-repeat;
}

#search ul {
	position: relative;
	top: 10px; 
	/*right: 23em;*/
}

#search li {
	display: inline;
	border-right: 1px solid #fff;
}

#search li.last {
	border: none;
}

#search li a {
	color: #fff;
	margin: 0 1em 0 1em;
}

#search li a:focus, #search li a:active {
	color: #4c4c4c;
	text-decoration: underline;
        background: #dadde6;
}

body.snNav3 #search li a {
	color: #000;
}

#search form {
	/*background:url(/upload/images/search-corner.jpg) right 4px no-repeat;*/
	margin: -1.5em 0 0 0 ;
	padding: 0 5px 0 0;
	width: 22em;
	float: right;
}

#searchForm {
	width: 400px;
	float: left;
	padding: 0 0 2em 0;
}

#searchForm select.small, #searchForm input.small {
	width: 50px !Important;
	padding: 2px;
}

.current {
	color: #a20054;
}

.LookupResultsTable tr:hover {
	background: #cccccc;
}

#searchForm input.vsmall {
	width: 20px !Important;
	padding: 2px;
}

#searchForm select.medium, #searchForm input.medium {
	width: 80px !Important;
	padding: 2px;
}


#addColumns table td, #addColumns table tr, #addColumns table{
	padding: .1em  0.5em .1em .5em;
	margin: 0;
	border: 1px solid #fff;
}

#addColumns table {
	width: 35em;
}

#addColumns input.vsmall {
	width: 15px !Important;
}

h4.awardQuery {
	display: block;
	margin: 0em .5em 0 0;
	padding: 0;
}

#awardQueryBox {
	padding: .5em;
	background: #ffecd9;
	margin: 1em 0 1em 0;
	border: none;
}

.awardDetails {
	padding: 0px
	margin: 0;
	border: none;
}

.awardDetailsOutline {
	padding: 10px;
	margin: 0;
	border: 1px solid #ddd;
	
}

span.awardDetailsTitles {	
	font-weight: bold;
}

.awardDetails table td{
	padding: 0;
	margin: 0;
	border: 1px solid #fff !important;
}

span.awardDetails {
	float: left;
}

tr.lightGrey  td {
	background: #ddd  !important;
}

#awardQueryBox h3 {
	padding: 0 ; margin: 0;
}

#awardShowingBox {
	padding: .5em;
	background: #fee9f4;
	margin: 1em 0 0 0;
	border: none;
}

form.awardsReport input{
	width: 1em  !important;
	display: inline !important;
}

/******************* PANEL BUTTONS **********************/

.panelGroup {
	display: block;
	margin: 1em 0 0.5em 0;
}

.panelGroupRight {
	float: right;
	display: block;
	margin: 1em 0 0.5em 0;
}

.totalsGroup {
	display: block;
	margin: 0em 0 0em 0;
	padding: 9px 0 0 5px;
}
.totalsGroup a {
	text-decoration: none !important;
}

a#btnCriteria, #btnAddmod, #btnNewsearch, #btnSelectAll, #btnDeselectAll, #btnDoc, #btnTotals, #btnBack, #btnExport, #btnReports {
	margin: 0 .5em 0 0;
	padding: .2em .5em .3em 1.4em;
	border: 1px solid #ccc;
	color: #8e0226;
}
#btnTotals {
	color: #ffafd8;
	padding: 0em .4em .1em 0.4em;
	border: 1px solid #333;
	text-decoration: none;
	font-weight: none !important;
	font-weight: normal;
}

#btnSelectAll, #btnDeselectAll  { 
	margin: 0 .1em 0 0;
	padding: .1em .5em .2em 1.4em;
}

a#btnCriteria, #btnDeselectAll { background: url(/upload/images/butMinus.gif) no-repeat .1em .1em #fff; }
a#btnAddmod, #btnSelectAll { background: url(/upload/images/butPlus.gif) no-repeat .1em .1em #fff; }
a#btnNewsearch { background: url(/upload/images/butNew.gif) no-repeat .1em .1em #fff; }
a#btnDoc , #btnExport{ background: url(/upload/images/butDoc.gif) no-repeat .1em .1em #fff; }
a#btnBack { background: url(/upload/images/butBack.gif) no-repeat .1em .1em #fff; }
a#btnTotals { background: #6c0339; }

a#btnCriteria:hover, a#btnAddmod:hover, a#btnNewsearch:hover, a#btnSelectAll:hover, a#btnDeselectAll:hover, a#btnDoc:hover, a#btnExport:hover, a#btnReports:hover { text-decoration: none; }

#btnReports {
	padding: .4em .8em .6em 2em;
	background: #93004C url(/upload/images/backg_buttonpurple.jpg) 0 0 no-repeat;
	color: #fff;
}

#btnReports:hover {	background: #93004C url(/upload/images/backg_buttonpurple_on.jpg) 0 0 no-repeat; }

a#btnCriteria:hover, a#btnDeselectAll:hover{ background: url(/upload/images/butMinusOver.gif) no-repeat .1em .1em #fff;}
a#btnAddmod:hover, a#btnSelectAll:hover { background: url(/upload/images/butPlusOver.gif) no-repeat .1em .1em #fff;}
a#btnNewsearch:hover { background: url(/upload/images/butNewOver.gif) no-repeat .1em .1em #fff;}
a#btnDoc:hover, a#btnExport:hover{ background: url(/upload/images/butDocOver.gif) no-repeat .1em .1em #fff;}
a#btnBack:hover { background: url(/upload/images/butBackOver.gif) no-repeat .1em .1em #fff;}
a#btnTotals:hover { background: #aa1060;}

/*******************************************************/

#searchFilter input {
	display: block;
	float: left;
	clear: left;
}

#searchFilter label {
	display: block;
	float: left;
}

body.snNav3 h3 {
	margin: 0; padding: 1em 0 0 0;
	font-size: 1.3em;
	color:#CA0063;
}

#searchFilter h3 {
	font-size: 1.3em;
	color:#CA0063;
}
#searchFilter h4 {
	clear: left;
	padding: 1em 0 0 0;
	color:#FCAB03;
}


body.snNav3 #search form {
	background:url(/upload/images/search-corner_awards.jpg) right 4px no-repeat;
}

#fixleft {
	clear: left;

}

#search form fieldset{ border: 0px; }

#sButton {
	background:url("/upload/images/buttonBack.jpg") repeat scroll left top transparent;
	border:1px solid #555;
	color:#333;
	font-size:1em;
	font-weight: 700;
	height:2.3em;
	margin:0 7px 0 0;
	padding:0 0 1px;
	width:7em;
}

#sField {
	background:url("/upload/images/field.gif") no-repeat scroll left top transparent;
	border:1px solid #555;
	font-size:1.2em;
	margin:0;
	padding:3px 0 4px 6px;
	width:11em;
}


/* =Main Nav
-----------------------------------------------------------------------------*/

#pNavigation
{
	width: 100%;
	min-height: 4.5em;
	background: #062b69 url(/upload/images/mainNav_fade.jpg) bottom left;
}

#pNavigation ul
{
	position: relative;
	display: inline;
	margin: 0; 
	padding: 0;
}

#pNavigation li
{	
	font-weight: bold;
	margin: 0; 
	padding: 0;
	font-size: 100%;
	float: left;
	width: 12.4%;

	background: #062b69 url(/upload/images/mainNav_sep.gif) top right no-repeat;
}

#pNavigation li.last
{
	width: 12.7%;
}

#pNavigation li a, #pNavigation li span.pnCurrent a
{
	display: block;
	color:#fff;
	padding:1em .2em 1em 1em;
	line-height: 1.2em;
	text-decoration: none;
	height: 2.5em;
}

#subNav ul li span.snSelect a, #subNav li.ae_menuopen, #subNav li.ae_open
{
	color:#a20054 !important;
	text-decoration:none !important;
}

#subNav ul li span.snSelect a:hover
{
	color:#a20054 !important;
	text-decoration:underline !important;
	cursor: pointer;
}


body.sHome #pNavigation li.sHome a, 
body.sOrganisation #pNavigation li.sOrganisation a, 
body.sResearch #pNavigation li.sResearch a,
body.sFunding #pNavigation li.sFunding a,
body.sBusiness #pNavigation li.sBusiness a,
body.sFunding #pNavigation li.sFunding a,
body.sSociety #pNavigation li.sSociety a,
body.sPublications #pNavigation li.sPublications a,
body.sMedia #pNavigation li.last.sMedia a,
body.sNews #pNavigation li.sNews a,
body.sBlog #pNavigation li.sNews a {
	background: #fff url(/upload/images/mainNav_sepWhite.gif) right top no-repeat;
	color: #062b69;
	border-left: 1px solid #747c8b;
}

#pNavigation li a:hover, #pNavigation li a:focus , #pNavigation li a:active
{
	color: #fff;
	background: url(/upload/images/mainNav_roll.gif) top right no-repeat;
	height:2.5em;
}


/* =Sub Nav
-----------------------------------------------------------------------------*/


#subNav{
	position: relative;
	display: block;
	margin: 10px 0px 0 0;
}

#subNav li { margin: 0; padding: 0;}

#subNav li.ae_menuopen
{
padding-left:15px;
background:url(/upload/images/nav_arrow_green.gif) no-repeat 0 0px;
padding-top:5px; 
font-weight:bold;} /*target menu items that are not link*/
#subNav li.ae_menuopen ul{margin-left:-15px;} /*fix indent on child ul*/
#subNav li.ae_menuopen a{padding-left:22px;}
#subNav li a.open {background:none; margin: 0px; padding:0px}/*fix indent on a.open */
#subNav li a.open:hover{background-color:transparent;} 

#subNav li a
{
	zoom:1;
	margin: 0;
	display: block;
	padding:5px 0 0px 13px;
	background:url(/upload/images/nav_arrow_green.gif) no-repeat 0 0px; 
	color:#092d6b;	
	font-weight:bold;
}


#subNav li a:hover
{
	background-color: #bcbdbd;
	color:#000000;
}

#subNav li a:active, #subNav li a:focus {
        background: #dadde6;
}

#subNav ul ul li a:active, #subNav ul ul li a:focus {
        background: #dadde6!important;
}

#subNav li a.current
{
	color:#666;
}

#subNav ul ul li a
{	
	zoom:1;
	margin: 0;
	padding: 3px 0 3px 15px;
	font-size: 90%;
	background: none !important;
	font-weight: normal !important;
}

#subNav ul ul li a, #subNav li.ae_open
{	
	zoom:1;
	margin: 0;
	padding: 3px 0 3px 15px;
	font-size: 90%;
	/*background: none !important;*/
	font-weight: normal !important;
}

#subNav li.ae_open  {
background:transparent url(/upload/images/nav_arrow_green.gif) no-repeat scroll 0 0;
font-weight:bold !important;
font-size: 100%;
padding: 3px 0 3px 13px;
}

img #locationarrow {
       display: none!important;
}

/*now fix above rule for cascade */
#subNav ul#ae_menu li.ae_menuopen li.ae_open {background: transparent url(/upload/images/back_li.jpg) no-repeat scroll left bottom;font-weight:700 !important; padding-left: 22px; font-size: 100%;}

/* Fixes for the left hand menu */
#subNav li.ae_open img, #subNav ul li ul li.ae_open img{display:none;}
#subNav li.ae_open a{color:#a20054 !important;font-size:100%;font-weight:bold !important;padding: 0;}

#subNav li a:hover
{
	color:#a20054;
}



/* =Main Content
-----------------------------------------------------------------------------*/

/* =List Block ----------------------------------*/

li.listBlock img, li.listBlock.orange img, li.listBlock.small img {
	float:left;
}

li.listBlock h2 a, li.listBlock.orange h2 a, li.listBlock.small h2 a {
	font-size: 135%;
	color: #002665;
}

li.listBlock h2 a:hover, li.listBlock.orange h2 a:hover, li.listBlock.small h2 a:hover, li.listBlock.search h2 a:hover {
	text-decoration: underline;
	color: #000;
}

li.listBlock, li.listBlock.orange, li.listBlock.small, li.listBlock.search, li.listBlock.documents {
	min-height: 61px;
	list-style: none;
	margin: 0 0 .8em 0;
	padding:0;
	background: url(/upload/images/background_triggertext.jpg) 64px 0 no-repeat ;
	float:left;
	/*cursor:pointer;*/
	width: 100%;
}


/** Hover states for list blocks/trigger text**/

li.listBlock:hover, li.myhover {
	background: url(/upload/images/background_triggertextOver.jpg) 64px 0 no-repeat ;
	text-decoration: none;
}

li.listBlock.orange:hover, li.myhover {
	background: url(/upload/images/background_triggertextMore_over.jpg) 64px 0 no-repeat ;
	text-decoration: none;
}

li.listBlock.small:hover, li.myhover {
	background: url(/upload/images/background_triggertextOver.jpg) 0px 0 no-repeat ;
	text-decoration: none;
}

li.listBlock.search:hover, li.myhover {
	background: url(/upload/images/background_triggertextOver.jpg) 0px 0 no-repeat ;
	text-decoration: none;
}


li.listBlock h2, li.listBlock.orange h2 {
	padding:0;
	margin:5px 0 0 0;
	margin-left: 70px;	
}

li.listBlock.small.grpDocs h2 {
	margin-left: 30px;
	cursor: default;
}

li.listBlock.small.grpDocs li {
	margin-left: 30px;
	font-size: 110%;
	font-weight: bold;
	padding: 0 0 8px 10px;
	line-height: 1.1em;
	background: url(/web/MultimediaFiles/bullet-purple.gif) 0 5px no-repeat;
	cursor: default;
	color: #062b69 !important;
}

li.listBlock.small.grpDocs li a {
       line-height: 13px;
}

li.listBlock.small.grpDocs li.orangey a{
		color: #ff9207  !important;
}
li.listBlock.small.grpDocs li.pink a {
		color: #a20054 !important;
}

li.listBlock h3 {
	margin: 0;padding: 0; zoom:1;
}
li.listBlock h3 a{
	margin: 0;
	zoom:1;
	color: #000;
	margin-left: 30px;	
	font-size: 105%;
}

li.listBlock h3 {
	margin: 0;
	zoom:1;
	color: #000;
	cursor: default !important;
	margin-left: 30px;	
	font-size: 105%;
}

li.listBlock h3 a.orange, li.listBlock h3.orange {
	color: #ff9207;
}

li.listBlock.orange p {
	padding: 0; margin: 0;
	margin-left: 70px;
}

li.listBlock.small h2 {
	padding:0;
	margin:5px 0 0 0;
	margin-left: 0px;
}

li.listBlock.small p {
	padding:0 0 10px 0;
	margin:5px 0 0 0;
	margin-left: 0px;
	font-size: 1em;
}

/** Trigger block with a sub list **/

ul.details {
	margin: 0 0 0 70px; padding: 0;
}

ul.details li{
	zoom: 1;
	background: url(/web/MultimediaFiles/bullet-trigger.gif) right 2px no-repeat;
	display: inline;
	font-size: 115%;
	color: #4c4c4c;
	margin: 0;
	padding: 0 1.5em 0 0;
}

ul.details li.last {
        background: none;
}

ul.details li a {
       color: #4c4c4c !important;
}


/**Variations */

li.listBlock.orange h2 a
{
	color: #ff9207 !important;
}

li.listBlock.small.grpDocs h2 {
	color: #062b69 !important;
	font-size: 120%;
	background: url(/upload/images/block_blue.gif) 12px 2px no-repeat;
	padding: 0 0 0 30px;
	margin: 10px 0 0 0;
}

/* original listBlock CSS below. Changed bBlue, bOrange, bPink and bAqua to: background: 12px 5px, margin: 0, and added display: block to fix problem of longer titles wrapping incorrectly. (Tested in IE6, IE7 and Firefox) - LH 23/10/08

li.listBlock.small.bBlue h2 a{
	color: #062b69 !important;
	background: url(/upload/images/block_blue.gif) 12px 2px no-repeat;
	padding: 0 0 0 30px;
	margin: 10px 0 0 0;
}
*/

li.listBlock.small.bBlue h2 a{
	color: #062b69 !important;
	background: url(/upload/images/block_blue.gif) 12px 5px no-repeat;
	padding: 0 0 0 30px;
	margin: 0;
	display: block;
}

li.listBlock.small.bOrange h2 a{
	color: #062b69 !important;
	background: url(/upload/images/block_orange.gif) 12px 5px no-repeat;
	padding: 0 0 0 30px;
	margin: 0;
	display: block;
}

li.listBlock.small.bPink h2 a{
	color: #062b69 !important;
	background: url(/web/MultimediaFiles/bullet-pink.gif) 12px 5px no-repeat;
	padding: 0 0 0 30px;
	margin: 0;
	display: block;
}

li.listBlock.small.bAqua h2 a{
	color: #062b69 !important;
	background: url(/upload/images/block_aqua.gif) 12px 5px no-repeat;
	padding: 0 0 0 30px;
	margin: 0;
	display: block;
}

li.listBlock.small {
	background: url(/upload/images/background_triggertext.jpg) 0px 0px no-repeat;
	display: block;
	padding: 0;
	width: 100%;
	float: left;
	margin: 0 0 0px 0;
}

li.listBlock.small p {
	margin: 0 0 0 30px;
	line-height: 1.3em;
}

li.listBlock.orange{
	background: url(/upload/images/background_triggertextMore.jpg) 66px 0px no-repeat;
	display: block;
	padding: 0;
	width: 100%;
	float: left;
	margin: 0 0 15px 0;
}

li.listBlock.search {
	background: url(/upload/images/background_triggertext.jpg) 0px 0px no-repeat;
	display: block;
	padding: 0;
	width: 100%;
	float: left;
	margin: 0 0 0px 0;
}

li.listBlock.search p {
	padding: 0 0 0 27px;
}


body.tSearch li.listBlock h2 {
	color: #062b69 !important;
	background: url(/upload/images/block_aqua.gif) 0px 5px no-repeat;
	padding: 0 0 0 17px;
	margin: 10px 0 0 10px;
}


/* = Breadcrumbs
-----------------------------------------------------------------------------*/

#pageInfo {
	clear: left;
	height: 48px;
	margin: 0 200px 0 0;
	font-size: 1.1em;
}

ul.breadCrumbs {
	position: relative;
	display: block;
	margin: 0 0 0 235px;
	padding: 10px 0 0 0;
	line-height: 1em;
}

ul.breadCrumbs li {
	display: inline;
}

ul.breadCrumbs li a:hover {
	color: #a20054;
}

ul.breadCrumbs li {
zoom:1;
	background: url(/upload/images/nav_arrow.gif) left 2px no-repeat;
	font-size: .9em;
	color: #4c4c4c;
	padding: 0 2px 1px 14px;
}

ul.breadCrumbs li.first {
	background: none;
	padding: 0 2px 1px 0px;
}

body.tHome ul.breadCrumbs li{ 
	display: none;
}
/* = Announcements (added 27/03/09 to be used for temporary announcements on homepage, e.g. website downtime)
-----------------------------------------------------------------------------*/

#announcements 
{
            margin: -6px 0 0;
}

#announcements blockquote
{
            padding: 0 10px 0 0!important;
}

#announcements img 
{
            float: left;
            border: 1px solid #CCD4E1;
}


#announcements h2.subtitle 
{
            padding-top: 5px;
            margin: 0 0 0 70px;
}

#announcements h2.subtitle a
{
            color: #a20054;
}

#announcements h2.subtitle a:hover
{
	    color: #002665;
}

#announcements p 
{
            padding-top: 0px;
            padding-bottom: 4px;
            margin: 0 0 0 70px;
}



/* =Footer
-----------------------------------------------------------------------------*/

#footer {
	height: 30px; 
	width: 100%;
	clear: both; 
	list-style: none; 
	margin: 0;  
	padding: 10px 0 15px 0;
	font-size: 1.1em;
}
 
 
#footer li {
	display: inline; 
	padding: 0 10px; 
	border-right: 1px solid #d9d8d9; 
	background: none;
}

/*Footer colour was #8f8f8f but changed on 25 Jan 08 due to failing colour contrast analysis*/
#footer li a {
	color: #062b69;
}

#footer li.first {
	padding: 0 10px 0 0; 
}

#footer a, #footer a:visited {}

#contentbottom {
	clear: both; 
	float: left; 
	margin: -13px 0 0 0;
	display: block; 
	width: 100%; 
	background: url(/upload/images/content_bottom_main.jpg) 75% top repeat-x; 
	text-align: left;
}

#contentbottom .cb_right {
	float: right; 
	display: block; 
	width: 44px; 
	height: 51px; 
	background: url(/upload/images/footer_right.jpg) right bottom no-repeat;
}

#contentbottom .cb_left {
	float: left; 
	display: block; 
	width: 213px; 
	height: 51px; 
	background: url(/upload/images/footer_left.jpg) left bottom no-repeat;
}


/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
	border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
	border-spacing: 0;
	border-collapse: collapse;
}

td {
	text-align: left;
	font-weight: normal;
}


/* = Site Map
------------------------------------------------------------------------------*/

#sitemap {
	margin: 15px 0 0 0;
}

.sitemap li {
	font-size: 1.4em; 
	background-position: 0 5px; 
	margin: 0 0 10px 0;
}

.sitemap li li {
	font-size: 0.8em; 
	background-position: 0 2px; 
	margin: 0;
}

.sitemap li li li {
	font-size: 1em; 
	background-position: 0 0;
}

.sitemap li li li li {
	font-size: 0.9em; 
	background-position: 0 0;
}

.sitemap li li li li li {
	font-size: 1em; 
	background-position: 0 0;
}

.sitemap li a {
	font-weight: bold;
}

.sitemap li li a {	
	color: #a20054;
	font-weight: bold;
}

.sitemap li li li a {
	color: #a20054;
	font-weight: normal;
}

.sitemap ul {
	border-top: 1px dotted #ccc;
	margin: 0 0 15px 0; 
	list-style: none;

}

.sitemap ul li {
	padding: 2px 0 1px 10px; 
	background: url(/upload/images/bullet.gif) 0 2px no-repeat; 
}

.sitemap ul ul li {
	background: url(/upload/images/bullet2.gif) 0 2px no-repeat;
}

.sitemap ul ul {
	border:none;
	margin-bottom: 0;
}



/* = Forms
------------------------------------------------------------------------------*/


#content form {
	margin: 0; 
        padding: 0;
}

body.snNav3 #content form {
	width:  400px;
}

#content form input, #content form select {
	line-height: 1em; 
	width: 300px; 
	padding: 4px 1% 3px 1%; 
	margin: 0 0 5px 0; 
	background: url(/upload/images/field.gif) top left no-repeat; 
	border: 1px solid #96969d; 
        font-size: 130%;
}
/* Activedition */
#content div#login input {
    width:10em;
}

#content div.FormField {
    margin-top: -15px;
}

#content div.infoText {
    margin-bottom: 25px;
}

#content div.FormField input {
    width:20em;
}
body.snNav3 #content form input, body.snNav3 #content form select {
	width: 250px;
	padding: 4px 5px 3px 5px; 
}

#content form input#checkBox, #content form input.checkBox, #content form input#radio {
	width: 15px;
	border: none;
	background: none;
}

#content form .button {
	width: 80px;
	margin: 10px 0 0 0;
	background: url(/upload/images/buttonBack.jpg) top left; 
	border: 1px solid #555;
	font-weight: bold;
	color: #666666;
}

#content form label {
	float: none; 
	width: 75%;
	display: block;
	font-size: 1em; 
	margin: 6px 0 0 0; 
	font-weight: bold;
	color:#000;
}

body.snNav3 #content form label {
	width: 350px;
	padding: .2em 0 0 0;
}

#content form label.required {
	color: #FF0000;
}

input.searchButton{
	width: 80px !important;
	background: #062B69 !important;
	color: #fff;
}

body.tPopup .searchButton {
	height: 25px !important;
}

input.clearButton {
	width: 100px !important;
	background: #ddd !important;
	color: #555;
	margin-left: 10px !important;
}
input.clearButtonFloat {
	width: 100px !important;
	background: #ddd !important;
	color: #555;
	float: right;
	margin-left: 10px !important;
}

input.searchButtonWide{
	width: 100px !important;
}

input.searchButtonLookup {
	cursor: pointer;
	width: 100px !important;
	background: #CA0063 !important;
	color: #fff;
}

input.searchButtonCal {
	cursor: pointer;
	width: 23px !important;
	background:  url(/upload/images/icon_cal.gif) 0 0 no-repeat !important;
	color: #fff;
}

#checkbox, .checkbox{
	display: block;
	padding: 0 1em 0 0;
	margin: 0 .5em 0 0;
}



#checkboxInline, .checkboxInline {

	display: inline !important;
	width: 15px !important;
	margin: 0 !important;
}

p.checkboxInline{
	display: inline;
	margin: 0px 20px 0px 5px  !important;
	padding: 0 !important;
	width: 90px;
}

#yearSelect {
	width: 185px !important;
}

#resultsDisplay {
	display: block;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
	float: right;
	width: 60px !important;
}

#resultsOrder {
	display: block;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
	float: left;
	width: 60px !important;
}

#dataBar {
	display: block;
	margin: 15px 0 0 0;
	background: #fff;
}

#dataBar #dataBarForm form {
	margin: 7px 5px 0 0;
}

table.dataBarTable, table.dataBarTable tr, table.dataBarTable td {
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
}

table.dataBarTable {
	width: 100% !important;
}

#dataBar form {width: 100% !important;
	padding: 0;  margin: 0;
}



/* = Video
-----------------------------------------------------------------------------*/

/*old
.video {
	background: #f2f2f0;
	width: 320px;
        height: 240px;
        border: 1px solid #4c4c4c;
        margin-bottom: 5px;
}*/

.video, .ytpvideo {
	background: #3C5888;
	width: 425px;
        border: 1px solid #4c4c4c;
        margin-bottom: 15px;
        margin-right: 20px;
        float: left;
}

.video320 {
	background: #3C5888;
	width: 320px;
        border: 1px solid #4c4c4c;
        margin-bottom: 15px;
        margin-right: 20px;
        float: left;
}

.video p, .video320 p, .ytpvideo p {
        color:#FFFFFF;
        margin-bottom:0;
        margin-top:0;
        padding:5px;
}

.video p a, .video320 p a, .ytpvideo p a {
        color:#FFFFFF;
        text-decoration:none;
}     

.video p a:focus, .video p a:active, .video320 p a:focus,  .video320 p a:active, .ytpvideo p a:focus, .ytpvideo p a:active {
	color: #4c4c4c;
	text-decoration: underline;
        background: #dadde6;
}

.video p a:hover, .video320 p a:hover, .ytpvideo p a:hover {
	text-decoration: underline;
}

/* = Contact Bars
------------------------------------------------------------------------------*/

/* contact "id" changed to "class" so multiple contacts can be used on the same page without becoming invalid XHTML (ids used to identify exactly 1 element) - LH October 2008 */
.contact {
	color: #4c4c4c;
	display: block;
	margin:  0 0 0;
	padding: 0 0 0 0;
}
.contact p{margin:0 0 10px;}

h2.contactHeading {
        border-top:1px solid #DDDDDD;
        color:#4c4c4c;
        font-size:130%;
        font-weight:bold;
        margin:10px 20px 0 0;
        padding:5px 0;
}


.contact .name a{
	color: #4c4c4c;
	padding: 0 15px 0 0px;/*padding was 0 15 0 15 */
}

.contact .email a{
	color: #4c4c4c;
	padding: 0;
}

.contact .email a:hover{
	color: #a20054;
}

.contact .tel {
	color: #4c4c4c;
	background: url(/upload/images/icon_tel.gif) 0 0 no-repeat;
	padding: 0 15px 0 18px;
}

.contact .fax {
	color: #4c4c4c;
	background: url(/upload/images/icon_fax.gif) 0 0 no-repeat;
	padding: 0 0 0 18px;
}
/*end contact classes*/

#buttons {
	padding: 20px 0 0 0;
}

img.rcuk {
	padding: 0 20px 0 20px;
}

.govAdvert
{
    text-align: right;
    line-height: 15px;
    margin-top: 20px;
}
#bookmark {
	text-align:right;
}

#bookmarking {
	text-align:left;
}


/************ LISTS**********************************************/

ul.listBlock li {
	padding: 3px 0 3px 0;
	border-bottom: 1px dotted #ddd;
}

ul.listBlock li a {
	list-style:none;
	margin:0; 
	padding:5px 70px 10px 25px;
	font-size: 1em;
	color: #002665;
	font-weight:bold;
	background: url(/upload/images/icon_gen.gif) left 5px no-repeat;
}

ul.listBlock li a.pdf{
	background: url(/upload/images/icon_pdf.gif) left top no-repeat;
}

ul.listBlock li a.doc{
	background: url(/upload/images/icon_doc.gif) left top no-repeat;
}

ul.listBlock li a.xls{
	background: url(/upload/images/icon_xls.gif) left top no-repeat;
}

ul.listBlock li a.html{
	background: url(/upload/images/icon_html.gif) left top no-repeat;
}

ul.listBlock li a.ppt{
	background: url(/web/MultimediaFiles/icon-ppt.gif) left top no-repeat;
}

ul.listBlock li a.download{
	background: url(/upload/images/bullet_arrow_grey.gif) 0 4px no-repeat;
	margin: -15px 0 0 0; padding: 0 0 0 12px;
	font-weight: normal;
	font-size: .9em;
	float: right;
}

/* = Documents Listing
-----------------------------------------------------------------------------*/
/*Have added in new class docBlockIndex for index of docs that lead to HTML pages where we don't want the PDF icon and want the list not to be indented on the left*/

ul.docBlockIndex li {
	padding: 3px 0 3px 0;
	border-bottom: 1px dotted #ddd;
}
ul.docBlockIndex img {
            float:left;
            padding: 5px 15px 10px 0;
}
ul.docBlockIndex li a {
	list-style:none;
	margin:5px 0px 10px 0px;
	font-size: 1em;
	color: #002665;
	font-weight:bold;
}

ul.docBlock {
	padding: 5px 0 5px 0;
}

ul.docBlock li {
	padding: 3px 0 3px 0;
	border-bottom: 1px dotted #ddd;
}

ul.docBlock li a {
	list-style:none;
	margin:0; 
	padding:5px 0px 10px 25px; /*was 5px 70px 10px 25px*/
	font-size: 1em;
	color: #002665;
	font-weight:bold;
}

ul.docBlock li span.html a{
	background: url(/upload/images/icon_gen.gif) left top no-repeat;
}

ul.docBlock li span.pdf a{
	background: url(/upload/images/icon_pdf.gif) left top no-repeat;
}

ul.docBlock li span.doc a{
	background: url(/upload/images/icon_doc.gif) left top no-repeat;
}

ul.docBlock li span.xls a{
	background: url(/upload/images/icon_xls.gif) left top no-repeat;
}

ul.docBlock li span.html a{
	background: url(/upload/images/icon_html.gif) left top no-repeat;
}

ul.docBlock li span.ppt a{
	background: url(/web/MultimediaFiles/icon-ppt.gif) left top no-repeat;
}

ul.docBlock li span.download a{
	background: url(/upload/images/bullet_arrow_grey.gif) 0 4px no-repeat;
	margin: -15px 0 0 0; padding: 0 0 0 12px;
	font-weight: normal;
	font-size: .9em;
	float: right;
}


h2.docBlock  {
	font-size: 115%;
	color: #4c4c4c !important;
	padding: 15px 0 10px 0px;  margin: 0;
}

li.docBlock ul {
	padding: 10px 0 0 0;
}

li.docBlock ul li {
	padding: 0 0 1em 40px;
	background: url(/upload/images/icon_gen.gif) 10px 0 no-repeat ;
}

li.docBlock ul li.pdf {
	background: url(/upload/images/icon_pdf.gif) 10px 0 no-repeat ;
}
li.docBlock ul li.doc {
	background: url(/upload/images/icon_doc.gif) 10px 0 no-repeat ;
}
li.docBlock ul li.html {
	background: url(/upload/images/icon_gen.gif) 10px 0 no-repeat ;
}
ul.docBlock li a.zip{
    background: url(/upload/images/icon_zip.jpg) left top no-repeat;
}
ul.docBlock li a.ppt{
    background: url(/web/MultimediaFiles/icon-ppt.gif) left top no-repeat;
}


/*  FLOW DIAGRAM  *******************************************************************************/

#diagram {
	margin-right:10px;
}

#diagram ul {
	width: 750px;
	height: 43px;
	display: block;
	margin: 0px 0 0 0 !important; padding: 0 0 0 0;
	font-size: 1em;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;

}

#diagram ul li p {
	display: inline;
	margin: 0; 
	padding: 0;
	background: #ffffff !important;

}

#diagram ul li {
	display: block;
	width: 130px;
	height: 43px;
	float: left;
	text-align: center;
	padding: 14px 0 0 0;
	vertical-align: middle;
	line-height: 13.5px;
	margin: 0;
}

/*classes of ul for diagram added May 2008, but flowcharts still contain inline styles for list items*/

#diagram ul.short  {
	height: 14px;
}

#diagram ul.short li  {
	height: 14px;
	padding: 9px 0 7px 0 !important;
}

#diagram ul.medium  {
	height: 50px;
}

#diagram ul.tall  {
	height: 60px;
}

#diagram ul.very_tall  {
	height: 80px;
}

#diagram ul.extra_tall  {
	height: 100px;
}

#diagram a {
	color: blue;
	text-decoration:underline;
	display: block;
}

#diagram a:hover {
	color: #a20054;
	text-decoration: none;
	display: block;
}

.box_blue {
	background: url(/upload/images/box_shader1.jpg) 0 0 repeat-x;
	border: 1px solid #bbb;
	font-weight: bold;
	font-size: 1.1em;
}

.box_red {
	background: url(/upload/images/box_shader2.jpg) 0 0 repeat-x;
	border: 1px solid #bbb;
	font-weight: bold;
	font-size: 1.1em;
}

.box_red_medium {
	background: url(/upload/images/box_shader2.jpg) 0 0 repeat-x;
	border: 1px solid #bbb;
	font-weight: bold;
	font-size: 1.1em;
	height: 50px;
}

.box_green {
	background: url(/upload/images/box_shader3.jpg) 0 0 repeat-x;
	border: 1px solid #bbb;
	font-weight: bold;
	font-size: 1.1em;
}

.arrow_up {
	background: url(/upload/images/diagram_up.gif) 5px top repeat-y;
}

.arrow_down {
	background: url(/upload/images/diagram_arrow.gif) 5px bottom repeat-y;
}
.arrow_down_noarrow {
	margin: -1px;
	background: url(/upload/images/arrow_down_noarrow.gif) 5px bottom repeat-y;
}

.arrow_right {
	background: #ffffff url(/upload/images/diagram_right.gif) right bottom repeat-y;
}
.horiz_noarrow {
	background: #ffffff url(/upload/images/horiz_noarrow.gif) right bottom repeat-y;
}

.arrow_left { 
	background: #ffffff url(/upload/images/diagram_left.gif) left bottom repeat-y;
}

.arrow_down_T {
	margin: -1px;
	background: url(/upload/images/diagram_T.gif) 5px bottom repeat-y;
	height: 45px !important;
}

.arrow_down_Tleft {
	margin: -1px;
	background: url(/upload/images/diagram_Tleft.gif) 5px bottom repeat-y;
	height: 45px !important;
}

.arrow_down_Tleft_noarrow {
	margin: -1px;
	background: url(/upload/images/diagram_Tleft_noarrow.gif) center bottom repeat-y;
	height: 45px !important;
}

.arrow_down_Tleftarrow_noarrow {
	margin: -1px;
	background: url(/upload/images/diagram_Tleftarrow_noarrow.gif) center bottom repeat-y;
	height: 45px !important;
}

.arrow_down_Lleft_noarrow {
	margin: 0;
	background: url(/upload/images/diagram_Lleft_noarrow.gif) center bottom repeat-y;
	height: 45px !important;
	background-position: -30px 67px; 
	_background-position: -30px 62px;
}


.arrow_down_T_noarrow {
	background: url(/upload/images/diagram_T_noarrow.gif) 5px bottom repeat-y;
	height: 45px !important;
}

/*Additional Grants on the Web styles - see also other styles dotted around*/

.awardResultsTable {
	width: 90%;
	border: 1px solid #ccc;
}

.awardResultsTable td {
	padding: .75em;
	background: #F2F2F0;
	border-right: 1px solid #fff;
	vertical-align: top;
}

.awardResultsTable td.highlight {
	font-weight: bold;
}

.awardResultsTable a {
	text-decoration: underline;
	color: #a20054;
}

.awardResultsTable tr {
	border-bottom: 1px solid #ccc;
}

tr.awardTableTitles td{
	color: #fff;
	background: #93004c;
	font-weight: bold;
	margin: 0 0 !important;  padding: 0 0 12px 0 !important;
	line-height: 10px;
}

tr.lineWhite td {
	color: #000000;
	background: #ffffff !important;
}

#searchForm form{
	background: #ededed;
	padding: 1em;
	margin: 0 1em 0 0;
}

#searchForm h3 {
	display: block;
	color: #d7cdcd;
	background: url(/upload/images/hr_grey.gif) ;
	margin: 1em -0.8em 1em -0.8em;
	padding: 0;
	height: 7px;
}

#searchForm h3.thin {
	display: block;
	color: #d7cdcd;
	background: url(/upload/images/hr_grey.gif) ;
	height: 16px;
	margin: 1.5em -0.8em 1.5em -0.8em;
}

tr.formBold td {
	font-size: 1.1em;
	font-weight: bold;
}

table.tickBoxes td, table.tickBoxes tr, table.tickBoxes {
	padding: 0 0 0 3px !important;
	margin: 0 !important;
	border: 1px solid #fff !important;
	background: #dedede !important;
}
table.tickBoxes {
	width: 100%;
}

#checkbox2 {
	display: inline;
	background: url(/upload/images/hr_grey.gif) !important;
	border: none !important;
	color: #ff0000;
	border-collapse: collapse;
	width: 1em  !important;
}

#weeklyUpdate {
	padding: 2em 0 0 0;
}

.awardTotal {
	display: block;
	padding: .4em 0 0 0;
	font-size: 1.4em;
}


#pubsList ul li{
	padding: 1em;
	background: #F2F2F0;
	margin: .5em 0 0 0;
}

#pubsList ul li h3 {
	margin: 0;
	padding: 0;
}


/*******************************************************************/

#pop_overlay
 {
	  display: none;
	  position: fixed;
	  width: 100%;
	  height: 100%;
	  top: 0px;
	  left: 0px;
	  background: #000000;
	  filter: alpha(opacity=60);
	  -moz-opacity: 0.6;
	  opacity: 0.6;
 }

 #pop_container
 {
	  display: none;
	  position: fixed;
	  width: 100%;
	  height: 100%;
	  top: 0px;
	  left: 0px;
	  background: transparent;
	  z-index: 500;
 }

 #pop_inner
 {
	  display: block;
	  width: 450px;
	  height: 520px;
	  margin: 80px auto 0 auto;
	  background: #FFFFFF;
	  border: 1px solid #999999;
	  text-align: center;
	  z-index: 1000;
 }
 
#pop_inner_search {
	  display: block;
	  width: 400px;
	  height: 320px;
	  margin: 80px auto 0 auto;
	  background: #FFFFFF;
	  border: 1px solid #999999;
	  text-align: center;
	  z-index: 1000;
 }
 
#pop_inner_search h3 { text-align: left; padding: 1em 0 0 .7em;}
#pop_inner_search ul {
	text-align: left;
	padding: 1em;
}
#closeButton  
 {
 	width: 100%;
	padding: .4em 0 .4em 0;
	background: #6c0339;
	color: #fff;
	font-weight: bold;
	font-size: 1.3em;
}
#closeButton a
 {
 	color: #fff;
}

/*********************************************************/

h5.pagination {
	color: #034B8B;
	margin: 0 0 .2em 0 !important;
	padding: 0 0 .2em 0 !important;
}

hr.pagination {
	padding: 0 !important;
	margin: 0 !important;
	height: 1px;
	border: 0;
}

ul.pagination {
	padding: 1em 0 1em .5em;
	text-align: left;
	margin: 0 0 1em 0;
	display: block;
	width: 260px;
	float: left;
}

ul.pagination li {
	display: inline;
	font-weight: bold;
	font-size: 1em;
}
ul.pagination li a {
	color: #000 !important;
	padding: 0.5em 1em 0.8em 1em !important;
	border-left: 1px solid #ddd;
	background: #ccc;
}

ul.pagination li a:hover {
	color: #fff !important;
	text-decoration: none;
	background: #a20054;
}

ul.pagination li.previous a{
	padding: .5em 1em .5em 1em;
	border-left: none;
	background: #a0b5ce;
	color: #fff;
}

ul.pagination li.previous a:hover{
	background: #a20054;
}

ul.pagination li.current  a{
	background: #B61B47;
	color: #fff;
}

ul.pagination li.next a{
	display: inline;
	padding: 0.3em 1em 0.3em 1em;
}

/*********************************************************/

p.help {
	background: url(/upload/images/icon_help.gif) 0 0 no-repeat;
	padding: 3px 0 3px 23px;
	color:#000;
	font-weight: bold;
}



/*Blog styles*/

#blog .post {
	background: #F2F2F0;
	border: solid 1px #F2F2F0;
	margin-top:20px;
}

#blog .post .postheader .commentcount {
	width: 27px;
	line-height: 12px;
	float: left;
	text-align: center;
	padding-right: 10px;
}

#blog .post .postheader .posttitle {
	line-height: 20px;
}

#blog .post .postheader .posttitle h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding: 0;
	margin: 0;
}

#blog .post .postheader h2 a {
	text-decoration: none;
	color: #a20054;
}

#blog .post .postheader h2 a:hover {
	text-decoration: underline;
}



#blog .post .postheader .commentcount a {
	text-decoration: none;
	color: #4884bc;
}

#blog .post .postheader .posttitle .postmeta {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#blog .post .postcontent {
	margin-top: 20px;
	line-height: 17px;	
}

/* This part of the CSS puts a big gap between the blog title info and the first p tag
#blog .post .postcontent p {
	clear: both;
	margin-bottom: 0;
}*/

#blog .post .posttags, .post .posttags a {
	color: #959595;
	clear:both;
	margin-top: 20px;
	text-align: right;
}

/* BLOG Begin Comments*/

#blog .commentlist {
	padding: 0;
	text-align: justify;
	}

#blog .commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

#blog .commentlist p {
	margin: 10px 5px 10px 0;
	}


#blog .commentbox {
	background: #fff;
	border: solid 1px #F2F2F0;
	margin: 10px 5px 20px 5px;
	padding: 15px;
}

#blog .commentmeta .avatar {
	float: left;
	padding-right: 6px;

}

#blog .commenttext {
	clear: both;
	margin-top: 10px;
}

#blog .commentform input {
	padding: 0;
	margin: 0;
	line-height: 0;
}

#blog .nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

#blog .commentmetadata {
	margin: 0;
	display: block;
	}

#blog #commentform p {
	margin: 5px 0;
	}

#blog #commentform .text {
	width: 300px;
    margin: 0 0 15px 0;
}

#blog #commentform textarea {
    width:450px;
    height:150px;
    margin:0;
    padding:5px;
}

#blogLinks h2 {
	color: #a20054;
	font-size: 108%;
}
#blogLinks h3 {
	color: #a20054;
	font-size: 105%;
}

#blogLinks h2 a, #blogLinks h3 a {
	color: #a20054;
}

#blogLinks h2 a:hover, #blogLinks h3 a:hover {
	color: #a20054;
}
/* Start Image Gallery */
    div#navigation ul.thumbs li.selected a{background:none repeat scroll 0 0 #a20054}
    div.image-title {color: #a20054}
/* End Image Gallery */ 

/*News section*/
#topStory {
	background: url("/web/MultimediaFiles/news-line.jpg") no-repeat left bottom transparent;
	padding-bottom: 20px;
	min-height: 30em;
}

#topVideo {
	min-height: 30em;
}

#topFeature {
        min-height: 40em;
}

#topFeature ul.content, #topStory ul.content, #topVideo ul.content {
        margin-top: -10px;
}

#topFeature ul.content li, #topStory ul.content li, #topVideo ul.content li {
        list-style: none;
        margin-left: 300px;
}

#topStory h2, #topVideo h2, #topFeature h2 {
	margin-bottom: 0;
}

#topStory h2 a, #topVideo h2 a, #topFeature h2 a {
	font-size: 170%;
	color: #002665;
	display: block;
}

#topStory h2 a:hover, #topVideo h2 a:hover, #topFeature h2 a:hover, .subStory h2.subtitle a:hover {
     color: #A20054;
}

#topStory p, #topVideo p, #topFeature p, .subStory p, .newsAreas ul li, .newsAreas2 ul li {
	font-size: 120%;
}

#topStory .date, #topVideo .date, #topFeature .date, .subStory .date {
	color: #002665;
	font-size: 110%;
	font-weight: 700;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
}

.subStory .date {
        clear: both;
}

#topStory .newsImage, #topVideo .newsImage, #topFeature .newsImage {
	float: left;
	background:  url("/web/MultimediaFiles/news-img-bg.jpg") no-repeat;
	margin-right: 20px;
	width: 360px;
	height: 260px;
}

#topStory .newsImagePortrait, #topVideo .newsImagePortrait, #topFeature .newsImagePortrait {
	float: left;
	background:  url("/web/MultimediaFiles/news-img-bg-portrait.jpg") no-repeat;
	margin-right: 20px;
	width: 260px;
	height: 360px;
}

#topStory .newsImageBox, #topVideo .newsImageBox, #topFeature .newsImageBox {
	border: solid 2px #002665;
	width: 350px;
        height: 250px;
}

#topStory .newsImageBoxPortrait, #topVideo .newsImageBoxPortrait, #topFeature .newsImageBoxPortrait {
	border: solid 2px #002665;
	width: 250px;
        height: 350px;
}

#topStory .moreNews, #topVideo .moreNews, #topFeature .moreNews, .subStory .moreNews {
	float: right;
	margin-right: 5px;
	background: url("/web/MultimediaFiles/arrow-blue.jpg") no-repeat left 2px;
	padding-left: 20px;
	margin-bottom: 0;
	padding-bottom: 0;
}

#topStory .moreNews a, #topVideo .moreNews a, #topFeature .moreNews a, .subStory .moreNews a {
	color: #002665;
	display: block;
	text-decoration: none;
}

#topStory .moreNews a:hover, #topVideo .moreNews a:hover, #topFeature .moreNews a:hover, .subStory .moreNews a:hover {

	color: #a20054;
	text-decoration: underline;
}

.subStory, .newsAreas, .newsAreas2 {
	width: 35.7em;
	float: left;
	padding-right: 15px;
	padding-bottom: 20px;
}

.newsAreas {
	min-height: 18em;
	margin-bottom: 20px;
}

.newsAreas2 {
	margin-bottom: 0;
}

.subStory .newsImage {
	float: left;
        background:  url("/web/MultimediaFiles/news-img-bg-thumb.jpg") no-repeat;
	margin-right: 10px;
	width: 100px;
	height: 70px;
	margin-top: 20px;
}

.subStory .newsImageBox {
	border: solid 2px #002665;
	width: 90px;
        height: 60px;
}

.subStory .newsArea a {
	font-size: 110%;
	color: #a20054;
	margin-bottom: -10px;
	padding-bottom: 0;
	text-decoration: none;
	display: block;
        text-decoration:none;
        margin-top:18px;
        font-weight: 700;
}

.subStory .newsArea a:hover {
	text-decoration: underline;
}

.subStory h2 a {
	color: #002665;
	margin-top: -14px;
	font-size: 150%;
	display: block; 
        min-height: 3em;
}

.subStory h2.subtitle a {
	color: #002665;
	margin-top: -5px;
	font-size: 125%;
	display: block;
        min-height: 5em;
}

#newsGroup {
	background: url("/web/MultimediaFiles/news-line.jpg") no-repeat left top transparent;
	padding-top: 20px;
}

.newsAreas h2 a, .newsAreas2 h2 a {
	color: #a20054;
	font-size: 150%;
	display: block;
}	

.newsAreas ul, .newsAreas2 ul {
	margin: 0;
	padding: 0;
}

.newsAreas ul li, .newsAreas ul li, .newsAreas2 ul li {
	background: url("/web/MultimediaFiles/arrow-blue.jpg") no-repeat left 2px;
}

.newsAreas ul li h3 a span.new, .newsAreas2 ul li h3 a span.new, #topStory p span.new, #topVideo p span.new, #topFeature p span.new, .subStory p span.new, .subStory h2 a span.new, #topStory h2 a span.new, #topVideo h2 a span.new, #topFeature h2 a span.new {
        background: #A20054;
        color:#FFFFFF;
        font-size:90%;
        font-weight:bold;
        padding:1px 2px;
        margin-left: 5px;
}

#topStory p span.new, #topVideo p span.new, #topFeature p span.new, .subStory p span.new {
        margin-left: 0;
}

.newsAreas ul li h3 a, .newsAreas2 ul li h3 a {
	color: #002665;
	display: block;
	text-decoration: none;
	padding-left: 20px;
	margin-bottom: -10px;
	font-weight: normal;
}

.newsAreas ul li h3 a:hover, .newsAreas2 ul li h3 a:hover, .newsAreas ul li h3 a:hover, .newsAreas2 ul li h3 a:hover {
	color: #a20054;
	text-decoration: underline;
}

#newsFooter {
	background: url("/web/MultimediaFiles/news-line.jpg") no-repeat left top;
	padding-top: 15px;
	margin-top: 20px;
	font-size:1.1em;
}

#newsFooter ul {
	display: inline;
	margin: 0;
	padding: 0;
}

#newsFooter ul li {
	float: left;
}

#newsFooter ul li a {
	text-align: center;
	width: 100px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
	display: block;
}

#newsFooter ul li a:hover {
	color: #a20054;
}

#newsFooter ul li a:active {
	background: none;
}

.boxLine {
        background: url("/web/MultimediaFiles/news-line.jpg") no-repeat left top;
        padding-top: 25px;
        min-height:160px;
}

.featureBox {
     float:left;
     margin: 15px 15px 10px 0;
     width:355px;
}

.featureBoxPortrait {
     float:left;
     margin: 15px 15px 20px 0;
     width:355px;
     min-height: 135px;
}

.featureBox p {
     font-size:110%;
     margin-top: -105px;
     min-height:100px;
     padding:0 10px 0 145px;
     width:210px;
}

.featureBoxPortrait p {
     font-size:110%;
     margin-top: -135px;
     min-height:130px;
     padding:0 10px 0 115px;
     width:210px;
}

.featureBox p span.feature, .featureBoxPortrait p span.feature {
     font-size:120%;
     font-weight:bold;
}

.featureBox a, .featureBoxPortrait a {
     color:#002665;
     font-size:120%;
     font-weight:bold;
     text-decoration:none;
}

.featureBox  p a:hover, .featureBoxPortrait  p a:hover {
     text-decoration: underline;
     color:#A20054;
}

.featureBox img, .featureBoxPortrait img {
     border:2px solid #002665;
}

.featureBoxPortrait ul {
     margin-top: -115px;
}

.featureBoxPortrait ul li {
     margin-left: 130px;
     font-size: 1.1em;
     list-style: outside;
}

h2.news {
     border-bottom:1px solid #DDDDDD;
     border-top:1px solid #DDDDDD;
     color:#A20054;
     font-size:150%;
     font-weight:bold;
     margin:0 20px 0 0;
     padding:5px 0;
}
 

.social-button {
     float: right;
     margin-right: 15px;
     margin-bottom: 5px;
     margin-top: 22px;
}

#columnSocial {
     float:right;
     line-height:25px;
     margin-bottom:-10px;
     margin-top:-60px;
     text-align:right;
}


#columnSocial a {
     color:#8F4000;
     text-decoration: none;
}

#columnSocial a:hover, #columnSocial a:active, #columnSocial a:focus {
     color: #002665;
     text-decoration: underline;
}

#columnSocial a img {
     vertical-align: middle;
     margin-right: 2px;
}

.FormField textarea, .FormField input {
     font-size: 130%;
}

/*Share section styles - KL May 2011 */
#share {
	float:right;
	height:auto;
	padding:0 0 0 10px;
	width:100px;
}