/*body { background: url(/static/images/16_col.gif) center top repeat-y; }*/


/*------------------------------------------------------------------------------
>>>>  Default Blueprint CSS 
      This provides the styles for Blueprint's default templates.
      You can discard it entirely, or simply delete or comment out the irrelevant
      parts.
      
      This stylesheet is divided into several sections:
      + Reset (to give you a blank CSS canvas on which to work)
      + Sample colours and embellishments (the first bit you should delete - this
        provides tweaks to make the default templates look nice, and probably
        isn't relevent when you're putting together a fresh design)
      + Layout
      + Basic typography (in ems) with simple table styles
      + Mimetypes (presentation of download / view links for non-image assets)
      
      Following these sections, there are styles for each of the default blueprint
      modules. They are namespaced with the module code (i.e. blg, evt, nws),
      which is is applied to the body in the main default layout.

      We're always keen to hear about things that might make the default templates
      easier to comprehend and to use.
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

/* For IE */
img { -ms-interpolation-mode:bicubic; } 

a img {
  border: none;
}

a, a:link { text-decoration: none; color: #fb0219;}
a:visited { }
a:hover { }
a:active { }


/*------------------------------------------------------------------------------
>>>> Layout
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* 
    The basic 960px grid layout is provided by Golden Grid (a separate stylesheet
      included in the head of the layout) 
*/
body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 85%;
}

#nav {
	background: #7f1242 url(/static/images/nav_bg.png) top left repeat-x;
	background: #b01826;
	height: 13.3em;
}

#content {
/*	min-height: 400px;*/
	margin-bottom: 40px;
}
.white_container {
	width: 100%;
	float: left;
	background: #fff;
}
.footer {
	background: #261e1c url(/static/images/footer.jpg) center center no-repeat;		
	overflow: hidden;
  font-size: 90%;
	color: #fff;
	border-top: 1px solid #ccc;
}
.byline {
  padding-top: 0.5em;
  font-size: 90%;
  text-align: center;
}

#sidebar {
	font-size: 92%;
}
#content .inner {
	margin-right: 15px;
}
#sidebar .column {
}

/*------------------------------------------------------------------------------
>>>> Masthead, breadcrumbs & tabs
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.masthead {
	background: #b3184c;
	background: #fb162f url(/static/images/paint.jpg) top left repeat;
	border-bottom: 1px solid #BF1950;
  width: 100%;
  overflow: hidden;  
  padding: 0;
  text-align: left;  
}
.masthead h1 {
	background: url(/static/images/logo-trans.png) left top no-repeat;
	float: left;
	display: block;
	width: 320px;
	height: 70px;
	font-size: 30px;
	text-indent: -5px;
	margin: 10px 0 15px 0;
	padding: 38px 0 24px 134px;
}
.masthead h1 a {
	color: #f9f2f8;
}
.join {
	float: right;
	display: block;
	width: 440px;
	padding: 8px 10px;
	background: #b01826;
	font-size: 18px;
	color: #fff;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;	
}
.join:hover {
	background: #DC0115;
}
.strap { 
	clear: both;
  padding-top: 0;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	margin-bottom: 2.0em;
}
.breadcrumbs {
  padding: 0.5em 0;
  font-size: 0.8em;
}

li#home { /* The 'home' link in the main nav */ }


/* Navigation */

#nav a {
	font-weight: 200;
	font-size: 14px;
	color: #f9f2f8;
}
#nav li span a {
	font-size: 18px;
}
#nav li a:hover, #nav li.active a {
	color: #fb0219;
}

#nav .main {
	padding-top: 0;
}
.subnav h4 {
	margin-top: 0;
}

ul.sitemap  {
  list-style-type:none; 
  list-style-image:none;
  padding: 0;
	margin: 0;
}
ul.sitemap ul {
  padding:0.3em 10px;
  list-style-type:none;
  list-style-image:none;   
}
ul.sitemap li {
  float:left;
  padding: 0;
	height: 13em;
	margin-bottom: 0;
	padding-top: 0.8em;
	padding-bottom: 10px;
  font-weight:bold;
}
ul.sitemap li.current {
	height: 13em;	
	background: #873d42 url(/static/images/arrow.png) center bottom no-repeat;
	position: relative;
}
ul.sitemap li span {
  display:block;
	padding-left: 10px;
}
ul.sitemap ul {
  margin:8px 0 0 0px;
}
ul.sitemap ul li {
  float:none;
  padding:0;
	height: auto;
  margin-bottom: 2px;
  width:100%;
  font-weight:normal;
}




/*------------------------------------------------------------------------------
>>>> Basic Typography
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

em, i {
  font-style:italic;
}
b, strong {
  font-weight: bold;
}

h1 {
  font-size:1.8em;
  margin: 2.0em 0 0.5em 0;
  letter-spacing:0.05em;
	color: #fb0219;
}
h2 {
  font-size: 1.4em;
  margin-top: 1.8em;
  margin-bottom: 0.7em;
	color: #686868;
}

h3 {
  font-size: 1.0em;
  line-height: 1.25;
  margin-top: 1.4em;  
  font-weight: bold;
  margin-bottom: 0.5em;
}
h2 span, h3 span { /* for dates */
	font-weight: normal;
	color: #aaa;
	display: block;
}
h2 span {
	margin-bottom: 12px;
	font-size: 90%;
}
.post h2 {
	margin-top: 0;
}
h4 {
  margin-top:2.0em;    
  font-size:1em;
  font-weight:bold;
  margin-bottom:0.5em;
}
h6 {
  font-size:1em;
  font-weight:bold;
}
p {
  line-height:150%;
  margin-bottom:1.0em;
}
ul, ol {
  padding: 0;
  margin:1.0em 3.0em 1.4em 1.8em;
}
ul ul, ol ol {
  margin-left: 1.8em;
}
li {
  line-height:130%;
  margin-bottom:0.7em;
}
dl {
  line-height: 130%;
}
dt {
  font-weight: bold;
  margin-bottom: 0;
}
dd {
  margin-bottom: 2.0em;
}
blockquote {
  margin: 1.6em 0;
  padding: 0 2.0em;
  border-left: 1px solid #ccc;
}
blockquote p {
  padding:0;
  margin:0 0 1.0em 0;
}
blockquote cite {
  font-style:italic;
  font-weight: bold;
  font-size:0.9em;
}
table {
  border-collapse: collapse;
  margin: 1.0em 0;
  padding: 0;
  font-size: 1.0em;
  width: 100%;
}
table td {
  text-align: left;
  vertical-align: top;
  padding: 0.3em 1.0em 0.3em 0;
  border-bottom:1px solid #ddd;  
}
table th {
  padding: 0.3em 1.0em 0.3em 0;
  font-weight: bold;
  text-align: left;  
  border-bottom: 1px solid #222;
}
table p {
  margin: 0.5em 0;
}

/*------------------------------------------------------------------------------
>>>> Generally helpful
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.error, .preview {
  border: 1px dashed red;
  padding: 1.0em 1.0em 0 1.0em;
}

.skip { /* For hidden skip-to-content link */
  display: none;
}
.back { /* Used for back-to-page links for blg, nws, evt */
  clear: both;
  padding-top:2.0em;
}
.go { /* Link to post or extended article */
  text-align: right;
}
.first { /* For the first item in series */
  margin-left: 0;
  padding-left: 0;
}
.last { /* For the last item in series */
  margin-right: 0;
  padding-right: 0;
}
.notFound { /* Where people / products don't have images */
  background: #ddd;
  text-align: center;
  padding: 3.5em 0;
  width: 100%;
}

/*  
  For convenience, the basic unit of all post-able blueprints is 'post'.
  Where there's a standard image associated with the post (products, people), the 
  post is further divided into .image and .body.
*/

div.post {
  margin-bottom:3.0em;
}
.column div.post {
	margin-bottom: 1.0em;
}

/*------------------------------------------------------------------------------
>>>> Personnel
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#psl .post h2 {
	margin-top: 0;
} 
#psl .post {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}


/*------------------------------------------------------------------------------
>>>> Blog and News (BLG, NWS) pagination + DBY years
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#blg div.pagination, 
#nws div.pagination,
#dby div.pagination,
#mapblg div.pagination {
  margin-top:4.0em;
  text-align:right;
  font-size: 90%;
}
#blg .pagination ul,
#nws .pagination ul,
#dby .pagination ul,
#mapblg .pagination ul {
  margin: 0;
  float: right;
  list-style: none;
}
#blg .pagination ul li, 
#nws .pagination ul li,
#dby .pagination ul li,
#mapblg .pagination ul li {
  border-right: 1px solid #444;
  padding: 0 0.4em;
  margin-top: 0.5em;
  float: left;
}
#blg .pagination ul li.currentPage,
#nws .pagination ul li.currentPage,
#dby .pagination ul li.currentPage,
#mapblg .pagination ul li.currentPage {
  font-weight: bold;
}
#blg .pagination ul li.nextPage,
#nws .pagination ul li.nextPage,
#dby .pagination ul li.all,
#mapblg .pagination ul li.all {
  border-right: 0;
  padding-right: 0;
}


/*  >> Comments <<   */

#blg p.commentInfo,
#tlk p.commentInfo,
#mapblg p.commentInfo { /* Shows if comments are on or off, and how many */
  margin-top: 2.0em;
  text-align: right;
  font-size: 90%;
  font-weight: bold;
}
#blg div.cmt,
#tlk div.cmt,
#mapblg div.cmt {
  margin-bottom: 2.4em;
  font-size: 90%;
}
div.preview h4.commenter {
  margin-top: 0;
}
#blg div.preview a.hide,
#tlk div.preview a.hide,
#mapblg div.preview a.hide {
  color: red;
}


/*------------------------------------------------------------------------------
>>>> Events (EVT)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*------------------------------------------------------------------------------
>>>> Search (SCH)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*------------------------------------------------------------------------------
>>>> Contact form (CTT)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



/*------------------------------------------------------------------------------
>>>> Gallery (GLY)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#gly div.image img {
  width: 100%;
}
#gly p.caption {
  margin-top: 1.0em;
  font-size: 90%;
}



/*------------------------------------------------------------------------------
>>>> Membership (MEM)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#mem_signin_status {
  line-height: 32px;
  vertical-align: middle;
  float: right;
}


/*------------------------------------------------------------------------------
>>>> Slideshow
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#slideshow {
	width: 100%;
	overflow: hidden;
	padding-bottom: 20px;
}

#slideshow div.placeholder {
  clear: both;
  width: 100%;
  overflow: hidden;
  background: url(/static/images/spinner.gif) center center no-repeat;
}
#slideshow #SS_caption {
  margin-top: 1.0em;
  font-size: 90%;
  height: 6.0em; /* You should set a height to stop the scrollbar flicker */
}
#slideshow ol {
	margin: 5px 0 0 0;
	padding: 0;
}
#slideshow ol li {
  display: block;
	padding-right: 6px;
  float: left;
	font-size: 18px;
	font-weight: bold;
  cursor: pointer;
	color: #b01826;
}
#slideshow ol li span {
	color: #aaa;
/*	font-size: 14px;*/
}
#slideshow ol li a {
/*  padding: 0.1em 1.0em 0.1em 0; */
}
#slideshow ol li#activeThumb { /* The active marker for the slideshow */ }




/*-----------------------------------------------------
                     >> Images <<
                     
Sizes
size8: 460px
size4: 220px
size2: 100px

-----------------------------------------------------*/

.captioned {
  margin-top: 0.7em;
  margin-bottom: 0.7em;
}
.captioned blockquote {
  background:none;
  margin: 6px 0 0 0;
  padding: 0;
  border: 0;
}
.captioned blockquote p {
  font-size: 0.85em;
  font-style: normal;
  line-height: 140%;
	color: #aaa;
}
img.size2, .size2Captioned {
  float: left;
  width: 100px;
  margin: 0 18px 10px 0;
}
img.size4, .size4Captioned {
  float: left;
  width: 220px;
  margin: 0 18px 10px 0;
}
img.size4_right, .size4_rightCaptioned {
  float: right;
  width: 220px;
}
img.size8, .size8Captioned {
  width: 460px;
  margin: 0;
  padding: 0;
  border: 1px solid #ddd;
  background:#fff;  
}
img.size8_right, .size8_rightCaptioned {
	float: right;
	width: 460px;
	position: relative;
	margin-right: -480px;
}
.size8Captioned {
  margin: 1.7em 0;
  border: none;
  padding: 0;
}

.size2Caption img, 
.size4Captioned img,
.size4_rightCaptioned img,
.size8Captioned img,
.size8_rightCaptioned img {
  float: none;
  margin: 0;
}



p.submit {
  text-align:center;
  margin-top:10px;
  width:100%;
  overflow:hidden;
}

.submit input {
  font-size:16px;
}







/*------------------------------------------------------------------------------
>>>> Documents by year (DBY)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#dby table .downloadDate {
  width: 7.0em;
}
#dby table .downloadContent {
  width:27em;
}
#dby table .downloadLink {
  width: 7.0em;
  text-align: right;
}



/*------------------------------------------------------------------------------
>>>> Mime-type display - the default behaviour when a file is inserted in text
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

a.download {
  display:block;
  overflow:hidden;
  border:1px solid #ccc;
  margin:0;
  padding:0;
  background:#eee;
  position:relative;
  text-decoration:none;
}
a.download:hover {
  background:#E6F1FF;
}
a.download label {
  margin:20px 0 0 0;
  padding:0;
  display:block;
  line-height:140%;
  float:left;
}
a.download label span {
  font-weight:bold;
  font-size:12px;
}
a.download img {
  float:left;
  margin:0;
  padding:3px 0;
  width:64px;
  height:64px
}


/*------------------------------------------------------------------------------
>>>> Search and Tags
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.tagCloud a {
  margin-right: 2%;
}

.cloud1 { font-size: 100%; }
.cloud2 { font-size: 110%; }
.cloud3 { font-size: 120%; }
.cloud4 { font-size: 130%; }
.cloud5 { font-size: 140%; }
.cloud6 { font-size: 150%; }
.cloud7 { font-size: 160%; }




/*------------------------------------------------------------------------------
>>>> Uniform overwrites (remove the .uniForm class from forms to disregard)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* This is the main unit that contains our form elements */
.uniForm .ctrlHolder { padding: 0; }
.uniForm .buttonHolder { padding-top: 10px; }

.uniForm .inlineLabels label,
.uniForm .inlineLabels .label { 
  width: 40%; 
}
.uniForm .inlineLabels .textInput,
.uniForm .inlineLabels .fileUpload { 
  width: 54%; 
}

.uniForm .inlineLabels .selectInput,
.uniForm .inlineLabels select{ width: 54%;  }

.uniForm .inlineLabels textarea{  width: 54%; font-family: Helvetica, Arial, sans-serif; }

.uniForm .inlineLabels .formHint { 
  margin-top: 0; 
  margin-left: 42%; 
  font-size: .9em; 
  color: #777; 
  position: static; 
}
.uniForm .inlineLabels .multiField { 
  width: 54%; 
  margin: 0 0 .3em 0; 
}

.uniForm label.blockLabel { font-size: 90%; }
.uniForm .inlineLabels .blockLabel {
  width: 45%;
  margin-right: 5%;
/*  border: 1px solid red;*/
}
.uniForm .inlineLabels .expiry label.blockLabel { /* For credit card expiry date #shp */
  width: 46%;
}
.uniForm .inlineLabels .cc label.cardNumber { /* For credit card number #shp */
  width: 65%;
}
.uniForm .inlineLabels .cc label.cvv { /* For credit card expiry date #shp */
  width: 22%;
}
.uniForm .inlineLabels .address .textInput {
  width: 100%;
}
.uniForm .inlineLabels .address label {
  display: none;
}
.uniForm .ctrlHolder { 
  padding: 6px 0; 
  border-bottom: 1px solid #dfdfdf;
}
.uniForm .noBorder {
  border: 0;
}
.uniForm .inlineLabels p.formHint {
  font-size: 80%;
  padding-top: 0.8em;
  line-height: 130%;
}