/*
===============================================================================
	SITEWIDE
===============================================================================
*/

* {
	margin			: 0;
	padding			: 0;
	outline			: 0;
	}

html { /* forces a scrollbar on every page */
	min-height		: 100%;
	margin-bottom	: 1px;
	}

body {
	color			: #00476E;
	font-family		: Verdana, sans serif;
	font-size		: 12px;
	background		: url(../images/background.gif) center repeat-y #C0E6FB;
	line-height		: 1.5;
	}

a {
	color			: #00476E;
	}
/*
a:visited {
	color			: #00476E;
	}
*/
a:hover {
	color			: #66BB4A;
	}

a:active {
	color			: #00476E;
	}


img {
	border			: none;
	}

h1 {
	font-size		: 26px;
	}

h2 {
	font-size		: 20px;
	}

/*
===============================================================================
	HEADER
===============================================================================
*/

#header {
/*	text-align		: center;*/
	height			: 123px;
	width			: 990px;
	margin-top		: 20px;
	margin-left		: auto;
	margin-right	: auto;
	background		: url(../images/satra-header-2011.jpg) top no-repeat;
	}

#header-nav {
/*	width			: 800px;*/
	margin-top		: 0;
	margin-left		: 20px;
	margin-right	: 0;
	font-family		: Tahoma, sans serif;
	font-weight		: bold;
	padding-top		: 85px;
	}

#header-nav a {
	color			: white;
	text-decoration	: none;
	}

#header-nav a:hover {
	color			: #A1DEFF;
	}

#header-nav span.selected-item {
	color			: #A1DEFF;
	}

#header-nav span.pipe {
	color			: white;
	font-weight		: bold;
	}

/*===================================================*/
#header-search {
	height			: 104px;
	margin-top		: 10px;
	padding-left	: 295px;
	padding-top		: 0;
	}

#header-search img {
	float			: left;
	border			: none;
	padding			: 0;
	}

#header-search button {
	border			: none;
	background		: white;
	padding			: 0;
	}

#header-search table {
	margin-top		: 25px;
	}

#header-search td {
	vertical-align	: bottom;
	}

#header-search input {
	width			: 230px;
	margin-right	: 18px;
	margin-left		: 55px;
	padding			: 5px;
	}

#header-search p.headline {
	font-size		: 175%;
	font-weight		: bold;
	}

#header-masthead {
	padding			: 0 15px 15px 20px;
	}
/*===================================================*/

form#nav-search {
	background		: white;
	float			: right;
	width			: 180px;
	margin			: 77px 17px 0 auto;
	border			: 1px solid #AAAAAA;
	padding			: 0 0 0 5px;
	}

form#nav-search input {
	color			: #6b6952;
	width			: 140px;
	padding			: 1px;
	margin-top		: 2px;
	border			: none;
	}

button#nav-search-submit {
	float			: right;
	width			: 28px;
	background		: url(../images/search.gif) no-repeat center white;
	border			: none;
	}

button#nav-search-submit:hover {
	background		: url(../images/search-go.gif) no-repeat center white;
	}

p.search-notice {
	color			: #00476F;
	width			: 679px;
	font-size		: 125%;
	font-weight		: bold;
	padding			: 10px;
	border-bottom	: 1px solid #ddddee;
	}

p.search-notice a {
	text-decoration	: underline;
	}

/*
===============================================================================
	SEARCH BOX
===============================================================================
*/

#new-search {
	float			: right;
	margin			: 82px 15px 0 0;
	text-align		: right;
}

#new-search #searchinput {
	width			: 194px;
	border			: 0 none;
	height			: 20px;
	background		: url(../images/new-search.gif) no-repeat scroll -66px center;
	margin-right	: -4px;
	line-height		: 1.1;
	padding			: 2px 2px 0 4px;
}

#new-search #searchbutton {
	margin			: 0;
	background		: url(../images/new-search.gif) no-repeat scroll 0 center;
	border			: 0 none;
	width			: 66px;
	height			: 22px;
	color			: white;
	vertical-align	: bottom;
	cursor			: pointer;
	font-size		: 1.1em;
}

#new-search #searchbutton:hover {
	color			: #00476e;
}

/*
===============================================================================
	CENTRE
===============================================================================
*/
#centre {
	width			: 990px;
	margin			: 0;
	margin-left		: auto;
	margin-right	: auto;
	}

#centre ul,ol {
	margin-left		: 2em;
	padding-bottom	: 1em;
	}

/*
===============================================================================
	FOOTER
===============================================================================
*/
#footer {
	clear			: both;
	width			: 990px;
	margin			: 0 auto 2em auto;
	padding-top		: 10px;
	padding-bottom	: 2em;
	font-size		: 90%;
	}

#footer p.footer-links {
	width			: 60%;
/*	margin-top		: 8px;*/
	margin-bottom	: 3px;
	}

#footer-logo {
	float			: right;
	width			: 30%;
	text-align		: right;
	}

.footer-logo img {
	float			: right;
	}


/*
===============================================================================
	SERVICES MENU
===============================================================================
*/

#header-nav ul {
	padding			: 0;
	margin			: 0;
	list-style		: none;
	z-index			: 100;
	}

#header-nav li {
	float			: left;
	position		: relative;
	color			: white;
	font-weight		: bold;
	padding			: 0 0 0.5em 0;
	z-index			: 100;
	}

#header-nav li ul {
	display			: none;
	position		: absolute;
	z-index			: 100;
	background		: #01131F;
/*	background		: url(../images/drop-down-right.gif) right repeat-y #011E30;*/
	width			: 210px;
	top				: 1.6em;
	left			: -15px;
	}

#header-nav li:hover ul {
	display			: block;
	}

#header-nav li ul li {
	clear			: left;
	}

#header-nav li ul li:hover {
	background			: red;
	background		: #00476e;
	}

#header-nav li ul li a {
	display			: block;
	width			: 200px;
	padding			: 5px 0 0 10px;
	clear			: left;
	}


/*
================================================================================
	BULLETIN BUTTON
================================================================================
*/
#header-search button.button {
	width			: 95px;
	}

div#related-publication {
	float			: right;
	width			: 237px;
	height			: 57px;
/*	background		: url(../images/mag-switch-box.gif) no-repeat white;*/
	margin-top		: 5px;
	margin-right	: 3px;
	padding			: 10px;
	line-height		: 1.5;
	}

div#related-publication.bulletin {
/*	background		: #BCBAEF;*/
/*	border			: 1px solid #00476E;*/
	background		: #f8f8f8;
	border			: 1px solid #d6d6d6;
	}

div#related-publication.spotlight {
/*	background		: #BFE6FB;*/
/*	border			: 1px solid #00476E;*/
	background		: #f8f8f8;
	border			: 1px solid #d6d6d6;
	}

div#related-publication img {
	margin-right	: 5px;
}

div#related-publication p.strapline {
	margin-top		: 3px;
}