/*** HTML styles ****************/
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #333333;
	font-size: 70%;
	margin: 0ex;
	padding-bottom: 2ex;
}
h1, h2, h3, p, ul, ol, li, input, form {
	margin: 0px;
	padding: 0px;
}
a { color: #CC0000; }
a:visited { color: #CF6767; }
a:active { color: #FF0000; }
img { border: none; }
td, th { vertical-align: top; }
hr { margin: 1ex; height: 1px; }

/*** Layout ****************/

.skipNav {
	display: none;
}
.Page {
	width: 760px;
	margin: 2ex auto 0ex;
	background-color: #FFFFFF;
	border: 1px solid #BBBBBB;
	padding-bottom: 2ex;
}
.Header {
	height: 70px;
}
.Logo {
	float: left;
	margin: 30px 0ex 0ex 27px;
}
.Strapline {
	float: left;
	margin: 44px 0ex 0ex 8px;
	color: #CC0000;
	font-size: 100%;
	font-style: italic;
	font-weight: normal;
}
.Search {
	float: right;
	margin: 40px 10px 0ex 0ex;
}
.Search input {
	font-size: 80%;
}
.Search input.GoButton {
	background-color: #FFFFFF;
	border: none;
}
.SideColumn {
	float: left;
	clear: left;
	width: 160px;
	margin: 10px 0px 0px 30px;
}
.Feature, .Content {
	float: right;
	clear: right;
	width: 547px;
	margin: 0ex;
}
.Content {
	width: 527px;
	padding-right: 20px;
}

/*** Global Navigation ****************/

.GlobalNav {
	font-size: 95%;
	margin-bottom: 12em;
}
.GlobalNav li {
	padding: 0.2ex 0ex 1ex 0ex;
	list-style: none;
}
.GlobalNav li li {
	padding: 0.2ex 0ex 0.5ex 2.5ex;
}
.GlobalNav li a {
	text-decoration: none;
	color: #000000;
}
.GlobalNav li a:hover {
	text-decoration: none;
	color: #CC0000;
}
.GlobalNav li.Selected > a {
	color: #CC0000;
}


.News {
	font-size: 90%;
	font-style: italic;
}
.News h2 {
	font-size: 90%;
	font-weight: bold;
}
.News li {
	list-style: none;
}
.News a {
	text-decoration: none;
}
.News a:hover {
	text-decoration: underline;
}



/* Content ------------------------------------------------*/

.Feature {
	background-repeat: no-repeat;
	height: 253px;
}

.Content h1 {
	clear: both;
	font-size: 110%;
	font-weight: bold;
	margin: 1ex -20px 1.5ex 0ex;
	border-bottom: 3px solid #CC0000;
}
.Content h2 {
	clear: both;
	font-size: 100%;
	font-weight: bold;
	margin: 3ex 0px 0.5ex 0ex;
}
.Content h2.Section {
	font-size: 100%;
	margin: 5ex -20px 1.5ex 0ex;
	padding-bottom: 0.25ex;
	border-bottom: 2px solid #CC0000;
}
.Content h3 {
	font-size: 100%;
	font-weight: bold;
	margin-top: 1ex;
	margin-bottom: 0ex;
}
.Content p {
	line-height: 130%;
	margin-bottom: 1ex;
}
.Content a { text-decoration: none; }
.Content a:hover { text-decoration: underline; }
/*
.Content a:visited { color: #525985; }
*/
.Content ol, .Content ul {
	line-height: 120%;
	margin: 0.75ex 0ex 0ex 3.5ex;
}
.Content li {
	margin-bottom: 0.75ex;
	margin-left: 1ex;
}
.Content ul li {
	list-style-image: url(../images/grey-square.gif);
}

.Content .InPageLinks {
	margin: 0ex 0ex 2ex;
}
.Content .InPageLinks li {
	display: inline;
	list-style: none;
	padding: 0ex 1.5ex 0ex 0ex;
}


.Gallery {
	margin-bottom: 2ex;
	border: 1px solid transparent;	/* fixes a jumping div issue in IE */
}
.Gallery .Photo {
	float: left;
	font-size: 75%;
	text-align: center;
	margin: 0px 6px;
}
.Gallery .Photo a img {
	border: 1px solid #FFFFFF;
	margin-bottom: 0.5ex;
}
.Gallery .Photo a:hover img {
	border-color: #CC0000;
}
.Gallery .Photo a:hover {
	text-decoration: none;
}


/*** Footer ****************/

.Footer {
	clear: both;
	text-align: center;
	font-size: 90%;
	margin: 1ex;
}
.Footer ul {
	list-style-type: none;
	padding: 0ex 1em;
}
.Footer li {
	display: inline;
	padding: 0px 1ex;
	border-left: 1px solid #999999;
}
.Footer li:first-child {
	border-left: none;
}
.Footer li a {
	padding: 0ex 0.5em;
	text-decoration: none;
	color: #996666;
}
.Footer li a:hover {
	text-decoration: underline;
}
.Footer .Copyright {
	color: #999999;
	margin-top: 0.5ex;
}


/*** Other ****************/

.spacer {
	float: none;
	clear: both;
	font-size: 1px;
}
.SubTitle {
	font-weight: bold;
	color: #999999;
	font-size: 120%;
	margin: 0ex auto 2ex;
}
.FirstPara {
	font-weight: bold;
}
.InlineSuperTitle {
	color: #999999;
	margin-right: 1ex;
}
.InlineDate {
	color: #333333;
	font-size: 90%;
	margin-right: 1ex;
	font-weight: bold;
}
.inPageImgLeft {
	float: left;
	margin-bottom: 1ex;
	margin-right: 1em;
}
.inPageImgRight {
	float: right;
	clear: right;
	margin-bottom: 0.7ex;
	margin-left: 0.7em;
}
.highlight {
	color: #CC3300;
}
.error {
	color: #CC0000;
}