/* CSS FOR GLOBAL STYLING */

/*global style to apply to Body*/
.bodyStyle {
	font-family: Arial, Helvetica, sans-serif;
}

a {
	outline: none; /*prevent outlines on visited links*/
	text-decoration:none; /*no underlines*/
}

a:link {
	text-decoration:none; /*no underlines*/
}

a:hover {
	text-decoration:none; /*no underlines*/
}

a:visited {
	text-decoration:none; /*no underlines*/
}

/*IE will overide tablinks colour with <a> colour, so <a> no specified and implemented by the following three*/
.contentwrapper a {
	color:#336699;
}

.datearea a {
	color:#336699;
}

.copyright a {
	color:#336699;
}
/**/

h3 {
	font-size:16px;
	color:#336699;
	margin-top:-5px;
}

h4 {
	font-size:14px;
	color:#336699;
}

p {
	font-size:14px;
}

/*********************************************************************/

/*?*/
clear {
	clear:both;
}

.embolden { /*generic class to make a span bold avoiding <strong>*/
	font-weight:bold;
}

.darken { /*generic class to make a span darker but not bold - see toggle.js*/
	color:#333333;
	font-weight:100;
}

/***************************************************************/

.masthead {
	font-size:36px;
	color:#CCCCCC;
}

.mastheadshadow {
	font-size:36px;
	color:#999933;
}

.strapline {
	font-size:14px;
	color:#666666;
}

/***************************************************************/

.datearea {
	font-size:14px;
	color:#666666;
}

.size1 {
	font-size:14px;
	border-bottom-style:solid; /* keep 3 separate so js can change color*/
	border-bottom-width:1px;
	border-bottom-color:#336699; /*default*/
}

.size2 {
	font-size:16px;
	border-bottom-style:solid; /* keep 3 separate so js can change color*/
	border-bottom-width:1px;
	border-bottom-color:#FFFFFF;
}

.size3 {
	font-size:18px;
	border-bottom-style:solid; /* keep 3 separate so js can change color*/
	border-bottom-width:1px;
	border-bottom-color:#FFFFFF;
}

.topicheading {
	font-size:24px;
}


.topicheading_l {
	color:#336699;
}

.topicheading_bold {
	color:#336699;
	font-weight:bold;
}

.crumbtrail{
	font-size:12px;
	color:#666666;
}

.crumblinks { /*done on fly by JS*/
	font-size:12px;
	color:#336699;
}

/***************************************************************/

.copyright {
	font-size:10px;
	color:#666666;
}

/***************************************************************/

.tablinks {
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

/***************************************************************/

.nojs {
	text-align:left;
	font-size:16px;
	padding-left:50px;
}

/***************************************************************/

.home_caption {
	font-size:12px;
	color:#333333;
	width:200px;
	margin:-5px 0 0 0;
}

/***************************************************************/

.colourblock_b {
	font-size:14px;
	color:#000000;
	text-align:left;
}
.colourblock_w {
	font-size:14px;
	color:#FFFFFF;
	text-align:left;
}

/***************************************************************/

.content_txt {
	font-size:14px;
	color:#333333; /*was 666666*/
}

.content_big {
	font-size:20px;
	color:#333333; /*was 666666*/
	font-style:italic;
}

.content_big img { /*large quotes*/
	border-style:none;
}

.leftquote {
	padding-right:3px;
}

.rightquote {
	padding-left:5px;
	margin-bottom:10px;
}

.rightquote_home {
	padding-left:5px;
	margin-bottom:10px;
	margin-top:20px;
}

.author {
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	margin-top:10px; /*only applies when applied to Div*/
}

.click_enlarge {
	font-size:12px;
	margin:-8px 0 -10px 0;
}

.click_enlarge img {
	border-style:none;
}

.click_side {
	font-size:12px;
	margin:0 0 0 10px;
}

.click_side img {
	border-style:none;
}

.magnifier {
	margin-right:5px;
	float:left;
}

.highlight_blue {
	color:#336699;
}

.highlight_red {
	color:#990000;
}

.highlight_green {
	color:#006633;
}

.highlight_purple {
	color:#996666;
}

.highlight_cream {
	color:#CCCC99;
}

.highlight_yellow {
	color:#FF9900;
}

.highlight_beige {
	color:#CC9966;
}

.highlight_khaki {
	color:#999966;
}


.caption_l {
	font-size:12px;
	color:#333333;
	clear:both;
	float:left;
}

.caption_r { /*Not used ??*/
	font-size:12px;
	float:right;
	color:#333333;
	clear:both;
}

.date {
	font-size:50px;
	float:left;
	padding:25px 10px 25px 0;
	/*margin: 0 -10px 0 -10px;*/
	/* for firefox, safari, chrome, etc. */
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform:rotate(270deg); /*v10 ?*/
	-ms-transform:rotate(270deg); /*???*/
	/* for ie */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}


.bground {
	font-size:28px;
	color:#FFFFFF;
	font-style:italic;
	float:right;
	width:260px;
	padding:30px 10px 0 10px;
	text-align:left;
	height:155px;
}
/***************************************************************/

.footer {
	margin:10px 0 10px 0;
	border-top:dashed 1px #336699;
	border-bottom:dashed 1px #336699;
}

* html .footer { /*IE6 can't render dashes properly*/
	border-top:solid 1px #336699;
	border-bottom:solid 1px #336699;

}

.backtop {
	font-size:14px;
	font-weight:bold;
	margin:10px 0 10px 80px;
}

.prev_topic {
	float:left;
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}

.next_topic {
	float:right;
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}


.footer img {
	border-style:none;
	margin-bottom:-6px;
	padding:5px;
}

/******************************************************************/