html{
 height: 100%;
}
body{
 margin: 0px;
 font-family: Trebuchet MS, Arial, sans-serif;
 font-size: 80%;
 color: #484848;
 height: 100%;
}
textarea, input, select {
 font-family: Trebuchet MS, Arial, sans-serif;
 font-size: 100%;
}
p {
 margin-top: 15px;
 margin-bottom: 15px;
}
label { font-weight: bold; }
a:link, a:visited{
 color: #8F1010;
 text-decoration:none;
}
a:hover{
 text-decoration:underline;
}
.hoverlinks, .hoverlinks:visited, .hoverlinks:link {
	text-decoration: none;
	color: #616161;
}
.hoverlinks:hover {
	text-decoration: underline;
}
.skiplink{
 display: none;
}
.strapLine{
 border-bottom: 1px solid white;
 background-color: #D00202;
}
.hDottedLine{
	background-image : url(images/horizontal-dotted-line.gif);
	background-repeat : repeat-x;
	width: 100%;
 display:block;
}
.body {
 height: 10%;
 margin-top: 20px;
 padding-bottom: 12px;
	background : url(images/vertical-lines.gif) repeat-y;
 float: left;
}
.menu{
 padding-left: 8px;
 padding-right: 18px;
 width: 105px;
 text-align: right;
 float:left;
 margin-top: 17px;
}
.bodyText {
 margin-top: 9px;
 float:left;
 font-size: 110%;
}
.forumText {
 margin-top: 0px;
 float: left;
 font-size: 110%;
}
.bodyText {
 width: 400px;
 padding-left: 21px;
 padding-right: 21px;
}
.bodyTitle{
	color: #B40101;
	font-size: 120%;
 font-weight: bold;
}
.picAndText{
 color: #8F1010;
 float:left;
 padding-left: 18px;
 width: 175px;
 font-size: 85%;
}
.picBorder{
	border: 1px solid #6A2929;
}
.small {
 font-size : 85%;
}
.captionText{
	line-height : 170%;
	letter-spacing : 1px;
}
.document{
 color: #484848;
 width: 160px;
}



/* BB styles */
.forumbody {
 float: left;
 /*height: 10%; removed this line cos it messed up the mac and I can't see what its for anyway */
 margin-top: 20px;
 padding-bottom: 12px;
	background : url(images/forum-vertical-lines.gif) repeat-y;
}

.forumcol1,.forumcol2  {
 float: left;
 width: 300px;
}

.forumcol2 {
 margin-left: 8px;
}


.forumbody textarea, .forumbody input, .forumbody select {
 font-family: verdana, arial, sans-serif;
 font-size: 100%;
}
.forumText {
 width: 609px;
 padding-left: 21px;
 font-family: Verdana;
 font-size: 85%;
}
#forumHeader {
 background-color: #EAEAEA;
 font-size: 90%;
}

.forumTitle {
 font-weight: bold;
}
#forumBreadcrumbTrail {
 margin-bottom: 10px;
}
.forumSubject {
 font-size: 120%;
 font-weight: bold;
}
#bbHeaderTitle {
 padding: 20px 10px 20px 20px;
 background-color: #FDE8E7;
 color: #5C615A;
 font-weight: bold;
}
input.forumSubmitButton {
 background-color: #D00202;
 padding: 4px 7px 4px 7px;
 text-align: center;
 font-weight: bold; 
 color: white;
 border: 0px;
}
#newDiscussion {
 float: right;
}
.topBorderLine {
 background-image: url(images/horizontal-dotted-line.gif);
 background-position: top;
 background-repeat: repeat-x;
}

.bottomBorderLine {
 background-image: url(images/horizontal-dotted-line.gif);
 background-position: bottom;
 background-repeat: repeat-x;
}
.bbListingOdd {
 background-color: #FBEBEB;
}
.bbListingEven {
 background-color: #FEF2F2;
}

.bbForumThreadListing, .bbForumThreadListingOdd, .bbForumThreadListingEven {
 padding-top: 10px;
 padding-bottom: 0px;
 line-height: 1.4em;
}
.bbForumThreadListingOdd {
 background-color: #FFF7F8;
}

.bbForumThreadListingEven {
 background-color: #FDE8E7;
}

.forumThreadListing {
line-height: 1.6em;
 padding: 5px 15px 5px 15px;
}

.messageReplies {
 float: right;
 padding-right: 9px;
 horizontal-align: right;
 width: 280px;
}

.whiteButton, .redButton {
 padding: 4px 7px 4px 7px;
 font-weight: bold;
 text-align: center;
 /* ONLY FOR MAC IE */
 /*\*//*/
 width: 120px;
 /**/
}
.whiteButton {
 border: 1px solid #AFABAC;
 background-color: white;
}
.whiteButton a {
 color: #5F5F5F;
}
.whiteText, .whiteText:link, .whiteText:active, .whiteText:visited {
 color: white;
}
.greyText, .greyText:link, .greyText:active, .greyText:visited {
 color: #5E5E5E;
}
.redText, .redText:link, .redText:active, .redText:visited {
 color: #B30003;
}
.redButton {
 border: 1px solid #D00202;
 background-color: #D00202;
}
.redButton a {
 color: white;
}
.redTitle {
 color: #C00003;
 font-weight: bold;
}
.strong { font-weight: bold; }
.clearer {
 clear: both;
 font-size: 1px;
}

.floatLeft { float: left; }
.floatRight { float: right; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: top; }

.active {
 color: #484848;
}
.inActive {
 color: #999999;
}
.activeTab, .activeTab:hover, .activeTab:visited {
 font-family: Trebuchet MS, Arial, sans-serif;
 color : #143E75;
 font-weight : bold;
 background-color : silver;
 white-space : nowrap;
 padding-left : 3px;
 padding-right : 5px;
 padding-top : 2px;
 padding-bottom : 2px;
}
.inActiveTab, .inActiveTab:visited, .inActiveTab:hover {
 font-family: Trebuchet MS, Arial, sans-serif;
 background-color : Gray;
 color : White;
 white-space : nowrap;
 padding-left : 3px;
 padding-right : 5px;
 padding-top : 2px;
 padding-bottom : 2px;
}


/* paging */
.pagingButton, .pagingButtonActive {
 padding: 1px 3px 1px 3px;
 border: 1px solid #626262;
 font-weight: bold;
}
.pagingButton {
 background-color: #EDEEF0;
 color: #AF030F;
}
.pagingButtonActive {
 background-color: #ABABAB;
 color: #FFFFFF;
}


/* registration form */
.registrationFormSubscribeItem {
 float: left;
 width: 273px;
 padding: 2px;
}
.registrationFormLabel {
 float: left;
 text-align: right;
 margin-right: 15px;
 width: 200px;
 padding-top: 0.2em;
}
/* other BB forms */
.formLabel {
 float: left;
 padding-top: 0.2em;
}
/* Hides from IE-mac - prevent peekaboo bug \*/
.greyFormContainer, .forumContainer, .pagingContainer { height: 1%; }
/* End hide from IE-mac */
.greyFormContainer {
 background-color: #F4F4F4;
 padding-bottom: 12px;
}
.forumContainer {
 padding-bottom: 12px;
}
.pagingContainer {
 padding: 11px 5px 8px 3px;
}
.greyFormContainer form {
 margin: 20px 20px 0px 20px;
}
.formItem {
 width: 550px;
 padding: 2px;
}