/* global font and colour settings */
body {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 1.000em; /* This sets the default font size to be equivalent to 12px from 16px - so let's hope the default is 16! */
  color: #fff;
  background-color: #fff;
  margin: 0;
  line-height: 1.417em;
}

a#sitemap-link { display:none; }


/* headings */
h1, h2, h3, h4, h5, h6 { margin: 0.5em 0; font-family: 'Source Sans Pro', sans-serif; font-weight: 200; }
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child { margin-top: 0; }

h1 { font-size: 1.733em; line-height: 1.4em; }
h2 { font-size: 1.600em; line-height: 1.4em; }
h3 { font-size: 1.467em; line-height: 1.4em; }
h4 { font-size: 1.3em; line-height: 1.4em; }
h5 { font-size: 1.1em; line-height: 1.4em; }
h6 { font-size: 1.0em; line-height: 1.4em; }


/* lists will mostly be special and require no margins andstuff */
.clean    { list-style: none; margin: 0; padding: 0; }
.clean li { margin: 0; padding: 0; }

/* horizontal rule */
hr {
  margin: 18px 0;
  border-bottom: solid #666 1px;
  height: 1px;
  border-top: none;
  border-left: none;
  border-right: none;
}

/* form elements */
input, button, select, option, textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
} /* for some reason, input, select, options and textareas get a separate font, and 'inherit' doesn't work for IE7, grr! */

pre { font-size: 1.3em; }
p { margin: 0; margin-bottom: 10px; }
form { margin: 0; padding: 0; }

table th,
table td { text-align: left; }

table tr[align="center"] th,
table tr[align="center"] td,
table th[align="center"],
table td[align="center"] { text-align: center; }

table tr[align="right"] th,
table tr[align="right"] td,
table th[align="right"],
table td[align="right"] { text-align: right; }

/* no borders on normal images */
img { border: 0; }




/***********/
/* headers */
/***********/
#dynamic-header {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
}
#dynamic-header .dynamic-header-image {
	left: 0px;
	position: absolute;
	top: 0px;
}
#dynamic-header #dynamic-header-pagination {
	bottom: 10px;
	cursor: pointer; /* doesn't make sense but the 'links' have a weird transition otherwise */
	position: absolute;
	right: 10px;
	z-index: 1001;
}
#dynamic-header #dynamic-header-pagination span {
	background: #ccc;
	background: rgba(255, 255, 255, 0.8);
	color: #555;
	cursor: pointer;
	padding: 2px 5px;
}
#dynamic-header #dynamic-header-pagination span:hover,
#dynamic-header #dynamic-header-pagination span.dynamic-header-selected {
	background: #aaa;
	background: rgba(255, 255, 255, 0.45);
}

/********/
/* tabs */
/********/
/* non-JS styles */
.tabcontainer {  }
.tabcontainer .tab {  }
.tabcontainer .tab .tabtitle   {  }
.tabcontainer .tab .tabcontent {  }

/* JS styles */
.tabcontainer.decorated .tabbar {  }
.tabcontainer.decorated .tabbar li {
	background: #e2e2e2;
	color: #333;
	cursor: pointer;
	float: left;
	padding: 5px 10px;
}
.tabcontainer.decorated .tabbar li:hover,
.tabcontainer.decorated .tabbar li.selected {
	background: #d31919;
	color: #fff;
}

.tabcontainer.decorated .tab { border: 4px solid #dbdbdb; padding: 15px 20px; }
.tabcontainer.decorated .tab .tabtitle   {  }
.tabcontainer.decorated .tab .tabcontent {  }


/* forsm and whatnot */

.required { color: #f00; }

#recaptcha_widget         { margin-bottom: 15px; }
#recaptcha_image          { float: left; width: 300px; }
#recaptcha_options        { border-left: 1px solid #999; padding-left: 5px; float: left; margin-left: 10px; }
#recaptcha_response_field { width: 325px; }
#recaptcha_notice         { font-size: 0.833em; color: #555; }

/* message and error boxes, not just useful in contact form */
#messages,
#errors,
#warnings,
#info { margin-bottom: 10px; }
.message { border: 1px solid #080; background: #efe; color: #080; padding: 3px 5px; margin-bottom: 15px; float: left; } /* you may need to clearfix this */
.message.nomargin { margin-bottom: 0; } /* if before something with a margin-top */
.message.info { border-color: #880; background: #ffe; color: #880; } /* info box in yellow */
.message.warn { border-color: #f40; background: #ffe; color: #f40; } /* warning box in orange */
.message.error { border-color: #f00; background: #fee; color: #f00; } /* error box in red */

.message::-moz-selection { background: #080; color: #efe; }
.message::selection      { background: #080; color: #efe; }
.info::-moz-selection { background: #880; color: #ffe; }
.info::selection      { background: #880; color: #ffe; }
.warn::-moz-selection { background: #f40; color: #ffe; }
.warn::selection      { background: #f40; color: #ffe; }
.error::-moz-selection { background: #f00; color: #fee; }
.error::selection      { background: #f00; color: #fee; }


/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html>body .clearfix {
  display: inline-block;
  width: 100%;
}

* html .clearfix {
  /* Hides from IE-mac \*/
  height: 1%;
  /* End hide from IE-mac */
}