/* infoCentre/intranet main style sheet */

a { background-color: transparent; text-decoration: underline  }
a:link { color: #003D6F; }
a:visited { color: #51265A; }
a:active { color: #9D102D; }
a:hover { color: #9D102D; }

body { background: #FFFFFF; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; }

#page { /* Centers page in browser */
	padding: 10px 0px;
	text-align: center; /* IE centering */
	position: relative;
	width: 850px;
	margin: 0 auto; /* non-IE centering */
}	

#mainbody { width: 850px; background-color: #ffffff;  border: 1px solid #B1CBE5; border-top: none; }
#leftcol { width: 150px; border-right: 1px solid #B1CBE5; padding-right: 0px; }
#leftnav { width: 150px; border-bottom: 8px solid #E0DDD5; border-top: 8px solid #E0DDD5; background-color: #F7F5ED; }
#maincol { padding: 8px 20px 20px 20px; }
#bodyspacer { width: 515px; height: 1px; }
#navbar, #utilbar { width: 850px; }
#utilbar { background-color: #D8E5F2; }
#navbar_spacer { width: 665px; height: 1px; }

span.separator { padding: 5px 3px 5px 3px; display: block; text-align:center; }
span.separator img {
	width: 120px;
	color: #C1BBAB;
	margin: 0px;
	padding: 0px;
	height: 1px;
}

#leftnav a.topicoff, #leftnav a.topichide { font-size: 11px; display: block; padding: 7px; border-bottom: 1px solid #C1BBAB; border-top: 1px solid #ffffff;  }
#leftnav a.topicon { font-size: 11px; display: block; background-color: #9D102D; padding: 6px; text-decoration: none;	color: white;	cursor: default; font-weight: bold }
#leftnav a.topichide { display: none; }
#leftnav span a {	margin-left: 10px; }
span.subtopicsoff { display: none; }
span.subtopicson {	display: block; }


.accenttext { color: #9D102D; background-color: transparent; }
.alerttext { color: #9D102D; background-color: transparent; }
.datestamp { font-size: 10px; }
.defaultfont { font-size: 11px; }
.downcontact { font-size: 13px; line-height: 12px; color: #9D102D; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;  font-weight: bold; margin-bottom:0em; }
.pulldown { font-size: 11px; background-color: #E0DDD5}
.pulldownsearch { font-size: 11px; }
.smallfont { font-size: 11px; }
.smallfontright { font-size: 11px; text-align: right} 
.smallfontcenter { font-size: 11px; text-align: center; } 
.textcenter { text-align: center; }
.textright { text-align: right; }

h1, .h1 { font-weight:bold; font-size: 20px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color:#000000; }
h2, .h2 { font-weight:normal; font-size: 17px;  margin-top: 20px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color:#000000; padding-bottom: 6px; border-bottom: 1px solid #C1BBAB  }
h3, .h3 { font-weight:bold; font-size: 15px; color:#000000; margin-top: 10px; margin-bottom: 0px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;    }
h3.news { margin-bottom: 0em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000} 
h4, .h4 { font-weight:bold; font-size: 13px; color:#000000; margin-top: 20px; margin-bottom: -12px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}
h5, h6 { font-weight:normal; margin-bottom: 0em; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}

address { margin-bottom: 8px; font-style:normal; font-size: 11px; }
blockquote { padding: .5em; }
blockquote.border { border-width: 1pt; border-style: solid; }
blockquote.highlight { background-color: #FEE3A2; }

form { font-size: 13px; }
input, textarea { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
input.button { /*font-family: Arial, Helvetica, sans-serif; font-size: 12px;*/ }

ul, ol { padding: 0; margin: 10px 10px 10px 40px;}
li { padding: 0; font-size: 12px; line-height: 2; }
select { font-size: 11px; }

p { padding: 0px; font-size: 12px; line-height: 1.75; }
p.breadcrumb { font-size: 10px;  line-height: normal; }
p.abstract { font-size: 11px; margin-top: 0px; margin-bottom: 16px; margin-right: 1em; }
p.anchors { font-size: 11px; margin-top:1em; margin-bottom:1em; }
p.answer { margin-top: 0em; }
p.corelink { font-weight: bold; margin-top: 13px; margin-bottom:0em;  font-size: 120%; }
p.date { font-size: 10px; margin-top: -6px; }
p.download { font-size:11px; margin-top:10px; margin-bottom:0em; }
p.headlines { font-size: 11px; margin-top: 0em; margin-bottom: 1em; }
p.list { font-size: 11px; margin-top: 0px; margin-bottom: 0px; }
p.parent { margin-top: 1em; font-size: 11px; margin-left: 5px }
p.question { font-weight:bold; margin-bottom:0em;}
p.side { font-size: 11px; margin-left: 1.25em; text-indent: -1.25em; margin-top: 0.25em; margin-bottom: 0.25em; line-height: 1.5; background-color: #ffffff; }
p.supersmall { font-size: 9px}
p.title { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 24px; padding-bottom: 0em; margin-top: 0em; margin-bottom: 0em;}
p.coretitle { font-size: 28px; color: #9D102D; margin-bottom: 12px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; }
p.wgheader { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; margin-top: 0.5em; margin-bottom: 0em; }

span.confidential { font-size: 10px; color:#9D102D; background-color: transparent;}
span.homebanner a { font-family: Trebuchet MS, Arial, Helvetica, sans-serif;  font-size: 18px; background-color: transparent; text-align: left; color: #1C3D75} 
span.homebanner a:visited, span.homebanner a:link { text-decoration: none; color: #1C3D75 }
span.homebanner a:hover, span.homebanner a:active { text-decoration: underline; color: #1C3D75}

span.home_top_sub { font-size: 11px; font-weight:normal; color: #1C3D75 }
span.home_top_sub a:visited, span.home_top_sub a:link { text-decoration: none; color: #1C3D75;}
span.home_top_sub a:hover, span.home_top_sub a:active { text-decoration: underline; color: #1C3D75;}

/* used for work group 'homepage' banner */
span.superscript {  vertical-align: super; font-size: 10px; margin-top: 0em; }
span.supersmall { font-size: 9px; }
span.toinfocentre { font-size: 8pt; font-weight:bold; color: #9D102D; padding-right: 0.5em; padding-left: 0.5em; text-decoration: none; background-color: transparent;} /* used for 'to infoCentre' link at the top right of pages */

th { background-color: #B1CBE5;  font-size: 11px;  font-weight:bold; text-align: left; }
th.alternate { background-color: #D8E5F2;} 
td { font-size: 12px; text-align:left; }

/* special use table styles */
table.data { border: 1px solid #C1BBAB; }
table.data td { font-size: 11px; }
table.data ul li {font-size: 11px;}
table.announcement { border: 1px solid #adcbdc; background-color: #e9f1f5; }
table.announcement td { font-size: 11px; }
table.announcement ul li {font-size: 11px;}

.datagrid { border: 1px solid #C1BBAB; border-collapse: collapse; }
table.datagrid td, table.datagrid th { border: 1px solid #C1BBAB; font-size: 11px; }
.datagrid-white { border: 1px solid #C1BBAB; border-collapse:collapse;} 
table.datagrid-white td {border: 1px solid #ffffff;}
table.datagrid ul li {font-size: 11px;}

tr.shade { background-color: #E0DDD5; }
tr.white { background-color: #ffffff; }
td.indent { font-size: 12px; text-align: left; padding-right: 0em;  padding-left: 15px; }
td.supersmall { font-family: Arial, Helvetica, sans-serif; font-size: 10px; }

table.side { margin-top:0em; margin-left:1em; margin-bottom:1em; margin-right:0em; width: 126px; float:right; clear:right;  background-color: #ffffff }

th.textcenter { text-align: center; } 
td.popuptitle { font-size: 11px; font-style: normal; font-weight: bold; background-color: #11568C; padding-top: 0.25em; padding-right: 0.5em; padding-bottom: 0.25em; padding-left: 0.5em; color: #FFFFFF; }

/* microsite banner styles */
td.banner { font-size: 16px; font-weight: bold; text-align: left; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px} 
td.utilitybanner { font-size: 16px; font-weight: bold; text-align: left; background-color: #B1CBE5; padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; border-bottom: 1px solid #B1CBE5 } /* used for microsite banners in the utility bar sections */
td.microbanner {  font-size: 16px; font-weight: bold; text-align: left; background-color: #B1CBE5;  font-family: Trebuchet MS, Arial, Helvetica, sans-serif; padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px;  border-bottom: 1px solid #B1CBE5; } 


/* left navigation styles */
td.topic { font-size: 11px; text-align: left; vertical-align: middle; border-bottom: 1px solid #C1BBAB; border-top: 1px solid #ffffff; padding: 7px 5px;}
td.select { font-size: 11px; text-align: left; vertical-align: middle; background-color: #9D102D; color: #FFFFFF; padding: 7px 5px; }
td.select a:hover, td.select a:visited, td.select a:active { font-weight:bold; color: #ffffff; text-decoration:none; cursor:default;}
td.subtopic {font-size: 11px; padding: 7px 5px 7px 13px; vertical-align: middle; border-bottom: 1px solid #C1BBAB; border-top: 1px solid #ffffff;}
td.subselect { font-size: 11px; vertical-align: middle; background-color: #9D102D; color: #FFFFFF; padding: 7px 5px 7px 13px; }
td.subselect a:hover, td.subselect a:visited, td.subselect a:active { font-weight:bold; color: #ffffff; text-decoration:none; cursor:default;}



/*top navigation styles*/
tr.navbar { background-color: #E0DDD5; } /* used to apply background color top navigation bar */
tr.navbar td { padding: 4px 0px;}
td.selectnav { text-align: center; background-color: #9D102D; } /* used to highlight "selected" site categories in the top nav. */
td.home { font-size: 12px;  text-align: left; font-weight: bold; } /* used for top-left work group 'home' link */
td.home a:link, td.home a:visited { text-decoration:none; color: #9D102D; }
td.home a:hover, td.home a:active { color: #9D102D; text-decoration:underline; }
td.toinfocentre { font-size: 8pt; font-weight:bold; text-align: right; background-color: transparent;} /* used for 'to infoCentre' link at the top right of pages */
td.toinfocentre a:link, td.toinfocentre a:visited { text-decoration:none; color: #9D102D; }
td.utilities { font-size: 11px; font-weight:bold;} /* used for top nav utilities links such as 'comments', 'map', 'help', etc. */
td.utilities a:link, td.utilities a:visited { text-decoration:none; color: #51265A; }
td.utilities a:hover { color: #558298; text-decoration:underline; }
td.selectnav { font-size: 11px; font-weight:bold; text-align: center; background-color: #9D102D; } /* used for selected site categories in the top nav. */
td.selectnav a:link, td.selectnav a:visited { text-decoration:none; color: #FFFFFF; }
td.selectnav a:hover, td.selectnav a:active { color: #ffffff; text-decoration:underline; }
td.topnav { font-size: 11px;  font-weight:bold; text-align: center; background-color: #E0DDD5; color: #000000; border: 1px solid #C1BBAB } /* used for site categories in the top nav. */
td.topnav a:link, td.topnav a:visited { text-decoration:none; color: #000000; }
td.topnav a:hover, td.topnav a:active { color: #000000; text-decoration:underline; }
td.search { font-size: 11px; }
	
/*  new home page styles -- SR */
p.lobheadlines { font-size: 11px; margin-bottom:0.75em; margin-top:0em; }
p.featureheadlines { font-size:11px; margin-bottom:0.25em; margin-top:0em; }
td.homepageheaders { font-size: 14px; color: #9D102D; font-weight:bold; background-color: #D8E5F2; border-bottom: 2px solid #ffffff;  }
td.rightheaders { font-size: 11px; color: #9D102D; font-weight:bold; background-color: #D8E5F2;  }
td.featureheaders { font-size: 11px; color: #000000; font-weight:bold; background-color: #D8E5F2; }
td.lobheaders { font-size: 11px; font-weight:bold; border-top: 1px solid #ffffff; border-bottom: 10px solid #D8E5F2; }

/* Page Utils/Functions Styles */
#pageutils {margin-top: -2px; margin-right: 3px;}
#pageutils td {font-size: 10px; padding-left: 17px;}

#img-print a {
	display:block;
	background: url("../images/ico_print_css.gif") 0px 0px no-repeat;
	text-align:right;
	width: 44px;
	float: left;
	margin-right: 5px;
	height: 17px;
}
#img-print a:hover {
	background: url("../images/ico_print_css.gif") 0px -16px no-repeat;
}
#img-email a {
	display: block;
	background: url("../images/ico_email_css.gif") 0px 0px no-repeat;
	text-align: right;
	width: 54px;
	float: left;
	margin-right: 5px;
	height: 17px; 
}
#img-email a:hover {
	background: url("../images/ico_email_css.gif") 0px -15px no-repeat;
}
#img-bkmk a {
	display: block;
	background: url("../images/ico_bookmark_css.gif") 0px -2px no-repeat;
	text-align: right;
	width: 76px;
	float: left;
	height: 17px;
}
#img-bkmk a:hover {
	background: url("../images/ico_bookmark_css.gif") 0px -20px no-repeat;
}