@import "dropdown-ie.css";
/*MAIN VARS*/
/*Template Dimensions*/
/*Colours and fonts*/
/*INSERTS*/
/*Base Libraries*/
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.1
build: 47
*/
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
html {
  color: #000;
  background: #FFF;
}
/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF. 
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset, img {
  border: 0;
}
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
/*
	TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
*/
li {
  list-style: none;
}
caption, th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before, q:after {
  content: '';
}
abbr, acronym {
  border: 0;
  font-variant: normal;
}
/* to preserve line-height and selector appearance */
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
/*to enable resizing for IE*/
input, textarea, select {
  *font-size: 100%;
}
/*because legend doesn't inherit in IE */
legend {
  color: #000;
}
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.1
build: 47
*/
/* base.css, part of YUI's CSS Foundation */
h1 {
  /*18px via YUI Fonts CSS foundation*/

  font-size: 138.5%;
}
h2 {
  /*16px via YUI Fonts CSS foundation*/

  font-size: 123.1%;
}
h3 {
  /*14px via YUI Fonts CSS foundation*/

  font-size: 108%;
}
h1, h2, h3 {
  /* top & bottom margin based on font size */

  margin: 1em 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong {
  /*bringing boldness back to headers and the strong element*/

  font-weight: bold;
}
abbr, acronym {
  /*indicating to users that more info is available */

  border-bottom: 1px dotted #000;
  cursor: help;
}
em {
  /*bringing italics back to the em element*/

  font-style: italic;
}
blockquote,
ul,
ol,
dl {
  /*giving blockquotes and lists room to breath*/

  margin: 1em;
}
ol, ul, dl {
  /*bringing lists on to the page with breathing room */

  margin-left: 2em;
}
ol li {
  /*giving OL's LIs generated numbers*/

  list-style: decimal outside;
}
ul li {
  /*giving UL's LIs generated disc markers*/

  list-style: disc outside;
}
dl dd {
  /*providing spacing for definition terms*/

  margin-left: 1em;
}
th, td {
  /*borders and padding to make the table readable*/

  border: 1px solid #000;
  padding: .5em;
}
th {
  /*distinguishing table headers from data cells*/

  font-weight: bold;
  text-align: center;
}
caption {
  /*coordinated margin to match cell's padding*/

  margin-bottom: .5em;
  /*centered so it doesn't blend in to other content*/

  text-align: center;
}
p,
fieldset,
table,
pre {
  /*so things don't run into each other*/

  margin-bottom: 1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text], input[type=password], textarea {
  width: 12.25em;
  *width: 11.9em;
}
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.1
build: 47
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
  font: 13px/1.23 arial, helvetica, clean, sans-serif;
  *font-size: small;
  /* for IE */

  *font: x-small;
  /* for IE in quirks mode */

}
/**
 * Nudge down to get to 13px equivalent for these form elements
 */select,
input,
button,
textarea {
  font: 99% arial, helvetica, clean, sans-serif;
}
/**
 * To help tables remember to inherit
 */
table {
  font-size: inherit;
  font: 100%;
}
/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}
/*OOCSS*/
@media screen and (max-width: 319px) {
  .unit {
    float: none !important;
    width: auto !important;
  }
}
.line:after, .lastUnit:after {
  clear: both;
  display: block;
  visibility: hidden;
  overflow: hidden;
  height: 0 !important;
  line-height: 0;
  font-size: xx-large;
  content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
}
.line {
  *zoom: 1;
}
.unit {
  float: left;
}
.size1of1 {
  float: none;
}
.size1of2 {
  width: 50%;
}
.size1of3 {
  width: 33.33333%;
}
.size2of3 {
  width: 66.66666%;
}
.size1of4 {
  width: 25%;
}
.size3of4 {
  width: 75%;
}
.size1of5 {
  width: 20%;
}
.size2of5 {
  width: 40%;
}
.size3of5 {
  width: 60%;
}
.size4of5 {
  width: 80%;
}
.lastUnit {
  display: table-cell;
  float: none;
  width: auto;
  *display: block;
  *zoom: 1;
  _position: relative;
  _left: -3px;
  _margin-right: -3px;
}
/*
Copyright (c) 2009, Nicole Sullivan. All rights reserved.
Code licensed under the BSD License:
version: 0.2
*/
/* **************** BLOCK STRUCTURES ***************** */
/* mod */
.mod {
  margin: 10px;
}
.mod .inner {
  /*background: url(skin/transparent.png) repeat left top;*/
}
.inner, .bd, .ft {
  *zoom: 1;
}
.inner:after,
.hd:after,
.bd:after,
.ft:after {
  clear: both;
  display: block;
  visibility: hidden;
  overflow: hidden;
  height: 0 !important;
  line-height: 0;
  font-size: xx-large;
  content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
}
.inner {
  position: relative;
}
b {
  display: block;
  background-repeat: no-repeat;
  font-size: 1%;
  position: relative;
  z-index: 10;
}
.tl,
.tr,
.bl,
.br {
  height: 10px;
  width: 10px;
  float: left;
}
.tl {
  background-position: left top;
}
.tr {
  background-position: right top;
}
.bl {
  background-position: left bottom;
}
.br {
  background-position: right bottom;
}
.br, .tr {
  float: right;
}
.tr, .tl {
  overflow: hidden;
  margin-bottom: -32000px;
}
/* margin bottom needs to be < -9px */
.bl, .br {
  margin-top: -10px;
}
.top {
  background-position: center top;
}
.bottom {
  background-position: center bottom;
  _zoom: 1;
}
/* this zoom required for IE5.5 only*/
/* complex */
.complex {
  overflow: hidden;
  *position: relative;
  *zoom: 1;
}
/* position/zoom required for IE7, 6, 5.5 */
.complex .tl, .complex .tr {
  height: 32000px;
  margin-bottom: -32000px;
  width: 10px;
}
.complex .bl, .complex .br {
  /*margin-top:0;*/
}
.complex .top {
  height: 5px;
}
.complex .bottom {
  height: 5px;
  /*margin-top:-10px;*/
}
/* pop */
.pop {
  overflow: visible;
  margin: 10px 20px 20px 10px;
  background-position: left top;
}
.pop .inner {
  right: -10px;
  bottom: -10px;
  background-position: right bottom;
  padding: 0 10px 10px 0;
}
.pop .tl, .pop .br {
  display: none;
}
.pop .bl {
  bottom: -10px;
}
.pop .tr {
  right: -10px;
}
/* **************** BLOCK SKINS ***************** */
/* ====== Contour blocks ====== */
/* remove background-image:" to default to square corners for IE */
/* ----- simple (extends mod) ----- */
.simple .inner {
  border: 1px solid #D7D7D7;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.simple b {
  *background-image: url(libs/oocss/core/module/skin/simple_corners.png);
}
/* ----- basic (extends mod) ----- */
.basic .inner {
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.basic b {
  *background-image: url(libs/oocss/core/module/skin/round.png);
}
/* ----- simpleExt (extends mod) ----- */
.simpleExt, .simpleExt .inner {
  border: 1px solid #c7c7c7;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.simpleExt .inner {
  border-color: #fff;
  border-width: 4px;
  background-color: #e2e2e2;
}
.simpleExt b {
  *background-image: url(libs/oocss/core/module/skin/simple_extended.png);
}
.simpleExt .tl {
  left: -1px;
  top: -1px;
  height: 12px;
  width: 12px;
}
.simpleExt .tr {
  right: -1px;
  top: -1px;
  height: 12px;
  width: 12px;
}
.simpleExt .bl {
  left: -1px;
  bottom: -1px;
  height: 12px;
  width: 12px;
  margin-top: -12px;
}
.simpleExt .br {
  right: -1px;
  bottom: -1px;
  height: 12px;
  width: 12px;
  margin-top: -12px;
}
/* ----- me (extends mod) use for my comments ----- */
.me, .me .inner {
  border: 1px solid #909090;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.me .inner {
  border-color: #d76a84;
}
.me b {
  *background-image: url(libs/oocss/core/module/skin/me.png);
}
.me .tl {
  left: -1px;
  top: -1px;
}
.me .tr {
  right: -1px;
  top: -1px;
}
.me .bl {
  left: -1px;
  bottom: -1px;
}
.me .br {
  right: -1px;
  bottom: -1px;
}
/* ----- noted (extends mod) ----- */
.noted, .noted .inner {
  border: 1px solid #c2c2c2;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.noted .inner {
  border-color: #eded68;
}
.noted b {
  *background-image: url(libs/oocss/core/module/skin/noted.png);
}
.noted .tl {
  left: -1px;
  top: -1px;
}
.noted .tr {
  right: -1px;
  top: -1px;
}
.noted .bl {
  left: -1px;
  bottom: -1px;
}
.noted .br {
  right: -1px;
  bottom: -1px;
}
/* ----- grab (extends mod) ----- */
.grab .inner {
  border: 3px solid #00477a;
  border-bottom-width: 10px;
}
/* can't be done w border radius */
.grab b {
  background-image: url(libs/oocss/core/module/skin/grab.png);
}
/*.grab .tl, .grab .tr{height:10px; width:10px;}*/
.grab .bl, .grab .br {
  height: 16px;
  /*if height is set, margin set*/
  margin-top: -16px;
}
/* ----- faq (extends mod) ----- */
.faq .inner {
  border: 3px solid #b20029;
  border-bottom-width: 10px;
}
/* can't be done w border radius */
.faq b {
  background-image: url(libs/oocss/core/module/skin/faq.png);
}
.faq .bl, .faq .br {
  height: 16px;
  /*if height is set, margin set*/
  margin-top: -16px;
}
/* ----- onlinestore (extends mod) ----- */
.onlinestore .inner {
  border: 3px solid #9a9800;
  border-bottom-width: 10px;
}
/* can't be done w border radius */
.onlinestore b {
  background-image: url(libs/oocss/core/module/skin/store.png);
}
.onlinestore .bl, .onlinestore .br {
  height: 16px;
  /*if height is set, margin set*/
  margin-top: -16px;
}
/* ----- about (extends mod) ----- */
.about .inner {
  border: 3px solid #494949;
  border-bottom-width: 10px;
}
/* can't be done w border radius */
.about b {
  background-image: url(libs/oocss/core/module/skin/about.png);
}
.about .bl, .about .br {
  height: 16px;
  /*if height is set, margin set*/
  margin-top: -16px;
}
/* ----- talk (extends mod) ----- */
.talk, .talk .inner {
  border: 1px solid #c7c7c7;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.talk .inner {
  border-color: #ededed;
}
.talk b {
  *background-image: url(libs/oocss/core/module/skin/talk.png);
}
.talk .tl {
  left: -1px;
  top: -1px;
}
.talk .tr {
  right: -1px;
  top: -1px;
}
.talk .bl {
  left: -1px;
  bottom: -1px;
}
.talk .br {
  right: -1px;
  bottom: -1px;
}
/* ----- photo (extends complex) ----- */
.photo .inner {
  border: solid 10px #fff;
  margin: 0 4px;
}
/* muck with margins to change how the block will align with other blocks, any value between 0-10px */
.photo b {
  background-image: url(libs/oocss/core/module/skin/photo.png);
}
.photo .tr, .photo .tl {
  width: 20px;
}
.photo .top, .photo .bottom {
  height: 4px;
  margin-top: 0px;
}
.photo .bl, .photo .br {
  height: 16px;
  margin-top: -12px;
}
/* ----- flow (extends complex) ----- */
.flow {
  margin: 6px;
}
.flow b {
  background-image: url(libs/oocss/core/module/skin/even.png);
}
.flow .inner {
  padding: 0 4px;
}
.flow .top {
  height: 4px;
}
.flow .bottom {
  height: 4px;
  margin-top: -4px;
}
.flow .br, .flow .bl {
  margin-top: -6px;
}
/* margin top = bottom height - corner height */
/* ----- shadow test (experimental attempt to match "flow" cross browser w no img)----- */
.boo {
  -webkit-box-shadow: 0px 0px 1px black;
  -moz-box-shadow: black 2px 2px 2px 2px;
  /*-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;*/
  border: solid 1px #949494;
  background: #fff;
}
/* ----- .excerpt (extends complex) ----- */
.excerpt b {
  background-image: url(libs/oocss/core/module/skin/excerpt.png);
}
.excerpt .top {
  height: 1px;
}
.excerpt .bottom {
  height: 6px;
  margin-top: -6px;
}
/* margin top equal to - height of bottom */
.excerpt .br, .excerpt .bl {
  height: 12px;
  margin-top: -6px;
}
/* margin top = bottom height - corner height */
/* ----- sommers (extends pop) ----- */
.sommers .inner {
  _border: 3px solid #D7D7D7;
}
/*IE6 backup no alpha transparency */
.sommers, .sommers .inner, .sommers b {
  background-image: url(libs/oocss/core/module/skin/glow_7px.png);
  _background-image: none;
}
.sommers {
  margin: 3px 20px 20px 3px;
}
/* ----- gonzalo ----- */
.gonzalo, .gonzalo .inner, .gonzalo b {
  background-image: url(libs/oocss/core/module/skin/gc.png);
}
/* ====== Background blocks ====== */
.sale .inner {
  background: red none;
}
.nicole .inner {
  background: #c01c41 none;
  color: #fff;
}
.nicole *, .login * {
  color: #fff;
}
.highlight .inner {
  background: #e3e36f none;
}
.universe .inner {
  background: url(libs/oocss/core/module/skin/universe.png) repeat left top;
}
.foo .inner {
  background: url(libs/oocss/core/module/skin/universe_gray.png) repeat left top;
}
.login .inner {
  background: url(libs/oocss/core/module/skin/universe_login.png) repeat left top;
}
.comment .inner {
  background: #e2e2e2 none;
}
/* ====== Block headers and footers ====== */
.hd h1,
.hd h2,
.hd h3,
.hd h4,
.hd h5,
.hd h6 {
  padding: 5px 10px;
}
.section {
  background: #e9e9e9 url(libs/oocss/core/module/skin/header.png) repeat-x left bottom;
  color: #de2c72;
  font-size: 120%;
  padding: 5px 10px;
}
.section h1,
.section h2,
.section h3,
.section h4,
.section h5,
.section h6 {
  font-size: 100%;
  color: #de2c72;
  padding: 0;
}
.act {
  background-color: #e9e9e9;
}
.topper {
  background: white url(libs/oocss/core/module/skin/header_gradient_light.png) repeat-x left bottom;
  color: #4D4D4D;
  font-size: 120%;
  padding: 5px 10px;
}
.topper h1,
.topper h2,
.topper h3,
.topper h4,
.topper h5,
.topper h6 {
  font-size: 100%;
  color: #4D4D4D;
  padding: 0;
}
.tabPosLeft .topper li, .tabPosRight .topper li {
  background: white url(libs/oocss/core/module/skin/header_gradient_light.png) repeat-x left bottom;
  /* belongs in topper */
}
.tabPosBottom .topper {
  background-image: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#e2e2e2), to(white));
  background-image: -moz-linear-gradient(0% 8% 270deg, #e2e2e2, white, white 77%);
}
.bam {
  background: #00477a url(libs/oocss/core/module/skin/header_glossy.png) repeat-x left top;
  color: #fff;
  font-size: 120%;
  padding: 5px 10px;
}
.bam h1,
.bam h2,
.bam h3,
.bam h4,
.bam h5,
.bam h6 {
  font-size: 100%;
  color: #fff;
  padding: 0;
}
.gonz {
  background: url(libs/oocss/core/module/skin/gc_header.png) no-repeat left top;
}
/* messed up */
.online {
  background: #9a9400 url(libs/oocss/core/module/skin/online.png) repeat-x left top;
  color: #000;
  font-size: 120%;
  padding: 5px 10px;
}
.online h1,
.online h2,
.online h3,
.online h4,
.online h5,
.online h6 {
  font-size: 100%;
  color: #000;
  padding: 0;
}
.help {
  background: #b20029 url(libs/oocss/core/module/skin/help.png) repeat-x left top;
  color: #fff;
  font-size: 120%;
  padding: 5px 10px;
}
.help h1,
.help h2,
.help h3,
.help h4,
.help h5,
.help h6 {
  font-size: 100%;
  color: #fff;
  padding: 0;
}
.info {
  background: #636363 url(libs/oocss/core/module/skin/info.png) repeat-x left top;
  color: #fff;
  font-size: 120%;
  padding: 5px 10px;
}
.info h1,
.info h2,
.info h3,
.info h4,
.info h5,
.info h6 {
  font-size: 100%;
  color: #fff;
  padding: 0;
}
/*JS LIBS*/
.calloading {
  text-align: center;
  padding: 20px 0;
}
.calloading  noscript {
  display: block;
}
.calendar  table td {
  font-size: 93%;
  border: 0;
  padding: 0;
  vertical-align: top;
  border-left: solid 1px #fff;
  border-top: solid 1px #fff;
}
.calendar   .event td {
  border: 0;
}
.calendar   .event td a {
  background: #D6C39D;
  display: block;
  margin-top: 3px;
}
.calendar  table td a {
  font-size: 93%;
  border: 0;
  padding: 2px;
  color: #850037;
}
#aspnetForm a.nonclickable {
  /*background:#850037;color:#F8F5EE;*/
  text-decoration: none;
}
.full-calendar-month-wrap {
  border: solid 1px #ccc;
}
.calendar button span {
  padding-left: 10px;
  padding-right: 10px;
}
.calendar button {
  cursor: pointer;
}
/*fullcalendar*/
/* top area w/ month title and buttons */
.full-calendar-title {
  text-align: left;
}
.full-calendar-buttons {
  float: right;
  margin: 0 0 1em;
}
.full-calendar-buttons input {
  vertical-align: middle;
  margin: 0 0 0 5px;
  font-size: 1em;
  clear: none;
  display: inline;
}
.full-calendar-prev, .full-calendar-next {
  width: 40px;
}
/* table layout & outer border */
#main #wrap .full-calendar-month-wrap td {
  border: none;
}
.full-calendar-month-wrap {
  clear: both;
  border-right: 1px solid #ccc;
  /* outer border color & style */

  border-bottom: 1px solid #ccc;
  /* outer border color & style */

}
.full-calendar-month {
  width: 100%;
  overflow: hidden;
}
#main #wrap .full-calendar-month table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
}
/* cell styling */
#main #wrap .full-calendar-month th, #main #wrap .full-calendar-month td.day {
  padding: 0;
  vertical-align: top;
  border: 0;
  border-style: solid;
  /* inner border style */

  border-color: #ccc;
  /* inner border color */

  border-width: 1px 0 0 1px;
}
.full-calendar-month th {
  border-top: 0;
  text-align: center;
}
.full-calendar-month th.first, .full-calendar-month td.first {
  border-left: 0;
}
/*
#main #wrap .full-calendar-month td.today {
	background: #FFFFCC;
	}*/
#main #wrap .full-calendar-month .day-number {
  text-align: right;
  padding: 0 2px;
}
.full-calendar-month .other-month .day-number {
  color: #bbb;
}
#main #wrap .full-calendar-month .day-content {
  padding: 2px 2px 0;
  /* distance between events and day edges */

}
.full-calendar-month td.day {
  /* FullCalendar automatically chooses a height, but this can be overridden: */

  /* height: 100px !important; */

}
/* event styling */
#main #wrap .full-calendar-month .event {
  margin-bottom: 2px;
  font-size: .85em;
  cursor: pointer;
  text-align: left;
  background: #000;
  color: #F418A9;
  margin-left: 0;
}
.full-calendar-month .ui-draggable-dragging td {
  cursor: move;
}
#main #wrap .full-calendar-month .event td {
  background: #000;
  padding: 0;
  border: 0;
}
.full-calendar-month .event td.ne,
.full-calendar-month .event td.nw,
.full-calendar-month .event td.se,
.full-calendar-month .event td.sw {
  background: none;
  width: 1px;
  /* <-- remove if you dont want "rounded" corners */

  height: 1px;
  /* <--										   */

}
.full-calendar-month .nobg td {
  background: none;
}
.full-calendar-month .event td.c {
  padding: 0 2px;
}
.full-calendar-month .event-time {
  font-weight: bold;
}
/* the rectangle that covers a day when dragging an event */
.full-calendar-month .over-day {
  background: #ADDBFF;
  opacity: .2;
  filter: alpha(opacity=20);
}
/* right-to-left support */
.r2l .full-calendar-title {
  text-align: right;
}
.r2l .full-calendar-buttons {
  float: left;
}
.r2l .full-calendar-buttons input {
  margin: 0 5px 0 0;
}
.r2l .full-calendar-month .day-number {
  text-align: left;
}
.r2l .full-calendar-month .event {
  text-align: right;
}
/*MGZ*/
/*ROUNDED CORNERS*/
.testRounded .inner {
  border: 1px solid #ccc;
}
.testRounded b {
  background-image: url(../RoundedDo.aspx?r=20&w=20&h=20&bw=1&bg=fff&bc=ccc&fc=fff);
}
/*http://www.cssplay.co.uk/menus/iframe_fix3.html*/
.dropdown {
  width: 980px !important;
  padding: 0;
  margin: 0;
  list-style: none;
  height: 36px;
  position: relative;
  z-index: 500;
  font-weight: bold;
  font-size: 108%;
}
.dropdown a, .dropdown a:link {
  color: white;
}
.dropdown a:visited {
  color: white;
}
.dropdown a:hover {
  color: white;
}
.dropdown a:active, .dropdown a:focus {
  color: white;
}
.dropdown li.depth1 {
  display: block;
  float: left;
  margin-left: 10px;
}
.dropdown a.depth1 {
  position: relative;
  display: block;
  float: left;
  height: 36px;
  cursor: pointer;
  line-height: 36px;
  padding: 0 12px;
}
.dropdown b.down {
  background: url(skin/droparrow.png);
  position: absolute;
  height: 10px;
  width: 12px;
  top: 40%;
  right: 0;
}
.dropdown :hover b.down {
  background-position: left bottom;
}
.depth2 b.down {
  display: none;
}
.dropdown table {
  border-collapse: collapse;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.dropdown a:hover {
  visibility: visible;
  position: relative;
  z-index: 200;
}
.dropdown li:hover {
  position: relative;
  z-index: 200;
}
.dropdown ul,
.dropdown :hover ul ul,
.dropdown :hover ul :hover ul ul,
.dropdown :hover ul :hover ul :hover ul ul,
.dropdown :hover ul :hover ul :hover ul :hover ul ul {
  position: absolute;
  left: -9999px;
  top: -9999px;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.dropdown :hover ul {
  left: 0;
  top: 36px;
  white-space: nowrap;
  width: 300px;
  height: auto;
  z-index: 300;
}
.dropdown :hover ul li {
  display: block;
  height: 23px;
  float: left;
  width: 300px;
}
.dropdown :hover ul li a {
  display: block;
  position: relative;
  height: 23px;
  width: 300px;
  line-height: 23px;
  text-indent: 12px;
}
.dropdown :hover ul :hover ul,
.dropdown :hover ul :hover ul :hover ul,
.dropdown :hover ul :hover ul :hover ul :hover ul,
.dropdown :hover ul :hover ul :hover ul :hover ul :hover ul {
  left: 300px;
  top: 0;
  white-space: nowrap;
  width: 300px;
  z-index: 400;
  height: auto;
}
.dropdown iframe {
  position: absolute;
  left: -9999px;
  top: -9999px;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.dropdown :hover iframe {
  filter: alpha(opacity=0);
  /* left:expression(this.nextSibling.offsetLeft);    top:expression(this.nextSibling.offsetTop);    width:expression(this.nextSibling.offsetWidth);    height:expression(this.nextSibling.offsetHeight); */

}
.skipmenu, .menubottom {
  display: none;
}
.dropdown li.depth1, .dropdown li.depth1 {
  /*  background:rgba(76,78,71,.9);*/

  /**background:transparent;      *filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#aaff6c00,endColorstr=#aaff6c00); */
  /*first hex byte is transparency*/

}
.dropdown a.depth1, .dropdown a.depth1:visited {
  color: white;
  background: none;
}
.dropdown li:hover a.depth1, .dropdown a.depth1:hover {
  color: #383838;
  background: url(skin/nav-hover.png) top left repeat-x;
}
.dropdown a.depth2, .dropdown a.depth2:visited {
  color: white;
  background: #115149;
}
.dropdown li.depth2:hover a.depth2, .dropdown a.depth2:hover {
  color: #383838;
  background: url(skin/nav-hover.png) top left repeat-x;
}
.dropdown li.depth3 a, .dropdown li.depth3 a:visited {
  color: white;
  background: #115149;
}
.dropdown li.depth3 a:hover {
  color: #383838;
  background: url(skin/nav-hover.png) top left repeat-x;
}
/*todo dropdown animation : http://www.newmediacampaigns.com/page/nicer-navigation-with-css-transitions */
/*3rd level broken w/ animation -


.dropdown {padding:0 0 0 32px; margin:0; list-style:none; height:36px; position:relative; z-index:500;}
.dropdown li.depth1 {display:block; float:left;}
.dropdown a.depth1 { white-space:nowrap; display:block; float:left; height:36px;cursor:pointer; line-height:36px;padding:0 10px; }
.dropdown a{display:block;text-indent:@depth2_indent; }

.dropdown a:hover {visibility:visible; position:relative; z-index:200;}
.dropdown li:hover {position:relative; z-index:200;}

.dropdown ul, dropdown ul ul{ -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear;
              -moz-transition: opacity 0.15s linear; width:@depth2_width;}

.dropdown ul, 
.dropdown :hover ul ul, 
.dropdown :hover ul :hover ul ul,
.dropdown :hover ul :hover ul :hover ul ul,
.dropdown :hover ul :hover ul :hover ul :hover ul ul 
{opacity:0;position:absolute; *left:-9999px; top:32px;*top:-9999px; *width:0; *height:0; margin:0; padding:0; list-style:none;}

.dropdown :hover ul {opacity:1;left:0; *top:32px;width:@depth2_width; height:auto; z-index:300;}
.dropdown :hover ul li {display:block; height:@depth2_height; float:none;*float:left; width:@depth2_width; }
.dropdown :hover ul li a {display:block; position:relative; height:@depth2_height;line-height:@depth2_height; width:@depth2_width;text-indent:10px;}

.dropdown :hover ul :hover ul,
.dropdown :hover ul :hover ul :hover ul,
.dropdown :hover ul :hover ul :hover ul :hover ul,
.dropdown :hover ul :hover ul :hover ul :hover ul :hover ul
{left:@depth2_width; *top:0;  width:@depth2_width; z-index:400; height:auto;}

.dropdown table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
.dropdown iframe {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.dropdown :hover iframe {left:expression(this.nextSibling.offsetLeft);
top:expression(this.nextSibling.offsetTop);width:expression(this.nextSibling.offsetWidth);
height:expression(this.nextSibling.offsetHeight); filter:alpha(opacity=0);}

*//***************************************
    FORM LAYOUT v2
***************************************/
/*could use .less to do the the widths etc*/
/*
.formrow {background:red;}
.formrow label {background:blue;}*/
.txtL {
  text-align: left;
}
.txtR {
  text-align: right;
}
.txtC {
  text-align: center;
}
.form {
  position: relative;
}
input[type=button],
input[type=image],
input[type=radio],
input[type=checkbox] {
  cursor: pointer;
}
button {
  width: auto;
  overflow: visible;
}
.form .inner {
  zoom: 1;
  overflow: hidden;
  padding: 0;
}
.formrow {
  overflow: hidden;
  float: left;
  padding: 5px 10px;
  position: relative;
  zoom: 1;
  width: 60%;
}
.formrow .unit {
  position: relative;
  /*                line-height:@row_height;  
                vertical-align:baseline;*/

}
.form label, .form .label {
  display: block;
  white-space: nowrap;
  /*height:@row_height;
                line-height:@row_height;  
                vertical-align:baseline;*/

}
.form input.text, .form select {
  height: 20px;
  line-height: 20px;
}
.button {
  height: 22px;
  line-height: 22px;
  min-width: 85px;
  _width: 85px;
  padding-left: 8px;
  padding-right: 8px;
}
.buttons {
  width: 95%;
}
.buttons .button {
  float: right;
}
/*all blocks are 95% unless they are 100% so there's padding on inner ones*/
.form input.text, .form select, .form textarea {
  display: block;
  width: 70%;
  border-style: solid;
  border-width: 1px;
  position: relative;
}
#aspnetForm .form .last {
  width: 100%;
}
.form textarea {
  height: 120px;
  padding: 3px 0;
}
.form select {
  padding: 0;
  height: 24px;
  margin: 2px 0 0;
}
.form .listbox {
  height: 65px;
}
.form .listboxTall {
  height: 115px;
}
.form .checkboxRelative {
  position: relative;
  top: 0.5em;
}
.form .checkbox {
  display: inline;
  vertical-align: middle;
}
/*requires text next to it*/
.form .cell {
  float: left;
  position: relative;
}
.w10 {
  width: 9%;
}
.w15 {
  width: 14%;
}
.w20 {
  width: 19%;
}
.w25 {
  width: 24%;
}
.form .w30 {
  width: 29%;
}
.form .w35 {
  width: 34%;
}
.w40 {
  width: 39%;
}
.w45 {
  width: 44%;
}
.w50 {
  width: 49%;
}
.w55 {
  width: 54%;
}
.w60 {
  width: 59%;
}
.w65 {
  width: 64%;
}
.w70 {
  width: 69%;
}
.w75 {
  width: 74%;
}
.w80 {
  width: 79%;
}
.w85 {
  width: 84%;
}
.w90 {
  width: 89%;
}
.w95 {
  width: 94%;
}
.w100 {
  width: 100%;
}
#aspnetForm .chars1 {
  width: .6em;
}
#aspnetForm .chars2 {
  width: 1.2em;
}
#aspnetForm .chars3 {
  width: 1.8em;
}
#aspnetForm .chars4 {
  width: 2.4em;
}
#aspnetForm .chars5 {
  width: 3.6em;
}
/*.
            .w1of3 {width:32%;}
            .w2of3 {width:65%;} 
            
            .w1of4 {width:24%;}
            .w2of4 {width:49%;}
            .w3of4 {width:74%;}            
            
            .w1of4 {width:24%;}
            .w2of4 {width:49%;}
            .w3of4 {width:74%;}
            
            .w1of5 {width:19%;}
            .w2of5 {width:39%;}
            .w3of5 {width:69%;}
            .w4of5 {width:79%;}*/
.bit {
  float: left;
  display: inline;
}
#aspnetForm .inline {
  float: none;
  display: inline;
}
/*
            .lastCell {float:right;}
            .lastCell label{text-align:right;position:relative;right:3px;}*/
.cell .formrow {
  overflow: hidden;
  clear: both;
  padding: 8px 2px;
}
.formrow lastUnit {
  text-align: right;
}
.form .formrow .last {
  float: right;
}
.form .currency {
  margin-left: -8px;
}
/*.mark
        {
            width:0;
            padding-left:14px;
            height:14px;
            float:left;
            text-indent:-9999px;
            overflow:hidden;  
            cursor:help;
            
            margin-left:3px;
            
            position:relative;
            margin-top:5px;  
            
            zoom:1;
        }
        
        .markAbsolute
        {
            position:absolute;
            right:3px;
            top:12px;
            margin:0;
        }
        */
/***************************************
    FORM SKIN
***************************************/
.form {
  position: relative;
}
.button, .button:link, .button:visited {
  background: url(skin/green-button.jpg) top left repeat-x;
  color: #fff;
  border: 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 93%;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.button:active, .button:focus {
  background: url(skin/green-button.jpg) top left repeat-x;
}
.button[disabled='disabled'] {
  background: #a5a5a5;
}
.form legend {
  text-align: center;
}
.form .legendInner {
  font-size: 19px;
  color: #fff;
  background: #2f4681;
  font-weight: bold;
  display: block;
  padding: 4px 10px 6px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.form .small {
  font-size: 9px;
  display: block;
}
.form label {
  padding: 3px 0;
  color: #333333;
  font-weight: bold;
  font-size: 93%;
}
.form input.text, .form select, .form textarea {
  border-color: #b0b0b0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 2px;
}
.form input.text:focus, .form select:focus, .form textarea:focus {
  border-color: #424242;
}
.form .description {
  color: #666;
  font-style: italic;
  clear: both;
  padding: 3px 0;
  font-size: 85%;
}
.help:link, .help:visited, .help {
  background: #fcf8d0;
  border: solid 1px #ddd17e;
  color: #a07c2d;
  font-weight: bold;
  display: block;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
}
.mark {
  background: url(skin/help.png) -3px -18px no-repeat;
}
/* TINY MCE */#aspnetForm .defaultSimpleSkin {
  float: left;
}
#aspnetForm .defaultSimpleSkin iframe {
  border-bottom: solid 1px;
}
#aspnetForm .defaultSimpleSkin .last {
  float: none;
}
/*skin*/
#aspnetForm .defaultSkin table, #aspnetForm .defaultSimpleSkin table.mceLayout {
  background: #f8f6e6;
}
#aspnetForm .defaultSimpleSkin table.mceLayout {
  border-color: #cccccc;
}
#aspnetForm .defaultSimpleSkin iframe {
  border-bottom-color: #cccccc;
}
#aspnetForm .tallBox {
  height: 320px;
}
/***************************************
    Validation
***************************************/
.req {
  color: #cc0000;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 77%;
}
#aspnetForm .requiredhide {
  /*no style needed*/

}
#aspnetForm .invalid,
#aspnetForm input.invalid,
#aspnetForm textarea.invalid,
#aspnetForm select.invalid,
#aspnetForm .required .defaultSimpleSkin table.mceLayout {
  /*box-shadow:0 0 4px #F77F83;
    -moz-box-shadow:0 0 4px #F77F83;
    -webkit-box-shadow:0 0 4px #F77F83;*/

  border-color: #cc0000;
}
#aspnetForm .form .inputHighlight {
  background: #fff;
  box-shadow: 0 0 5px #000;
  /*animate this*/

  -moz-box-shadow: 0 0 5px #000;
  -webkit-box-shadow: 0 0 5px #000;
  border-color: #D42027;
}
body {
  _text-align: center;
}
/* IE5.5 */
.main {
  *zoom: 1;
}
.docOuter {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
}
.doc {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
}
.oneColTemplate .main {
  width: 940px;
}
.leftColTemplate .main {
  width: 780px;
}
.rightColTemplate .main {
  width: 660px;
}
.threeColTemplate .main {
  width: 500px;
}
.main {
  float: left;
  min-height: 10px;
}
.leftCol, .rightCol {
  float: left;
  min-height: 10px;
  _height: 10px;
}
.leftCol {
  width: 160px;
}
.rightCol {
  width: 280px;
}
html {
  -webkit-font-smoothing: antialiased;
}
body {
  font-family: Arial, sans-serif;
  color: #333333;
}
.content {
  margin: 0 10px;
}
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
p,
blockquote {
  margin: 10px 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
img {
  padding-bottom: 0px;
  text-rendering: optimizeLegibility;
}
pre {
  margin: 10px;
  padding: 10px;
}
.pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */

  white-space: pre;
  /* CSS2 */

  white-space: pre-wrap;
  /* CSS 2.1 */

  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */

  word-wrap: break-word;
  /* IE */

}
table h1,
table h2,
table h3,
table h4,
table h5,
table h6,
table p,
table ul,
table ol,
table dl {
  padding: 0;
}
p, li {
  font-size: 93%;
}
li li {
  font-size: 100%;
}
/* ====== Elements ====== */
img {
  display: block;
}
em {
  font-style: italic;
}
strong {
  font-weight: bold;
}
hr {
  border: 1px solid #e2e2e2;
  border-width: 0 0 1px 0;
  margin: 20px 10px 20px 10px;
}
/*code{color:#0B8C8F;} todo!!!!!!*/
/* ====== Headings ====== */
h1, .h1 {
  font-size: 153.9%;
  font-weight: bold;
}
h1,
.h1,
h1 a:link,
.h1 a:visited,
h1 a:link,
.h1 a:visited {
  color: #197a6f;
}
h2, .h2 {
  font-size: 138.5%;
  font-weight: normal;
}
h2,
.h2,
h2 a:link,
.h2 a:visited,
h2 a:link,
.h2 a:visited {
  color: #197a6f;
}
h3, .h3 {
  font-size: 116%;
  font-weight: bold;
  padding-bottom: 5px;
}
h3,
.h3,
h3 a:link,
.h3 a:visited,
h3 a:link,
.h3 a:visited {
  color: #333333;
}
h4, .h4 {
  font-size: 100%;
  font-weight: regular;
  font-style: normal;
  border: 0;
  padding: 5px 0;
}
h4,
.h4,
h4 a:link,
.h4 a:visited,
h4 a:link,
.h4 a:visited {
  color: #333333;
}
h5, .h5 {
  font-size: 100%;
  font-weight: bold;
  font-style: normal;
  border: 0;
  padding: 5px 0;
}
h5,
.h5,
h5 a:link,
.h5 a:visited,
h5 a:link,
.h5 a:visited {
  color: #333333;
}
h6, .h6 {
  font-size: 108%;
  font-weight: bold;
  font-style: normal;
  border: 0;
  padding: 5px 0;
}
h6,
.h6,
h6 a:link,
.h6 a:visited,
h6 a:link,
.h6 a:visited {
  color: #333333;
}
/* links */
a, a:link {
  color: #197a6f;
  text-decoration: none;
}
a:hover {
  color: #1e8f82;
}
a:active, a:focus {
  color: #197a6f;
}
a:visited {
  color: #197a6f;
}
/* ====== Lists ======*/
/* numbered list */
ol.simpleList li {
  list-style-type: decimal;
  margin-left: 40px;
}
/* standard list */
ul.simpleList li {
  list-style-type: disc;
  margin-left: 40px;
}
/* ====== Tables ====== */
.data {
  padding: 20px;
  position: relative;
  zoom: 1;
  vertical-align: top;
  border-right: solid 1px transparent;
  /* border fixes a FF2 bug which causes the data table to overlay its borders*/
}
.data table {
  width: 100%;
  border: 1px solid #AE0345;
}
th, td {
  vertical-align: top;
  border: 1px solid #AE0345;
}
.txtC, .data .txtC td, .data .txtC th {
  text-align: center;
}
.txtL, .data .txtL td, .data .txtL th {
  text-align: left;
}
.txtR, .data .txtR td, .data .txtR th {
  text-align: right;
}
.txtT, .data .txtT td, .data .txtT th {
  vertical-align: top;
}
.txtB, .data .txtB td, .data .txtB th {
  vertical-align: bottom;
}
.txtM, .data .txtM td, .data .txtM th {
  vertical-align: middle;
}
.data th, .data td {
  padding: 3px 20px;
}
.data thead tr {
  background-color: #fff0f8;
}
.data th {
  color: #000;
  font-weight: bold;
}
/* specification table - extends data table */
.spec {
  padding: 10px;
}
.spec table {
  border-top: 1px solid #e2e2e2;
  border-bottom-color: #fff;
  border-left: none;
  border-right: none;
}
.spec th, .spec td {
  border: 1px solid #e2e2e2;
  border-width: 1px 0;
  padding-left: 0;
}
.spec .odd, .spec .even {
  background-color: #fff;
}
/* ====== blockquote ====== */
blockquote {
  font-size: 167%;
  margin: 10px 0;
  font-style: italic;
  font-weight: normal;
  font-family: Georgia, Times, serif;
}
cite {
  font-size: 55%;
  display: block;
  text-align: left;
  padding-top: 10px;
  margin-top: 10px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  border-top: solid 1px #f2f2f2;
}
/* ====== callout ====== */
.callout {
  font-size: 189%;
  color: #999999;
  font-style: italic;
}
.callout cite {
  display: block;
  text-align: right;
  padding-top: 30px;
  font-size: 69.25%;
}
.callout span.quot {
  font-size: 500%;
  vertical-align: sub;
  color: #e2e2e2;
  line-height: 25px;
  font-weight: bold;
}
.callout span.quotLast {
  vertical-align: middle;
}
/* ====== media ====== */
.media {
  margin: 10px;
}
.media, .bd {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}
.media .img {
  float: left;
  margin-right: 10px;
}
.media .img img {
  display: block;
}
.media .imgExt {
  float: right;
  margin-left: 10px;
}
.media .heading {
  margin: 0;
  padding: 0;
}
.media .c {
  margin: 5px 0 0 0;
}
/* ====== media2 - bbc-like (could make into a .less function) ====== */
.media2 {
  padding-left: 60px;
}
.media2 .hImage {
  margin-left: -60px;
}
.media2 .hImage img {
  display: inline;
  float: left;
  margin-top: 1.5em;
  left: 60px;
  margin-left: -60px;
  position: relative;
}
/* ====== content ====== */
.content {
  line-height: 1.5;
}
.content li {
  padding: 0 0 0 20px;
}
/*.content ul li  {background:url(skin/bullet_black.png) 6px 6px no-repeat; zoom:1;list-style:none;}*/
.content ul li {
  zoom: 1;
  list-style: disc url(skin/bullet_arrow.png) inside;
  margin: 0;
  padding: 0;
}
.content ol {
  margin-left: 0;
}
.content ol li {
  list-style: decimal none inside;
  padding-left: 0;
}
.content a:link {
  text-decoration: none;
}
.content a:visited {
  text-decoration: none;
}
.content a:hover {
  text-decoration: none;
}
.content a:active {
  text-decoration: none;
}
.content img, .contentImg {
  padding: 1px;
}
.floatL {
  float: left;
}
.floatR {
  float: right;
}
.content .floatL, .content img[align=left] {
  margin-right: 10px;
  margin-bottom: 5px;
}
.content .floatR, .content img[align=right] {
  margin-left: 10px;
  margin-bottom: 5px;
}
::-moz-selection {
  background: #000;
  color: #fff;
  text-shadow: none;
}
.::selection {
  background: #000;
  color: #fff;
  text-shadow: none;
}
.gallery {
  position: relative;
  margin-left: 0;
  margin-top: 10px;
  overflow: hidden;
}
.gallery a {
  float: left;
  margin-left: 10px;
  margin-bottom: 10px;
}
/**** Home Page Boxes ****/
.BoxItem {
  border: 1px solid #ccc;
  width: 260px;
  height: 285px;
  float: left;
  margin: 0 15px;
  padding: 0 10px;
}
.GreenButton {
  background: white url(skin/green-button.jpg) top left repeat-x;
  height: 39px;
  color: #fff;
  line-height: 39px;
}
.GreenButton a {
  color: #fff;
  text-decoration: none !important;
}
.content .GreenButton {
  margin-bottom: 10px !important;
}
/**** News Mini ****/
.txtG {
  color: #197a6f;
  font-weight: bold;
}
.borderG {
  border-bottom: 1px solid #E2E2E2;
  padding-bottom: 10px;
}
/**** Home Page Boxes ****/
.footLogos {
  background: white url(skin/logos-footer.jpg) center center no-repeat;
  height: 50px;
  margin: 10px 0;
}
/**** Form Tweaks ****/
input.date {
  width: 25% !important;
  float: left;
}
.ui-datepicker-trigger {
  padding: 3px 2px 2px 2px;
}
.formSection {
  border: 1px solid #ccc;
  margin-right: 10px;
  margin-bottom: 15px;
  padding: 3px 10px 10px 10px;
  overflow: hidden;
  background: white url(skin/green-heading.jpg) top left repeat-x;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.formSection h2 {
  font-size: 108%;
  color: #ffffff;
  margin: 5px 0 10px 0;
  font-weight: bold;
}
.formLabel {
  overflow: hidden;
  float: left;
  padding: 5px 10px;
  position: relative;
  zoom: 1;
  width: 30%;
}
.list2form {
  clear: both;
  overflow: hidden;
}
.width100 {
  width: 100% !important;
}
.shortField {
  width: 30% !important;
}
.heightCheckbox {
  padding: 5px 0;
}
.formSection h3 {
  font-size: 93%;
  margin: 0;
  padding: 5px 10px;
  font-weight: bold;
  color: #197a6f;
  clear: both;
  border-bottom: 1px solid #197a6f;
}
/**** CTA's ****/
.largeCTA {
  color: #fff;
  border: 1px solid #333;
  width: 615px;
  padding: 0 10px;
  text-align: center;
  background: #197a6f;
  margin: 10px 0;
  clear: both;
}
.largeCTA h1,
.largeCTA h2,
.largeCTA h3,
.largeCTA h4,
.largeCTA p {
  color: #fff !important;
}
.largeCTA h1 a {
  color: #FFFFFF !important;
}
.largeCTA h1 {
  font-size: 40px;
}
/**** Right Col Margin ****/
.rightCol .content {
  margin-right: 0px !important;
  margin-bottom: 10px !important;
}
/**** Custom Buttons & Colours ****/
/* Green */
.Green2Button {
  background: white url(skin/green-button.jpg) top left repeat-x;
  padding: 5px 10px;
  text-align: center;
  height: 39px;
  color: #fff !important;
  line-height: 39px;
  font-size: 138.5%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.Green2Button a {
  color: #fff !important;
  text-decoration: none !important;
}
.GreenText {
  color: #197A6F !important;
}
.GreenText a {
  color: #197A6F !important;
  text-decoration: none !important;
}
/* Orange */
.OrangeButton {
  background: white url(skin/orange-button.jpg) top left repeat-x;
  padding: 5px 10px;
  text-align: center;
  height: 39px;
  color: #fff !important;
  line-height: 39px;
  font-size: 138.5%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.OrangeButton a {
  color: #fff !important;
  text-decoration: none !important;
}
.OrangeText {
  color: #f7941e !important;
}
.OrangeText a {
  color: #f7941e !important;
  text-decoration: none !important;
}
/* Purple */
.PurpleButton {
  background: white url(skin/purple-button.jpg) top left repeat-x;
  padding: 5px 10px;
  text-align: center;
  height: 39px;
  color: #fff !important;
  line-height: 39px;
  font-size: 138.5%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.PurpleButton a {
  color: #fff !important;
  text-decoration: none !important;
}
.PurpleText {
  color: #92459a !important;
}
.PurpleText a {
  color: #92459a !important;
  text-decoration: none !important;
}
/* Brown */
.BrownButton {
  background: white url(skin/brown-button.jpg) top left repeat-x;
  padding: 5px 10px;
  text-align: center;
  height: 39px;
  color: #fff !important;
  line-height: 39px;
  font-size: 138.5%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.BrownButton a {
  color: #fff !important;
  text-decoration: none !important;
}
.BrownText {
  color: #b0774c !important;
}
.BrownText a {
  color: #b0774c !important;
  text-decoration: none !important;
}
/* Red */
.RedButton {
  background: white url(skin/red-button.jpg) top left repeat-x;
  padding: 5px 10px;
  text-align: center;
  height: 39px;
  color: #fff !important;
  line-height: 39px;
  font-size: 138.5%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.RedButton a {
  color: #fff !important;
  text-decoration: none !important;
}
.RedText {
  color: #bf3128 !important;
}
.RedText a {
  color: #bf3128 !important;
  text-decoration: none !important;
}
/* Blue */
.BlueButton {
  background: white url(skin/blue-button.jpg) top left repeat-x;
  padding: 5px 10px;
  text-align: center;
  height: 39px;
  color: #fff !important;
  line-height: 39px;
  font-size: 138.5%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.BlueButton a {
  color: #fff !important;
  text-decoration: none !important;
}
.BlueText {
  color: #7488a9 !important;
}
.BlueText a {
  color: #7488a9 !important;
  text-decoration: none !important;
}
html {
  background: white url(skin/green-bg.jpg) top left repeat-x;
}
.doc {
  background: white;
}
.docOuter {
  background: white;
  border: 1px solid #ccc;
  padding: 20px 0;
  min-height: 410px;
}
html, body {
  /*force scrollbar*/

  margin: 0 0 1px 0;
  height: 100%;
}
.test .inner {
  border: 3px solid #cccccc;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
}
/*HEAD*/
.head {
  height: 105px;
  position: relative;
  width: 980px;
}
.contact {
  clear: right;
  float: right;
  text-align: right;
  width: 33%;
  font-weight: bold;
  padding-top: 30px;
  font-size: 108%;
}
.logo {
  background: url(skin/logo.png) top left no-repeat;
  position: absolute;
  left: 0;
  top: 20px;
  width: 40%;
  height: 100%;
  text-indent: -9999px;
  overflow: hidden;
  text-align: left;
}
.topnav {
  display: none;
  font-weight: bold;
  padding: 0;
  margin: 0;
  float: right;
  position: relative;
}
.topnav li {
  float: left;
  list-style: none outside;
  font-size: 93%;
}
.topnav a {
  padding: 8px 8px;
  background: #fff;
  margin-left: 1px;
}
.topnav a:link, .topnav a:visited {
  color: #197a6f;
}
.globalnav {
  background: url(skin/nav-bg.png) top left no-repeat;
  margin-bottom: 45px;
}
.breadcrumb {
  background: #83afaa;
  font-size: 85%;
}
.breadcrumb .inner {
  padding: 5px;
}
.breadcrumb :link, .breadcrumb :visited {
  color: #333333;
}
/*SIDE*/
.sectorsList li {
  font-size: 116%;
  border-bottom: solid 1px #b5b5b5;
  padding: 6px 0;
  list-style-type: none;
}
.sectorsList li li {
  font-size: 90%;
  margin-left: 5px;
}
.sectorsList :link, .sectorsList :visited {
  color: #333333;
}
/*MAIN*/
.template {
  background: white repeat-y top left;
}
.threeColTemplate {
  background-image: url(skin/template_3_bg.png);
}
.leftColTemplate {
  background-image: url(skin/template_left_bg.png);
}
.rightColTemplate {
  background-image: url(skin/template_right_bg.png);
  min-height: 410px;
}
.oneColTemplate {
  background-image: none;
}
.headingDefault {
  margin: 10px;
}
.main {
  padding: 0 0 10px 0;
}
.pagination {
  font-size: 108%;
  margin: 10px;
  clear: both;
  font-weight: bold;
}
.pagination .pgnXofY {
  display: none;
}
.pagination a {
  width: 24px;
  height: 24px;
  background: #000;
  color: #fff;
  float: left;
  line-height: 24px;
  text-align: center;
  margin-right: 2px;
  border: solid 1px #000;
}
.pagination .pgnPage:link {
  background: #3a3a3a;
}
.pagination .pgnPage:visited {
  background: #fff;
  color: #999;
  border: solid 1px #c9c9c9;
}
.pagination .pgnPage:hover, .pagination .pgnNext:hover, .pagination .pgnPrev:hover {
  background: #838383;
  color: #fff;
}
.pagination .pgnSpace {
  display: none;
}
.pagination .pgnDots {
  float: left;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
}
/*FOOT*/
.foot {
  color: #333333;
  background: #fff;
}
.foot .left, .foot right {
  display: inline;
  width: 50%;
}
.foot .left {
  float: left;
}
.foot .right {
  float: right;
}
.foot .inner {
  background: #fff;
}
.foot .hd {
  padding: 10px 0;
}
.foot .bd {
  clear: both;
}
.foot .ft {
  font-size: 85%;
  border-top: solid 1px white;
  padding: 10px 0;
  margin-top: 10px;
}
.alert {
  border: solid 1px #333;
  color: #fff;
  margin: 10px;
  padding: 10px;
}
.alert *, .alert :link, .alert :visited {
  color: #fff;
}
.alert .heading {
  color: #fff;
  font-weight: bold;
  margin: 0;
  padding: 0 50px 0 0;
  font-size: 189%;
}
.alert .msg {
  margin: 0;
  padding: 0;
  font-size: 116%;
}
.success {
  border: 1px solid #339933;
  background: white url(skin/alert_success.png) right top no-repeat;
  margin-right: 10px;
  padding: 0 10px;
  margin-bottom: 15px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.warning {
  border: 1px solid #fded62;
  color: #766130;
  background: white url(skin/alert_warning.png) right top no-repeat;
  margin-right: 10px;
  padding: 0 10px;
  margin-bottom: 15px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.warning .heading,
.warning *,
.warning :link,
.warning :visited {
  color: #766130;
}
.error {
  border: 1px solid #b21b1b;
  background: white url(skin/alert_error.png) right top no-repeat;
  margin-right: 10px;
  padding: 0 10px;
  margin-bottom: 15px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
@colour 2;
.footnav ul {
  margin: 0;
  padding: 0;
}
.footnav li {
  font-size: 100%;
}
.footnav li.depth1 {
  float: left;
  padding-right: 20px;
  list-style: none;
}
.footnav li.depth2 {
  padding-bottom: 3px;
  list-style: none;
}
.footnav a.depth1 {
  font-weight: bold;
  font-size: 108%;
}
.footnav a.depth2 {
  font-size: 93%;
}
.footbasicnav {
  display: inline;
}
.footbasicnav li {
  list-type: none;
  display: inline;
  padding: 0 5px;
}
/*base list module class*/
/*this could be an extension of the media class?*/
.newsItem .heading, .newsItem .heading a:link, .newsItem .heading a:visited {
  color: #197a6f;
  text-decoration: none;
}
.newsItem .date {
  color: #333333;
  font-style: italic;
  font-size: 116%;
  padding: 0 0 5px;
}
.newsItem .newsImg {
  float: left;
  display: inline;
  margin-right: 10px;
}
.sitemap {
  padding-top: 10px;
  padding-bottom: 10px;
}
.sitemap ul {
  padding: 0;
  margin: 0;
}
.sitemap li {
  list-style-type: none;
  padding-left: 10px;
}
.debugPanel {
  position: absolute;
  right: 5px;
  top: 5px;
  opacity: 0.3;
  font-family: monospace;
  background: #000;
  color: #fff;
  text-align: right;
  z-index: 0;
}
.debugPanel:hover {
  opacity: 0.8;
  z-index: 999;
}
.debugPanel a {
  color: #fff;
}
/*force overrides with id for ie6*/
#aspnetForm .r3 {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#aspnetForm .r5 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#aspnetForm .i {
  font-style: italic;
}
#aspnetForm .b {
  font-weight: bold;
}
#aspnetForm .u {
  text-decoration: underline;
}
#aspnetForm .nou {
  text-decoration: none;
}
#aspnetForm .upper {
  text-transform: uppercase;
}
#aspnetForm .lower {
  text-transform: lowercase;
}
#aspnetForm .grey {
  color: #666;
}
#aspnetForm .clear {
  clear: both;
}
#aspnetForm .clearL {
  clear: left;
}
#aspnetForm .clearR {
  clear: right;
}
#aspnetForm .clearN {
  clear: none;
}
#aspnetForm .floatN {
  float: none;
}
#aspnetForm .oh {
  overflow: hidden;
}
#aspnetForm .oa {
  overflow: auto;
}
#aspnetForm .ov {
  overflow: visible;
}
#aspnetForm .hide {
  visibility: hidden;
}
#aspnetForm .nomargin {
  margin: 0;
}
#aspnetForm .modh {
  margin: 0 10px;
}
#aspnetForm .modht {
  margin: 0 5px;
}
#aspnetForm .modl {
  margin: 0 0 0 10px;
}
#aspnetForm .modr {
  margin: 0 10px 0 0;
}
#aspnetForm .modv {
  margin: 10px 0;
}
#aspnetForm .modvt {
  margin: 5px 0;
}
#aspnetForm .padh {
  padding: 0 10px;
}
#aspnetForm .padht {
  padding: 0 5px;
}
#aspnetForm .padv {
  padding: 10px 0;
}
#aspnetForm .padvt {
  padding: 5px 0;
}
#aspnetForm .inline {
  display: inline;
}
#aspnetForm .block {
  display: block;
}
#aspnetForm .blockCenter {
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#aspnetForm .txtC {
  text-align: center;
}
#aspnetForm .txtL {
  text-align: left;
}
#aspnetForm .txtR {
  text-align: right;
}
#aspnetForm .nopadding {
  padding: 0;
}
#aspnetForm .nowrap {
  white-space: nowrap;
}
#aspnetForm .hoverb:hover {
  font-weight: bold;
}
#aspnetForm .borderT {
  border-top: solid 1px;
}
#aspnetForm .borderB {
  border-bottom: solid 1px;
}
#aspnetForm .noborder {
  border: 0;
}
#aspnetForm .static {
  position: static;
}
#aspnetForm .displayNone {
  display: none;
}
#aspnetForm .nodisplay {
  display: none;
}
#aspnetForm .childDisplayNoUL ul {
  display: none;
}
#aspnetForm .whitethickborder {
  border: solid #aspnetFormff 5px;
}
#aspnetForm .wordWrapNormal {
  word-wrap: normal;
}
#aspnetForm .transparent {
  background: url(skin/transparent.png);
}
.zoom1, .zoom {
  zoom: 1;
}
br.clear {
  font-size: 1px;
}
#aspnetForm hr.clear {
  width: 100%;
  border: 0;
  height: 0;
  clear: both;
  background: none;
  padding: 0;
  margin: 0;
  visibility: hidden;
}
.inlineblock {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
  zoom: 1;
}
.hidetext {
  text-indent: -9999px;
  overflow: hidden;
  text-align: left;
}
.f36 {
  font-size: 277%;
}
.f32 {
  font-size: 246.2%;
}
.f26 {
  font-size: 197%;
}
.f25 {
  font-size: 189%;
}
.f24 {
  font-size: 182%;
}
.f23 {
  font-size: 174%;
}
.f22 {
  font-size: 167%;
}
.f21 {
  font-size: 161.6%;
}
.f20 {
  font-size: 153.9%;
}
.f19 {
  font-size: 146.5%;
}
.f18 {
  font-size: 138.5%;
}
.f17 {
  font-size: 131%;
}
.bigger, .f16 {
  font-size: 123.1%;
}
.big, .f15 {
  font-size: 116%;
}
.bigish, .f14 {
  font-size: 108%;
}
.f13 {
  font-size: 100%;
}
.smallish, .f12 {
  font-size: 93%;
}
.small, .f11 {
  font-size: 85%;
}
.smaller, .f10 {
  font-size: 77%;
}
.f9 {
  font-size: 69.25%;
}
.smaller, .f8 {
  font-size: 61.55%;
}