/* Main style classes */

/* Global defaults */

body {
	font-family: "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
	font-size: 90%;
	color: #333333;
	line-height: 150%;
	background-color: #FECB3E;
	background-image: url(../images/body-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	/*padding: 0px;*/
}
p {
	line-height: 150%;
}
a {
	text-decoration: none;
	color: #000000; /*#8F0A29;*/
}
a:active, a:hover {
	text-decoration: underline;
}
h1 {
	font-size: 140%;
	color: #E20024;
}
h2 {
	font-size: 120%;
}
h3 {
}
img {
    -ms-interpolation-mode: bicubic;
}
a img {
	border: none;
}


/* jello colour styles */
div#wrapper {
	background-color: #ffffff;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #996666;
	border-bottom-color: #996666;
	border-left-color: #996666;
}


/* Other styles */
p.footer {
	text-align: center;
	font-size: 80%;
	margin: 2em;
}
/* Don't allow any links in the footer to break apart */
p.footer a {
    white-space: nowrap;
}


/* Main layout tweaks */
/* Padding in the main content column */
div#block_1_inner {
	padding: 0 2em 0 3em;
}
/* Spacing around the main columns section */
div#container {
	/* margin: 3em 0; */
}
div#block_2 {
	padding-left: 1em;
}
div#block_3 {
	padding-right: 1em;
}



/* Front boxes */

.front-boxes {
	font-family: "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
}
.front-boxes .floating-box-outer {
	width: 33%;
	float: left;
	margin: 0;
	/*padding-bottom: 10px;*/
	background-image: url(../images/front-boxes-bottom-shadow.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.front-boxes .floating-box-outer span {
	display: block;
	width: 10px;
	height: 10px;
	background-image: url(../images/front-boxes-bottom-shadow.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0;
	font-size: 4px;
}
.front-boxes .floating-box-inner-padding {
	padding-right: 20px;
	background-image: url(../images/front-boxes-right-shadow.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.front-boxes .floating-box-inner {
	padding: 8px;
	background-color: #19171C;
}
.front-boxes .floating-box-inner img {
	width: 100%;
}
.front-boxes .floating-box-inner h2 {
	padding: 0;
	margin: 0.5em 0;
	font-size: 200%;
	color: #ffffff;
}
.front-boxes .floating-box-inner p {
	padding: 0.3em 0;
	margin: 0; /* Margin affects the equal-height functionality */
	font-size: 110%;
	line-height: 120%;
	color: #ffffff;
}
.front-boxes .floating-box-inner a {
	color: #F6AF00;
}

/* Other front page styles */

p.front-city-links {
	font-size: 200%;
	text-align: center;
}
p.front-city-links a:hover {
	color: #B40127;
}

/* Top Menu*/

div.top-menu {
	background-image: url(../images/top-menu-bg.gif);
	float: left;
	width: 100%;
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #8F0A29; /*#076953;*/
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	margin-bottom: 1em;
}
div.top-menu ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0.25em;
	list-style-type: none;
}
div.top-menu li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
div.top-menu li a {
	background-image: url(../images/top-menu-divider.gif);
	background-position: right top;
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding: 0.5em 1.6em; /* The spacing in the top menu items */
	float: left;
	font-weight: bold;
}
div.top-menu li a:active, div.top-menu li a:hover {
	text-decoration: none;
	background-image: url(../images/top-menu-bg-hover.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFC600; /*#900926;*/
	color: #333333;
}
div.top-menu li.current a {
	background-image: url(../images/top-menu-bg-selected.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #E85910; /*#68071E;*/
	color: #000000;
}

/* Top Menu 2 - the second level*/

div.top-menu2 {
	float: left;
	width: 100%;
	margin-bottom: 2em;
}
div.top-menu2 ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0;
	list-style-type: none;
}
div.top-menu2 li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
div.top-menu2 li a {
	padding: 0.5em 1em 0.5em 0;
	float: left;
	font-weight: bold;
	font-size: 110%;
	text-transform: uppercase;
	color: #999999;
}
div.top-menu2 li a:active, div.top-menu2 li a:hover {
	text-decoration: none;
	color: #BA0027;
}
div.top-menu2 li.current a:active, div.top-menu2 li.current a:hover {
	text-decoration: underline;
}
div.top-menu2 li.current a {
	text-decoration: underline;
	color: #CC0033;
}

/* Menu level 3+ (side block) */

.side-menu3 {
	padding: 0;
	margin: 1em 0;
}
.side-menu3 ul {
	clear: both;
	list-style-position: outside;
	list-style-image: url(../images/front-box-bullet.gif);
	padding: 0px 0px 0px 1em;
	margin: 0px;
}
.side-menu3 ul ul {
	list-style-type: disc;
	list-style-position: outside;
	list-style-image: none;
}
.side-menu3 ul li {
	padding-left: 0px;
	padding-top: 0.25em;
}
.side-menu3 ul a {
	color: #333333;
}
.side-menu3 li.current a {
	font-weight: bold;
}
.side-menu3 li.current li a {
	font-weight: normal;
}
.side-menu3 li.current li.current a {
	font-weight: bold;
}
.side-menu3 h3 {
	padding: 0;
	margin: 0.25em 0;
}


/* IE-only hack stuff */
* html .top-menu ul {height: 1%;}
* html .top-menu2 ul {height: 1%;}
*:first-child+html .top-menu ul {min-height: 1px;}
*:first-child+html .top-menu2 ul {min-height: 1px;}

/* Masthead layout and graphics */

div.masthead {
	background-image: url(../images/masthead-image.jpg);
	background-repeat: no-repeat;
	/*background-position: right top;*/
	background-position: 300px 0;
	height: 163px;
}
div.masthead p {
	margin: 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #aaaaaa;
	text-indent: 20px;
	white-space: nowrap;
	font-weight: bold;
	line-height: 100%;
}
div.masthead a img {
	border: none;
}

/* Generic HTML block wrapper */

div.html-block {
	margin: 1em 0;
}


/* Generic search box, on most pages */

div.search-block h3 {
	margin: 0;
	padding: 0;
}
div.search-block form {
	margin: 0;
	padding: 0;
}
div.search-block input#query {
	width: 70%;
	vertical-align: middle;
	margin-right: 0.5em;
}
div.search-block input.submit {
	position: absolute;
	width: 28px;
	height: 28px;
	margin: 0;
	padding: 0;
	border: none;
	background: transparent url(../images/search-button.gif) no-repeat center top;
	text-indent: -700em; /* Does not work on IE, so we will hide it in the background image using colours */
	font-size: 0px;
	color: #eeeeee;
	cursor: hand; /* for IE 5.x */
	cursor: pointer; /* hand-shaped cursor */
	vertical-align: middle;
}


/* Styles for press releases, news and projects */
div.news-item-press {
}
div.news-item-press .news-header h3 {
	margin-bottom: 0.5em;
	margin-top: 1.4em;
}
div.news-item-press .news-header h3 span {
	color: #B7001C;
}
div.news-item-press .news-header h3 span {
	color: #B7001C;
}
div.news-item-press .news-footer a {
	font-weight: bold;
	font-style: italic;
	clear: both;
}
div.news-item-press .news-footer p {
	clear: both;
	margin: 1em 0;
	text-align: center;
	font-weight: bold;
}
div.news-item-press div.news-notes {
	padding: 0 2em;
}
div.news-item-press div.news-notes li {
	margin-top: 1em;
}
div.news-item-news .news-header h3 span {
	font-size: 80%;
	color: #aaaaaa;
}

/* News items */
div.news-item-news {
}
div.news-item-news .news-header h3 {
	margin-bottom: 0.5em;
	margin-top: 1.4em;
}
div.news-item-news .news-header h3 span {
	color: #B7001C;
}
div.news-item-news .news-footer a {
	font-weight: bold;
	font-style: italic;
	color: #E20024;
	clear: both;
}
div.news-item-news .news-footer p {
	clear: both;
	margin: 1em 0;
	text-align: center;
	font-weight: bold;
}
div.news-item-news div.news-notes {
	padding: 0 2em;
}
div.news-item-news div.news-notes li {
	margin-top: 1em;
}
div.news-item-news .news-header h3 span {
	font-size: 80%;
	color: #aaaaaa;
}


/* next/previous links table for news, press releases etc. */

table.nextprev {
	width: 100%;
	border: solid #aaaaaa;
	border-width: 1px 0;
	margin: 0.5em 0;
	clear: both;
}
table.nextprev td {
	vertical-align: top;
}
table.nextprev td.prev {
	text-align: left;
	width: 40%;
}
table.nextprev td.next {
	text-align: right;
	width: 40%;
}
table.nextprev td.back {
	text-align: center;
}
table.nextprev td span {
	color: #bbbbbb;
}


/* Download files and download block */

div.download-block {
	margin: 0.5em 0;
	padding: 1em;
	border: 1px solid #cccccc;
	background-color: #fafafa;
}
div.download-block span.download-date {
	color: #aaaaaa;
	margin-left: 2em;
	white-space: nowrap;
}
div.download-block div.meta {
	margin: 0.5em 0.5em 0.5em 2em;
}
div.download-block div.meta strong.meta-title {
	width: 8em;
	float: left;
}


/* Project highlights box */

div.project-highlights {
	float: right;
	width: 12em;
	border: 1px solid #999999;
	background-color: #f0f0f0;
	margin-left: 2em;
	padding: 0.5em 1em 1em;
}
div.project-highlights h3 {
	margin-top: 0;
	padding-top: 0;
}
div.project-highlights ul {
	margin: 0;
	padding: 0;
}
div.project-highlights ul li {
	margin-left: 1em;
	padding: 0;
}


/* Definition lists for FAQs */
dl.faq {
	margin: 1em 0;
	padding: 0;
}
dl.faq dt {
	margin: 1em 0 0.5em 3em;
	padding: 0.5em 0;
	color: #135543;
	font-weight: bold;
	position: relative;
	border-top: 1px solid #dddddd;
}
dl.faq dd {
	margin: 1em 0 0.5em 3em;
	padding: 0;
	position: relative;
}
dl.faq dt span, dl.faq dd span {
	color: #135543;
	font-weight: bold;
	position: absolute;
	left: -1.4em;
	font-size: 2em;
	vertical-align: text-top;
	height: 2em;
	margin: 0px;
}


/* Generic block classes */

div.xar-block-head h3 {
	margin: 0.25em 0;
	padding: 0;
}
div.xar-block-body p, div.xar-block-body h3 {
	margin: 0 0 0.25em;
	padding: 0;
}
div.xar-block-body {
	margin-bottom: 1em;
}


/* Headlines block - common layout */

div.headlines {
	margin: 0 0 1em 0;
}
div.headlines ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.headlines li {
	padding: 0;
	margin: 0 0 0.5em 0;
}
div.headlines span {
	color: #aaaaaa;
	font-weight: bold;
	white-space: nowrap;
}


/* adminpanels menu - reduce its width a little */
ul.xar-menu-section {
	margin-left: 1em;
	padding: 0;
}
ul.xar-menu-section ul {
	margin-left: 0.5em;
	padding: 0;
}

/* TinyMCE specific styles */
body.mceContentBody {
	background-color: #ffffff !important;
	background-image: none !important;
}

/* Special styles for various types of links */
a.external {
    background-image: url(../images/link-external.gif);
    background-repeat: no-repeat;
    background-position: right 0.20em;
    padding-right: 14px;
}
a.mailto {
    background-image: url(../images/icon-mail.gif);
    background-repeat: no-repeat;
    background-position: left 0.25em;
    padding-left: 18px;
}

/* Image alignment for content pages */

img.image-left {
	float: left;
	margin: 0.5em 1em;
}

img.image-right {
	float: right;
	margin: 0.5em 0.5em 0.5em 1em;
}

/* Content lists */

/* List of green tick boxes */
ul.tick-list1 {
	list-style-position: outside;
	list-style-image: url(../images/list-tick1.gif);
}
ul.tick-list1 li {
	margin-bottom: 0.5em;
}

/* News block */

div.headlines {
	padding: 0.5em;
	background-color: #fafafa;
	border: 1px solid #cccccc;
}
div.xar-block-body div.headlines {
	padding: 0;
	background-color: transparent;
	border: none;
}
div.headlines hr {
	color: #cccccc;
}
div.headlines h3 {
	margin: 0 0 0.25em;
	color: #028468;
}
div.headlines h4 {
	margin: 0.5em 0;
	font-size: 90%;
	line-height: 120%;
}
div.headlines ul {
	list-style-position: inside;
	list-style-type: square;
}
div.headlines li, div.headlines p {
	font-size: 90%;
	line-height: 130%;
}
div.headlines img {
	border: 1px solid #333333;
}
div.headlines a.readmore {
	color: #E20024;
}

/* Style switcher block */

div.style-switcher-block {
	border: solid #aaaaaa;
	border-width: 1px 0;
	padding: 0;
	margin: 2em 0;
}
div.style-switcher {
	padding: 0;
	margin: 0;
}
div.style-switcher ul {
	clear: both;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
div.style-switcher ul li {
	float: left;
	height: 22px;
	padding: 0;
	margin: 0;
}
div.style-switcher ul li span {
	display: none;
}
div.style-switcher ul li a {
	width: 22px;
	height: 28px;
	display: block;
	background-repeat: no-repeat;
	background-position: left middle;
	white-space: nowrap;
}
div.style-switcher ul li a.font-normal {
	width: 14px;
	background-image: url(../images/access-icons/font-normal.gif);
	margin-right: 0.25em;
}
div.style-switcher ul li a.font-medium {
	width: 18px;
	background-image: url(../images/access-icons/font-medium.gif);
	margin-right: 0 0.25em;
}
div.style-switcher ul li a.font-large {
	background-image: url(../images/access-icons/font-large.gif);
	margin-right: 8px;
	padding-right: 8px;
	border-right: 1px solid #aaaaaa;
	margin-left: 0.25em;
}

div.style-switcher ul li a.colours-normal {
	background-image: url(../images/access-icons/colours-normal.gif);
	margin-right: 0.25em;
}
div.style-switcher ul li a.colours-high {
	background-image: url(../images/access-icons/colours-high.gif);
	margin-left: 0.25em;
}

/*div.style-switcher ul li.width-normal {
	clear: left;
}
div.style-switcher ul li a.width-normal {
	background-image: url(../images/access-icons/width-normal.gif);
	background-image: none;
}
div.style-switcher ul li a.width-wide {
	background-image: url(../images/access-icons/width-wide.gif);
	background-image: none;
}

div.style-switcher ul li a.styles-reset {
	background-image: url(../images/access-icons/styles-reset.gif);
	background-image: none;
}*/

div.style-switcher ul.text-list {
	padding: 0.5em 0 0;
	margin: 0;
	clear: both;
}
div.style-switcher ul.text-list li a {
	background-image: none;
	height: auto;
	width: auto;
	margin-right: 8px;
	padding-right: 8px;
	border-right: 1px solid #aaaaaa;
}
div.style-switcher ul li a.styles-reset {
	margin-right: ;
	padding-right: 0;
	border-right: none;
}

/* Sponsor list in the footer */

div.footer-sponsors {
	margin: 1em 2em 0.25em;
	text-align: center;
	padding: 1em 5% 0;
	border-top: 1px solid #aaaaaa;
}
div.footer-sponsors img {
	border: none;
	margin: 0 10px;
}

/* Some standard tables */

table.programme {
	border: 2px solid #F3871A;
	background-color: #FEFAEF;
	border-collapse: collapse;
}
table.programme th, table.programme td {
	padding: 0.25em 1em 0.25em 0.25em;
	vertical-align: top;
	border-top: 1px solid #FEEBB7;
	border-bottom: 1px solid #FEEBB7;
	text-align: left;
}

table.results {
	border: 2px solid #94092A;
	background-color: #FEFEFE;
	border-collapse: collapse;
}
table.results th, table.results td {
	padding: 0.25em 1em 0.25em 0.25em;
	vertical-align: top;
	border-top: 1px solid #94092A;
	border-bottom: 1px solid #94092A;
	text-align: left;
}

/* Boxes for blocks */

div.html-block {
	margin: 1em 0;
	border: 1px solid #bbbbbb;
	padding: 0 0.5em;
	background-color: #fafafa;
}