/*------Open Platform CSS design - by Stephen Foster--------*/
/*-----ABC website - with accessibility updates-2007--------*/

/* SE Structural IDs/Classes 2008 */
body {
	text-align: center;
	margin: 0px;
	padding: 0px;
}
body * {
	text-align: left;
}

#outercontainer {
	width: 986px;
	padding: 0px;
	margin: 0px auto 0px auto;
}

#pagecontainer {
	width: 916px;
	padding: 0px;
	margin: 0px 35px 0px 35px;
}

#innercontainer {
	width: 906px;
	padding: 5px 5px 5px 5px;
	margin: 0px;
}

#toplogo {
	display: inline; /* Added to fix weird-ass-IE6-bug with double margin */
	float: left;
}

#toolbar, #searchform {
	display: inline;
	clear: right;
	float: right;
	margin-right: 10px;
}

#toolbar { padding: 10px 0px 0px 5px; }

#sitesearch.searchform { 
	display: inline;
	margin-right: 10px;
	padding: 15px 0px 5px 5px;
	clear: right;
	float: right;
	white-space: nowrap; 
}

#sitesearch.searchform #btnsitesearch{
	margin-left:5px;
}
	
/* Note: id #searchform refers to search form at top of page, class refers to all search forms in pages */

#topmenu {
	width: 906px;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

#topmenu div div {
	display: block;
	float: left;
	margin: 0px;
	
}

#topmenu div.filler {
	float: none;
	padding: 9px 10px 9px 10px;
}
#titlesection {
	width: 906px;
	margin: 0px;
	padding: 0px;
}

#titlesection div {
	margin: 0px;
	padding-left: 20px;
	padding-right: 10px;
}

#titlesection #pagetitle {
	padding-top: 15px;
	padding-bottom: 0px;
}

#titlesection #subtitle {
	padding-top: 0px;
	padding-bottom: 15px; /* Please adjust to suit height of swirl on right */
}

.leftcolumn {
	display: inline;
	float: left;
	width: 418px;
	margin-left: 15px;
	margin-right: 15px;
	padding-left: 0px;
	padding-right: 0px;
}

.rightcolumn {
	display: inline;
	float: right;
	width: 418px;
	margin-left: 15px;
	margin-right: 15px;
	padding-left: 0px;
	padding-right: 0px;
}


.singlecolumn {
	width: 876px;
	margin-left: 15px;
	margin-right: 15px;
	display: block;
	padding-left: 0px;
	padding-right: 0px;
}

.pagecontent {
	padding-top: 20px;
	padding-bottom: 10px;
}
.compact .pagecontent {
	padding-top: 0px;
	padding-bottom: 0px;
}

.singlecolumn .leftcolumn { margin-left: 0px; width: 403px; }
.homepage  .leftcolumn { padding-top: 0px; }
.homepage  .rightcolumn  { padding-top: 0px; }
.singlecolumn .rightcoloumn { margin-right: 0px; width: 403px; }
.homepage .singlecolumn {}

#footer { 
	width: 916px;
	margin: 0px;
	padding: 5px;
}
#footer #boilerplate { 	display: inline; float: left; font-size : 0.8em;} 
#footer #copyright { 
	display: inline;
	float: right; 
	padding-right: 15px;
	font-size : 0.8em;
}

image.minwidth {
	display: inline;
	float: right;
	margin: 0px;
	padding: 0px;
	border: none;
}
image.w876 { width: 876px; }
image.w886 { width: 886px; }
image.w906 { width: 906px; }
image.w916 { width: 916px; }
image.h1 { height: 1px; }
/* SE Appearance IDs/Classes 2008 */
body {
	background-image: url(/images/design08/bk.gif);
}
#innercontainer {
	background-color: white;
}
#toolbar *, .searchform, .searchform * {
	font-family : Arial,Sans-Serif;
	font-size : 1em;
	color: #666;
}
#styleswitchercontainer a { text-decoration: none; }
#styleswitchercontainer a.currentsize { text-decoration: underline; }
#tinytext { font-size: 0.7em;}
#smalltext { font-size: 1em;}
#mediumtext { font-size: 1.3em;}
#largetext { font-size: 2.0em;}

#topmenu {
	font-family: Arial, Sans-Serif;
	font-size: 1em;
	font-weight: bold;
}

#topmenu  #primary div {
	background-color: #003d7c;
	 }

#topmenu #primary div a{
	display: block;
	background-color: #003d7c;
	padding: 9px 10px 9px 10px;
	color:#fff;
	}

#topmenu #primary div a:hover{ 
	text-decoration: none; 
	color: #fff; 
	background-color: #0063be;
}

#topmenu #primary div.selected a {
	background-color: #0063be;
}

#topmenu #secondary div{
	background-color: #C8D7ED;
}

#topmenu #secondary div a{
	display: block;	
	padding: 9px 10px 9px 10px;
	color:#003d7c;
	background-color: #C8D7ED;
	}

#topmenu #secondary div a:hover {
	text-decoration: none; 
	color: #fff;
	background-color : #0063BE;
}

#topmenu #secondary div.selected a {
	color: #006FD9;
	background-color: #C8D7ED;
}

#titlesection {
	background-image: url(/images/design08/titlemenuswirl.gif);
	background-position: center right;
	background-repeat: no-repeat;
	background-color: #0063be;
	color: #fff;
	font-size : 1.4em;
}

#titlesection #pagetitle {
	font-family : Trebuchet MS,Arial,Sans-Serif;
	font-weight: bold;
}

#titlesection #subtitle {
	font-family : Arial,Sans-Serif;
	font-size: 0.9em;
}


#footer, #footer  a{
	text-decoration: none;
	color: #fff;
	font-family : Arial,Sans-Serif;
	font-size : 1em;
}

.homepage #welcome {
	width: 906px;
	background-color: #0063be;
}

.xhomepage .xleftcolumn {
	line-height: 1.4em;
}

/* Generic elements - appearance, etc */
a {
	text-decoration : none;
}

a:hover {
	text-decoration : underline;
}

.pagecontent p, .pagecontent h1, .pagecontent h2, .pagecontent h3, .pagecontent P, .pagecontent H1, .pagecontent H2, .pagecontent H3 {
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}

.pagecontent p, .pagecontent P {
	margin-top: 0px;
	margin-bottom: 10px;
}

.pagecontent p, .pagecontent li, input, select, textarea, .pagecontent font, .pagecontent P, .pagecontent LI, INPUT, SELECT, TEXTAREA, .pagecontent FONT {
	font-family : Arial,Sans-Serif;
	font-size : 1em;
	color: #333;
}

/* Override pasted info from MS word - hence invalid span p */
FONT, font, span p {
	font-family : Arial,Sans-Serif;
	font-size : 1em;
	color: #333;
}

.pagecontent h1, .pagecontent h1 a, .pagecontent H1, .pagecontent H1 A {
	margin-top: 0px;
	margin-bottom: 10px;
	font-family: Arial,Sans-Serif;
	font-size: 1em;
	font-weight: bold;
	color: #0063be;
}

.pagecontent h2, .pagecontent h2 a, .pagecontent H2, .pagecontent H2 A {
	margin-top: 0px;
	margin-bottom: 5px;
	font-family: Trebuchet MS,Arial,Sans-Serif;
	font-size: 1.3em;
	/* font-weight: bold;*/
	color: #0063be;
}


.pagecontent h3, .pagecontent h3 a, .pagecontent H3, .pagecontent H3 A {
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Trebuchet MS,Arial,Sans-Serif;
	font-size: 1em;
	font-weight: bold;
	color: #000;
}

.pagecontent a, .pagecontent A {
	color: #1f75c8;
}

.pagecontent h3 a, .pagecontent H3 A {
	color: #333;
	text-decoration : underline;

}

#div_newsItems p, #div_newsItems P {
	padding-right: 10px;
	line-height: 1.4em;

}

#newslogo {
	font-family : Arial,Sans-Serif;
	font-size : 0.8em;
	color: #333;
	text-align : right;
}

#newslogo img {
	display: inline;
	float: right;
	padding-left:10px;
}

input, button, .searchform button {
	padding: 2px 5px 0px 5px;
}

.searchform span {
	padding-bottom:5px;
}

input, button, .searchform {
}

input.submit, button, .searchform button {
	font-family : Arial,Sans-Serif;
	font-weight: bold;
	font-size : 12px;
	background-color: #0063be;
	color: #ffffff;
}

#div_newsItems {
	padding: 0px;
	height: 455px; 
	overflow-y: scroll;
	margin-bottom: 20px;
}

#se, .se {
	color: #0063BE;
	font-weight : 600;	
}

.homepage #welcome #hpphoto { display: inline; float: right; margin: 0px; }

.homepage #welcome .content {
	background-color: #0063be;
	font-family : Arial,Sans-Serif;
	font-size: 0.8em;
	line-height : 0.2em;
	color: #fff;
	padding: 5px 5px 5px 15px;
}

.homepage #welcome .content p {
	line-height : 1em;
	margin: 5px 0px 5px 0px;
}

.homepage #welcome .content a {
	color: #fff;
	text-decoration: underline;
}

/* Catalogue Styles */
.pagecontent ul li {
	font-family : Arial,Sans-Serif;
	font-size : 1em;
	color: #666;
	list-style-image: url(/images/ball.gif);
	margin-left: 15px;
	margin-bottom: 0.5em;
}
.pagecontent ul li li {
	font-size : 1em;
}
.compact .pagecontent .searchresult { margin: 0; padding: 0 0 0 20px;}
.compact .pagecontent .searchresult li.result { margin-left: 0;}
.pagecontent .searchresult .noresults {}
.pagecontent .searchresult .title { font-weight: bold; }
.pagecontent .searchresult .description { color: #f00; }
.pagecontent .searchresult .downloadlink {}
.pagecontent .searchresult .downloadlink a { text-decoration: none; }
.pagecontent .searchresult .backlink a { color: #f00; }
/* End Catalogue */

*.error {
	font-weight: bold;
	color: #f00;
} 
/*--------Extra---------*/

.clear{
	clear : both;
}

.underlined {
	border-bottom: 1px solid #666;
}

/* all bow down to the gods of accessibility */
#keyboardshortcuts { position: absolute; left: 0px; top: 0px; height: 1em; width: 100%; text-align: center;}
#keyboardshortcuts a { position: absolute; top: -500px; left: 0px; display:block; width: 100%; font-size: 0.8em; background-color: #eaebeb; color: #000; z-index:10; padding:3px 0 3px 0; text-align: center;}
#keyboardshortcuts a:focus	{ top: 0px;}
#keyboardshortcuts a.show	{ top: 0px; }

/* Styles for Site Map */
ul.sitemap {}
ul.sitemap li a {}
ul.sitemap ul {} /* Submenus */
ul.sitemap ul li a {}


/* 
	****************************
	Popup menu Navigation styles 
	****************************
*/
ul.navigation { margin: 0;padding: 0; list-style: none; width: 200px; }
ul.navigation li { position: relative; }
ul.navigation li ul { position: absolute; left: 197px; top: 0px; display: none; }

/* Button appearance */
ul.navigation li a {
	display: block; text-decoration: none; padding: 1px; margin: 1px;
	color: #fff; background-color: #9099ae; border: 1px solid #316AC5;
	/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffdfecfe', EndColorStr='#ff89aee4');*/
}

/* Header buttons i.e. with onlt a #*/
ul.navigation li a.header {
	display: block; text-decoration: none; padding: 1px; margin: 1px;
	color: #9099ae; background-color: #fff;  border: 1px solid #316AC5;

}

/* Fix IE. Hide from IE Mac \*/
* html ul.navigation li { 	display: inline; float: left; }
* html ul.navigation li a { height: 1%; }
/* End */

/* Rollover  states */
ul.navigation li:hover ul, ul.navigation li:focus ul, ul.navigation li.over ul { display: block; }
ul.navigation li:hover>a, ul.navigation li.over>a { 
	color: #fff; background-color: #00c; border-color: #316AC5;
}

/* IE specific rollover */
* html ul.navigation li:hover a, ul.navigation li.over a { 
	color: #f00; background-color: #fff; border-color: #f00; text-decoration: none;
/*	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ff89aee4', EndColorStr='#ffdfecfe'); */
}

/*
	End of popup nav
*/

/* Search form - to appear at top right */
#inPageSearch {
	display: block;
	float: right;
	width: 320px;
	margin: 0 0 15px 15px;
}
#inPageSearch input.text { width: 40px; }
#inPageSearch input.submit { width: 150px; }