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

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}

em {font-style:italic;}

strong {font-weight:bold;}



h2
{
	color:#990000;
	font-size: 22px;
	font-weight: bolder;
	margin: 15px 1px 10px 1px;
	display: block;
	text-align: left;
}
	
h3 {
	color:#990000;
	font-size: 140%;
	font-weight: bolder;
	border-bottom: 1px solid #CCCC66;
	display: block;
	text-align: left;
	margin: 5px 0 10px 0;
	padding: 5px 0 10px 0;
}


h4	{
	font-size:120%;
	font-weight:bold;
	font-style: normal;
	line-height: normal;
	color: #990000;
	text-decoration: none;
	margin: 5px 0 10px 0;
	border-bottom: 1px solid #CCCC66;

}

#leftCol h5,  /*    USED IN LEFT NAV HEADINGS */
#rightColumn h6 { /*    USED IN RIGHT NAV HEADINGS */
	color:#990000;
	font-family: verdana, arial, sans-serif;
	line-height:1em;
	font-weight: bold;
	background-color: #e7e7ce;
	text-transform: uppercase;
	margin:0 0 0 1px; /* white space between coloured block and edge */
	padding: 5px 5px 5px 0px;
	display:block;
	text-indent: 10px;
}
#rightColumn h6 {
	margin:10px 0;
	text-indent:3px;
}
#rightColumn h5 {
	color:#ffffff;
	font-family: verdana, arial, sans-serif;
	line-height:1em;
	font-weight: bold;
	background-color: #990000;
	text-transform: uppercase;
	margin:0;
	padding: 5px 5px 5px 0px;
	display:block;
	text-align:center;
}
div#header p {
	text-align:right;
	font-weight:bold;
	font-size:12px;
}

ul#navbar a {
	text-decoration:none;
	background:url(/_common.images/rcurve-v2.gif) bottom right no-repeat;
	font-size:11px;
}

div#breadcrumb a {
	text-decoration:none;
}

div#breadcrumb a:hover {
	text-decoration:underline;
}

div#main {
	line-height:18px;
}

div#rightColumn li {
	list-style:decimal;
	font-weight:bold;
	}

div#rightColumn li p {
	font-weight:normal;
	}

p.last{
	border-bottom:0;
}

#gototop a {
	font-size:10px;
	text-decoration:none;
}

#gototop a:hover {
	text-decoration:underline;
}	

.small_black {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	line-height:15px;
}

.privacy {
	font-size:10px;
	line-height:1.8em;
 	font-family: verdana, arial, sans-serif;
	text-decoration: none;
}

.privacy a {
	text-decoration: none;
}

.privacy:hover {
	color: #990000;
	text-decoration: underline;	
}	

.welcome_subheading {
	color:#b1ae93;
	font-size: 18px;
	font-weight: bolder;
	margin: 5px 1px 15px 1px;
	padding: 5px 0px 10px 0px;
	display: block;
	text-align: left;
}

.textbox_small {
	background-color: #F2F2E5;
	border: 1px solid #CCCC99;
	padding: 10px;
	margin: 0 auto 0 auto;
	display: block;
	width: 60%;
}
  
.textbox_medium {
	background-color: #F2F2E5;
	border: 1px solid #CCCC99;
	padding: 10px;
	margin: 0 auto 10px auto;
	display: block;
	width: 80%;
}

ul.left_nav li {
	display:block;
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
}
ul.left_nav li a {
	text-decoration:none;
	display:block;
	padding: 3px 0 3px 15px;
	margin:0 0 0 1px;
}
ul.left_nav li a.selected {
	font-size:12px;
	font-weight:bold;
	padding-left:18px;
	}
ul.left_nav li a.selected-sub {
	font-size:11px;
	font-weight:normal;
	padding-left:24px;
	}
div#privacy {
	padding:10px;
}
div#privacy p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}


/* =============================================== LEFT COLUMN ======================================================= */

div#leftCol p {
	font-size:90%;

}

/* =============================================== RIGHT COLUMN ======================================================= */

div#rightColumn ol {
	font-size:90%;
}

div#rightnav_back h4 {
	text-transform:uppercase;
	border-bottom:none;
	margin:5px auto;
}
	


/* =============================================== MAIN CONTENT ======================================================= */

a:hover {
	text-decoration:none;
}

div#main a:visited {
	color:#666666;
}



/* All tables with content must have this style to set up column spacing*/

div#main p { /* OK */
	margin-bottom:10px;
}

div#main ul { /* OK */
	list-style:disc;
	margin-left:37px;
	margin-bottom:15px;
	}

div#main ul li { /* OK */
	padding-left:3px;
}

div#main ol { /* OK */
	list-style:decimal;
	margin:15px 0 15px 40px;
}
div#main ol li { /* OK */
	margin-bottom:5px;
}
div#main .i_table {
	border:none;
	text-decoration:none;
	width:auto;
	font-size:11px;
	margin:0 auto 0 auto;
	display:block;
}

div#main .i_table td {
	margin:0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* This table is for JOIN THE INTERNAL COMMS HUB page only */

div#main .JoinTable { /* OK */
	border-right:1px solid #cccccc;
	font-size:11px;
	line-height:14px;
	margin-bottom:30px;
}

div#main .JoinTable td { /* OK */
	border-left:1px solid #cccc66;
	border-bottom:1px solid #cccc66;
	padding:3px;
}
div#main .JoinTable td.toprow { /* OK */
	border-top:1px solid #cccccc;
	width:60px;
	color:#ffffff;
	background-color:#00527a;
}
div#main .JoinTable td.bottomrow { /* OK */
	color:#ffffff;
	background-color:#00527a;
}
div#main .JoinTable td.toprow a, 
div#main .JoinTable td.bottomrow a { /* OK */
	display:block;
	color:#FFFFFF;
	background:url(../_common.images/arrow-leftnav-v2.gif) top left no-repeat;
}
div#main .JoinTable td.NoBorder { /* OK */
	border:none;
	padding:0;
}
div#main .JoinTable td.GreyBg {
	background-color:#f2f2e5;
	font-weight:bold;
	color:#990000;
}
div#main .JoinTable td.TableCol01 { /* OK */
	padding:8px 15px 8px 10px;
}
div#main .JoinTable td.Price { /* OK */
	background-color:#990000;
	color:#FFFFFF;
	font-weight:bold;
}

div#main .JoinTable img { /* OK */
	margin:auto;
}


/* Puts padding around pics */

div#main img.i_img { /* OK */
	border-width: 1px;
	border-style: solid;
	margin-right: 10px;
}

/* fixes gap at either side central column to equal marketing table gap*/

div#main .a_redtitle { /* OK */
	color:#990000;
	font-size:15px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 5px;
	margin-top: 5px;
}

div#main .a_blueTitleLink {
	color:#003366;
	font-size:14px;
	font-weight:bold;
}

/* blue text with arrow on left side */

div#main .a_subhead { /* OK */
	font-size:14px;
	font-weight: bold;
	line-height: normal;
	font-family:  arial, sans-serif;
	color: #990000;
	font-style: normal;
	text-decoration: none;
}

div#main .a_subsubhead { /* OK */
	font-weight: bold;
	line-height: normal;
	font-family:  verdana, arial, sans-serif;
	color: #990000;
	font-style: normal;
	text-decoration: none;
}

div#main .a_link_arrow { /* OK */
	font-family: arial, sans-serif;
	padding-left: 8px;
	display: block;
	background: url(../_common.images/arrowbarticle.gif) top left no-repeat;
	font-size: 12px;
}


div#main .a_link_noarrow { /* OK */
	font-weight: bold;
	font-family: arial, sans-serif;
	color: #003366;
	display: block;
}

div#main .a_link_noarrow:hover { /* OK */
	color: #990000;
}

/* Italic line before start article */
div#main .a_standfirst { /* OK */
	font-family: Times, serif; 
	letter-spacing: 1px; 
	font-style: italic;
	font-size:1em;
	font-family: verdana, arial, sans-serif;
	margin-top:1em;
}

div#main .a_author { /* OK */
	font-size:1em;
	font-family: verdana, arial, sans-serif;
	color: #993300;
}

div#main .a_sidebar {  /* OK */
	font-size:0.9em;
	background-color: #E9E3E0;
	margin: 5px;
	padding: 0.5em;
	float: right;
	border: 1px solid #999999;
	width: 55%;
	display: inline;
}

div#main .a_sidebar .a_link_arrow a { /* OK */
	font-weight: bold;
	line-height: normal;
	font-family:  verdana, arial, sans-serif;
	color: #990000;
	font-style: normal;
	text-decoration: none;
}

div#main .a_sidebar .a_link_arrow a:hover { /* OK */
	text-decoration:underline;
}


div#main .a_sidebar ul { /* OK */
	margin-left: 1em;
	padding-left: 1em; 
	margin-bottom: 1em;
}

div#main .a_sidebar ol { /* OK */
	padding-left: 0.5em; 
	margin-bottom: 1em;
}

div#main .a_sidebartitle { /* OK - grey sidebar title */
	color: #666666;
	font-weight: bold;
	border-bottom: 1px dotted #999999;
}

div#main .a_bluesubhead {  /* OK - used only in 3 files - maybe there is another blue style */
	color:#003366;
	font-size:100%;
	font-weight:bold;
}

div#main .a_caption { /* OK - grey caption used for dates or for image description */
    font-size:0.9em;
  font-family: verdana, arial, sans-serif;
	padding-bottom: 1px;
	padding-top: 2em;
	display: inline;
	color: #666666;
}

div#main .a_notes  { /* OK - used for notes - smaller black font with tighter line height */
  font-size:0.9em;
  line-height:1.2em;
  font-family: verdana, arial, sans-serif;
}

div#main .a_quote { /* OK */
	font-size: 1.8em;
	line-height: 1.2em;
	font-weight: normal;
	color: #7F6758;
	margin: 5px;
	padding: 10px;
	float: right;
	width: 200px;
	font-family: "Times New Roman", Times, serif;
	background: url(/images/quoteup.gif) left top;background-repeat: no-repeat;
}

div#main p.a_unquote { /* OK */
	background: url(/images/quotedown.gif) bottom right;
	background-repeat: no-repeat;
	padding-right:5px;
	text-indent: 60px;
	}

/* --------------------------------------- SEARCH RESULTS - Google Mini ---------------------------------------------- */

div#search_results p.g {
	margin:10px 0 3px 0;
	font-size:14px;
}
div#search_results table {
	margin-bottom:15px;
}
div#search_results table td.s {
	font-size:12px;
	line-height:14px;
}
div#search_results table td font {
	font-size:11px;
}
div.n {
	margin-top:20px;
	padding-bottom:15px;
	border-top:1px solid #cccc66;
	border-bottom:1px solid #cccc66;
}
div.n table td {
	padding:0 10px;
}
div.n .i {
	color:#990000;
}
div.n .b {
	font-weight:bold;
}

/* --------------------------------------- SEARCH RESULTS - Google Mini ---------------------------------------------- */

td.resultTitle a {
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}
td.resultTitle a:hover {
	text-decoration:none;
}
td.resultDescr span,
td.resultTitle span {
	font-weight:bold;
}
td.resultDescr {
	line-height:15px;
	font-size:11px;
}
td.resultDate {
	font-size:11px;
	color:#999999;
	font-style:italic;
}

/* ======================================   NEW BARRIER PAGES STYLES ========= START ====================*/


div#main ul.a_redbullet { /* OK - Red bullet list used on barrier and login pages */
	padding:0;
	margin-left:15px;
	list-style:none;
	list-style-image:url(/_common.images/indexlist-red.gif);
}
div#main ul.a_redbullet li { /* OK - Red bullet list used on barrier and login pages */
	margin-bottom:10px;
}

div#main .BoxOnLeft { /* OK - used on barrier and login pages */
	width:48.5%;
	float:left;
	border:1px solid #cccc99;
	font-size:11px;
	line-height:15px;
}

div#main .BoxOnRight { /* OK - used on barrier and login pages */
	width:48.5%;
	float:right;
	border:1px solid #cccc99;
	font-size:11px;
	line-height:15px;
}

div#main .BoxOnLeft h2,
div#main .BoxOnRight h2 { /* OK */
	font-size:140%;
	padding:10px 0px 8px 0px;
	margin:10px 10px 20px 10px;
}

div#main .BoxOnLeft p,
div#main .BoxOnRight p,
div#main .BoxOnLeft ul,
div#main .BoxOnRight ul { /* OK */
	padding:0 10px;
}
div#main .TextboxBottom { /* OK */
	background-color:#d7d3b2;
	padding:10px;
}

div#main .TextboxBottom h4 { /* OK */
	border-bottom:none;
	padding:0;
	margin:0;
}

div#main .TextboxBottom img { /* OK */
	border:1px solid #000000;
}

div#main a.btn_FreeTrial { /* OK */
	display:block;
	width:219px;
	height:25px;
	background:url(../_common.images/btn_sign_up.gif) top left no-repeat;
	text-indent:-9999px;
	margin-top:10px;
} 
div#main a.btn_FreeTrial:hover { /* OK */
	background:url(../_common.images/btn_sign_up.gif) bottom left no-repeat;
}

div#main a.btn_JoinHub { /* OK */
	display:block;
	width:219px;
	height:25px;
	background:url(../_common.images/btn_join_the_hub.gif) top left no-repeat;
	text-indent:-9999px;
	margin-top:10px;
}
 
div#main a.btn_JoinHub:hover { /* OK */
	background:url(../_common.images/btn_join_the_hub.gif) bottom left no-repeat;
}

div#main .starburst { /* OK */
	height:107px;
	width:107px;
	position:absolute;
	top:-7px;
	right:5px;
}


/* ======================================   FEATURED BOX on homepage ============================= */
div#main .BoxFeatured {
	margin:10px 0 20px 0;
}
div#main .BoxFeatured .ImgOnLeft {
	width:130px;
	float:left;
	text-align:center;
}
div#main .BoxFeatured .ImgOnLeft p {
	color:#990000;
	font-weight:bold;
	text-align:left;
}
div#main .BoxFeatured .ImgOnLeft img {
	margin-top:6px;
	border:1px solid #d7d3b2;
	margin-right:10px;
}
div#main .BoxFeatured .ContentOnRight {
	margin-left:130px;
}

/* ======================================   TOPICS homepage =============================*/
div#main .featured2 {
	margin:10px 0 20px 0;
}	
div#main .featured2 a {
	font-weight:bold;
}
div#main .featured2 p {
	padding-left:90px;
	margin-top:7px;
}
/*div#main .featured2 img {
	float:left;
	margin-right:12px;
	margin-top:4px;
}*/

/* ======================================= ARCHIVE, MEMBER & JUST ADDED ICONS =================================== */

span.justAdded,
span.archive,
span.members {
	display:block;
	padding-left:18px;
	font-size:11px;
	text-decoration:none;
	background:url(/_common.images/just_added.gif) left 1px no-repeat;
	width:9em;
	float:left;
	font-weight:bold;
	font-size:11px;
	color:#006633;
}
span.members {
	background:url(/_common.images/padlock15x15.gif) left 1px no-repeat;
	width:10em;
	color:#990000;
	float:right;
}
span.archive {
	background:url(/_common.images/archive_icon.gif) left 1px no-repeat;
	color:#990000;
	width:10em;
}


/* Breadcrumb trail
--------------------------------------------------------------------------------------------------------- */

div#main #a_breadcrumb { /* OK */
	font-size: 70%;
	font-family:  Verdana, arial, sans-serif;
	padding: 7px 0 0 15px;
	text-decoration:none;
	background: url(../_common.images/topnavbg-v2.gif) bottom left repeat-x;
	border-right:1px solid #CCCC99;
	border-left:1px solid #CCCC99;
}

div#main #a_breadcrumb a { /* OK */
	text-decoration:none;
}
div#main #a_breadcrumb a:hover { /* OK */
	text-decoration:underline;
}
div#main #a_breadcrumb a:visited { /* OK */
	color: #6786A5;
}

/* Index pages
---------------------------------------------- */

div#main .i_mainarticleintro { /* !!!! NOT SURE WHAT THIS IS FOR.... !!!! */
	font-size:1.2em;
	padding: 1em 0 2em 0;
	line-height: 1.5em;
}

/* Second-level heading */
div#main .i_subjectintro img /* !!!! NOT IN USE - DELETE !!!! */
{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	border: 1px solid #CCCC99;
} 

html>#main .i_subjectintro /* !!!! NOT IN USE - DELETE !!!! */
{ 
width: auto; 
height: auto; 
min-height: 86px; 
}


div#main .textbox_large_head {  /* OK - WHITE TEXT IN LARGE RED BOX - used at the bottom for ONLINE LIBRARY title */
	font-size: 12px;
	color: #FFFFFF;
	display: block;
	padding: 2px 0 2px 8px;
	background-color:#990000;
	font-style: normal;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border: 1px solid #990000;
}	

div#main .textbox_large { /* OK - LARGE GRAY TEXTBOX */
	background-color: #e7e7ce;
	padding: 10px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

div#main .textbox_white { /* DELETE - LARGE WHITE TEXTBOX - not in use */
	background-color: #ffffff;
	border-left: 1px solid #CCCC99;
	border-right: 1px solid #CCCC99;
	padding: 10px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

div#main .textbox_small_head { /* NOT IN USE BUT KEEP FOR NOW - WHITE TEXT IN SMALL RED BOX */
font-size: 100%; 
margin: 0 auto 0 auto;
color: #FFFFFF; 
display: block; 
padding: 2px;  
background-color:#990000; 
	border: 1px solid #990000;
font-weight: bold; 
width: 62%;
}	

div#main .textbox_small { /* OK - SMALL GRAY TEXTBOX */
	background-color: #F2F2E5;
	border: 1px solid #CCCC99;
	padding: 10px;
	margin: 0 auto 0 auto;
	display: block;
	width: 60%;
}
  
div#main .textbox_medium { /* OK - MEDIUM GRAY TEXTBOX */
	background-color: #F2F2E5;
	border: 1px solid #CCCC99;
	padding: 10px;
	margin: 0 auto 10px auto;
	display: block;
	width: 80%;
}


/* ============ ROUNDED FLEXIBLE POLL RESULTS BOX =============== */

div#main #pollResults {
	margin:20px 0;
	width:99%;
	background:url(/_common.images/poll_roundbox_bottom_left.gif) bottom left no-repeat;
}
div#main #pollResults-outter {
	background:url(/_common.images/poll_roundbox_bottom_right.gif) bottom right no-repeat;
}
div#main #pollResults-inner {
	background:url(/_common.images/poll_roundbox_top_left.gif) top left no-repeat;
	padding:0 0 10px 90px;
}

div#main #pollResults p {
	margin-bottom:5px;
	font-size:11px;
	line-height:16px;
}
div#main #pollResults li {
	font-size:11px;
}

div#main #pollResults h6 {
	padding-top:15px;
	background:url(/_common.images/poll_roundbox_top_right.gif) top right no-repeat;
}
div#main div#results {
	padding:7px 0 5px 0;
	margin:0 10px 7px 0;
	border-top:1px solid #cccc66;
	border-bottom:1px solid #cccc66;
}


/* ============ ROUNDED FLEXIBLE TOPICS BOX =============== */

div#main #box_askTheExpert {
	margin:20px 0 30px 0;
	width:99%;
	background:url(/_common.images/topics_roundbox_bottom_left.gif) bottom left no-repeat;
}
div#main #box_askTheExpert-outter {
	background:url(/_common.images/topics_roundbox_bottom_right.gif) bottom right no-repeat;
}
div#main #box_askTheExpert-inner {
	background:url(/_common.images/topics_roundbox_top_left.gif) top left no-repeat;
}
div#main #box_askTheExpert-inner2 {
	background:url(/_common.images/topics_roundbox_top_right.gif) top right no-repeat;
	padding:15px 10px 10px 10px;
}
div#main #box_askTheExpert-inner2>img {
	margin:0 15px 5px 0;
}
div#main #box_askTheExper_footer {
	height:20px;
	font-size:12px;
	margin-top:15px;
	padding-top: 15px;
}
div#main #box_askTheExper_footer a {
	display:block;
	font-weight:bold;
	padding-left:20px;
	background:url(/_common.images/ask_question_icon.gif) left center no-repeat;
}
	
div#main #box_askTheExpert p {
	margin-bottom:5px;
	font-size:12px;
	line-height:16px;
}
div#main #box_askTheExpert ol {
	font-weight:bold;
}
div#main #box_askTheExpert li {
	margin-bottom:8px;
}
div#main #box_askTheExpert li a {
	font-weight:normal;
}

div#main #box_askTheExpert h6 {
	border-bottom:1px solid #cccc99;
	padding-bottom:8px;
	margin-left:85px;
	margin-top:10px;
}
div#main div#results {
	padding:7px 0 5px 0;
	margin:0 10px 7px 0;
	border-top:1px solid #cccc66;
	border-bottom:1px solid #cccc66;
}


/* ============ ROUNDED FLEXIBLE JOIN NOW BOX =============== */

div#main .roundedBox { /* OK */
	width: 100%;
	background:url(/_common.images/bottom-left.gif) no-repeat left bottom;
	overflow:auto;
	max-width: 450px;
}

div#main .roundedBox-outer { /* OK */
  background: url(/_common.images/bottom-right.gif) no-repeat right bottom;
  padding-bottom: 5px;
}

div#main .roundedBox-inner { /* OK */
  background: url(/_common.images/top-left.gif) no-repeat left top;
}

div#main .roundedBox h3 { /* OK */
  background: url(/_common.images/top-right.gif) no-repeat right top;
  padding-top: 0;
  margin-top:0;
  border-bottom:none;
  color:#FFFFFF;
  text-align:center;
}

div#main .roundedBox h3,
div#main .roundedBox p { /* OK */
  padding-left: 5px;
  padding-right: 20px;
}

div#main .roundedBox a,
div#main .roundedBox a:visited,
div#main .roundedBox a:active {  /* OK */
	float:right;
	display:block;
	width:10em;
	height:55px;
	padding-right:3px;
	text-align:center;
	background:url(../_common.images/Glassy-play-button-.gif) no-repeat 50% bottom;
	text-decoration:none;
	color:#003366;
	font-weight:bold;
}

div#main .roundedBox a:hover {  /* OK */
	text-decoration:underline;
}

div#main .helpbox { 
/* OK - GREY TEXT BOX - used for help at the bottom of the page - it looks similar to LARGE GREY BOX!!! */
    background-color:#F2F2E5;
	width: 95%;
	text-align:left;
	border: 1px solid #CCCC99;
	padding: 10px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}

div#main .m_boxsmall { /* DELETE - small white box with grey border - not in use */
	width: 40%;
	text-align:center;
	margin: 15px auto 15px auto;
	background: url(/_common.images/col03/bg.jpg) top left repeat-x;
	border: 1px solid #CCCC99; 
	padding: 0.5em;
}

div#main a.category {
	display:block;
	height:38px;
	background:#f2f2e5;
	border:1px solid #cccc99;
	margin:0 5px 5px 0;
	width:29%;
	float:left;
	padding:5px;
	font-weight:bold;
	text-decoration:none;
}
div#main a.category:hover {
	background:#e2e2cf;
}

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

div#main #forms { /* OK BUT REVIEW LATER ON */
	padding:0px;
	margin:0px 10px 0px 10px;
}
 
div#main #forms .a_redtitle { /* OK */
	font:bold 1.8em Georgia,Times New Roman,Times, serif;
	color:#003366;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	line-height: 1.4em;
}

/* NEW LOGON BOX - barrier and login pages ------- START ----------  */

div#main #barrier { /* OK */
	height:162px;
	background:#d7d3b2 url(../_common.images/bg_barrier_page.gif) top left no-repeat;
	padding:10px;
	margin:20px 0;
}

div#main #barrier label { /* OK */
	display:block;
	width:8em;
	float:left;
}

div#main #barrier input { /* OK */
	height:16px;
}

div#main input#submitBtn { /* OK */
	margin-left:300px;
	height:25px;
	width:100px;
	background:url(/_common.images/btn_log_on.gif) top left no-repeat;
	border:0;
	outline:none;
}
div#main input#submitBtn:hover { /* OK */
	background:url(/_common.images/btn_log_on.gif) bottom left no-repeat;
}
div#main #barrier h2 { /* OK */
	padding:0 0 5px 0;
	margin:0 0 15px 0;
	font-size:140%;
	font-weight:bold;
	border-bottom:1px solid #FFFFFF;
}
/* NEW LOGON BOX - barrier and login pages ------- END ----------  */


div#main .bluetitle { /* OK - BLUE UNDERLINED TITLE - used only on network/index page */
	border-bottom:1px solid #cccc66;
	font-weight:bold;
	font-size:130%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	padding: 0px;
	margin: 10px 0px 10px 0px;
	line-height: 1.4em;
}	

div#main .blueTitleInBox { /* OK - BLUE TITLE IN GREY BOX - used only on network/index page */
	text-transform:uppercase;
	font-size:120%;
	font-weight:bold;
	display:block;
	color:#003366;
	background:#e7e7ce;
	padding:3px 7px;
}

div#main .inputprompt { /* OK - USED IN TABLES FOR FORMS */
	font-size: 90%;
	font-weight: bold;
	text-transform: none;
	color: #000000;
	height: 20px;
	padding: 3px;
}
div#main .inputprompt:link	{ /* OK - USED IN TABLES FOR FORMS */
	font-size: 90%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #003366;
}
div#main #insetinputbox	{ /* OK - USED IN FORMS */
	font-family:  arial, sans-serif;
	font-size: 90%;
	border-style: solid;
	border-width: 1px;
	border-color: #404040 #D4D0C8 #D4D0C8 #404040;
	padding: 1px 1px 1px 1px;
	margin-right: 10px;
/* Commented out for search box of insetinputbox is float: left;*/
}

div#main .m_boxform { /* OK - THIS IS WRAPPED AROUND FORMS */
width: 85%;
text-align:center;
margin: 15px auto 15px auto;
background: url(../_common.images/col03/bg.jpg) top left repeat-x;
border: 1px solid #CCCC99; 
padding: 0.5em;
}

/* Test Comms Network style
----------------------------------------------- */
div#main #discussion td { /* !!! REVIEW THIS !!!! */
margin:0px;
padding: 2px;
}

div#main #discussion .small {  /* !!! REVIEW THIS !!!! */
font-size:0.9em;
}
	
/* Added by Tatiana for Comms Network
---------------------------------------------- */

div#main #alphabet,
div#main div.topic { /* DELETE - THIS IS MOST PROBABLY NOT IN USE */
	width: 90%;
	background-color: #EEEEEE;
	font-size: 70%;
	margin: 0 auto;
	padding: 0 5px;
}

div#main div.topic { /* DELETE - THIS IS MOST PROBABLY NOT IN USE */
	display: none;
	font-size: 100%
}

div#main .text_underline { /* OK */
	border-bottom: 1px solid #CCCC66;
	margin: 5px;
	padding: 0px;
	display: block;
	text-align: left;
	margin-bottom:8px;
	padding-bottom:10px;
}

div#main #welcome_subheading { /* OK FOR NOW - GREY SUBHEADING ON HOMEPAGE ONLY */
	color:#b1ae93;
	font-size: 18px;
	font-weight: bolder;
	margin: 5px 1px 15px 1px;
	padding: 5px 0px 10px 0px;
	display: block;
	text-align: left;
}

/* Hugely fiddly list style on home page */
div#main .indexlist  /* OK */
{
	list-style-image:url(../_common.images/indexlist-red.gif);
	margin-left: 16px;
	padding-left: 0px;
}

div#main #text_underline_archive td /* KEEP FOR NOW - THIS IS WRAPPED AROUND ARCHIVE ITEMS */
{
	border-bottom: 1px solid #CCCC66;
	margin: 5px;
	padding: 0px;
	display: block;
	text-align: left;
}

div#main .left_nav_title {
	color:#990000;
	font-family: verdana, arial, sans-serif;
	font-size:110%;
	line-height:1em;
	font-weight: bold;
	background-color: #e7e7ce;
	text-transform: uppercase;
	margin: 5px 0; /* white space between coloured block and edge */
	padding: 5px 5px 5px 0px;
	display:block;
	text-indent: 10px;
}
  
div#main .left_nav_title p{
	color:#990000;
	font-family: verdana, arial, sans-serif;
	font-size:110%;
	line-height:1em;
	font-weight: bold;
	background-color: #e7e7ce;
	text-transform: uppercase;
	margin: 0px; /* white space between coloured block and edge */
	padding: 5px 5px 5px 0px;
	display:block;
	text-indent: 10px;
}

/* ================================================== from global5.css ================================== */

div#main h1 /* OK */
{
	color:#990000;
	font-size: 160%;
	font-weight: bolder;
	border-bottom: 1px solid #CCCC66;
	display: block;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}
/* Heading 2
----------------------------------------------- */
div#main h2	{ /* OK */
	color:#990000;
	font-size: 120%;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	margin: 5px 0;
	border-bottom: 1px solid #CCCC66;
	padding: 5px 0;
}

/* Heading 3
----------------------------------------------- */
div#main h3	{ /* OK */
	color:#003366;
	font-size: 120%;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	margin: 5px 0;
	border-bottom: 1px solid #CCCC66;
	padding: 5px 0;
}

div#main h4	{ /* OK */
	font-size:120%;
	font-weight:bold;
	color: #990000;
	border-bottom:none;
}
div#main h5 { /* OK */
	font-size:13px;
	font-weight:bold;
	color: #003366;
	border-bottom:none;
	margin:0 0 5px 0;
}
div#main h6 { /* OK */
	font-size:12px;
	font-weight:bold;
	color:#990000;
    line-height:1em;
    font-family: verdana, arial, sans-serif;
	margin-bottom:8px;
}

div#main hr { /* OK */
	color: #CCCC66;
	background-color:#cccc66;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	height:1px;
	border:0;
}

div#main .date { /* OK - used for article date at the top of the page */
	margin: 0px;
	float:right;
	color: #666666;
	font-size:75%;
}

/* Form style */

div#main .required { /* OK */
	font-style: normal;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
}


div#main .redtext,
div#breadcrumb .redtext { /* OK */
	color:#990000;
}

div#main .preload {display:none;} /* OK - This is used for preloading images */
div#main .clear {clear:both; height:0;}  /* OK */
.blueText{color:#039; font-weight:bold;}