/*** CSS reboot ***/
/* http://meyerweb.com/eric/tools/css/reset/ 
 * v2.0 | 20110126
 * License: none (public domain)
 */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  font-weight: 300;
  line-height: 1.3;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
.italic {
	font-style: italic;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/** end of CSS reboot ***/

body {
  background: #D0D0D0;
	font-family: Trebochet-MS, Arial, Helvetica, sans-serif;
  width: 1024px;
  margin: 24px auto;
}
a {
  text-decoration: none;
  color: #7F6047;
}
a:hover {
  text-decoration: none;
  color: #7E9ABF;
}
p, 
.item-page td,
.blog li,
.item-page li {
	color: #202020;
	font-size: 0.875em;
	margin-bottom: 12px;
}
.pagination li {
	font-size: 0.875rem;
}
.pagination li.pagelabel {
	background: inherit;
	color: inherit;
	padding-left: 0;
}
p.readmore {
	margin-top: -12px;
}
.col2 p {
	font-size: 0.75rem;
}
.col3 p {
	font-size: 0.75rem;
}
.view-featured .main p {
	font-size: 1em;
}
blockquote {
  padding-left: 30px;
  font-style: italic;
}  
table {
	margin-bottom: 12px;
}
td {
	padding-bottom: 4px;
}
em, i {
	font-style: italic;
}
strong {
	font-weight: bold;
}
hr {
	visibility: hidden;
  display: block;
  height: 0;
  clear: both;
  border: none;
  margin: 0;
}
ul { 
  list-style-type: disc; 
  list-style-position: outside;
  margin-left: 20px; 
}
h1 {
	color: #E7E7E7;
	font-size: 2.8em;
  font-family: 'Roboto Condensed', sans-serif;
  padding: 36px 0 0 20px;
  width: 100%;
}
.page-header h1,
.twitter-feed h3,
h2 {
	color: #404040;
	font-size: 1.5em;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  margin-bottom: 4px;
}
h2 span.italic {
	color: #7F6047;
}
.blog h2,
h3 {
	color: #404040;
	font-size: 1.125em;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  margin-bottom: 4px;
}
h4 {
	color: #404040;
	font-size: 1em;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-style: italic;
  margin-bottom: 4px;
}
h6 {
	color: #404040;
	font-size: 0.875em;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  margin: 6px 0 12px 0;	
}
.col1 h2,
.col1 h3,
.col1 h4,
.col1 h5,
.col1 h6 {
	color: #594431;
}

div.pull-right img,
div.pull-right div.img_caption,
span.wf_caption[style*="float: right;"],
img[style*="float: right;"],
img[align~="right"],
div.right {
	margin: 0 0 4px 10px;
}
div.pull-left img,
div.pull-left div.img_caption,
span.wf_caption[style*="float: left;"],
img[style*="float: left;"],
img[align~=left],
div.left {
	margin: 0 10px 4px 0;
}
.pull-right img {
	float: right;
}
.pull-left img {
	float: left;
}
.push-right p {
	text-align: right;
	position: absolute; 
	right: 300px;
	bottom: 60px;
}
.push-left p {
	text-align: left;
	position: absolute; 
  left: 300px;
	bottom: 60px;
}
p.caption_nojs {
	font-size: 0.64em;
	color: #9c9c9c;
}

.header {
	background: #7E9ABF;
  height: 130px;
  width: 1024px;
  padding: 0;
  border-bottom: 8px solid #7F6047;
}
.header h1 {
	float: left;
	width: 748px;
}
.header .random-image {
	float: right;
}
.navh ul li.first a {
	padding: 0;
	margin: 0;
}
#responsiveMenu88.responsiveMenuTheme1d.isDesktop > li.first {
	width: auto !important;
}

.navh li a {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.navh li a.separator {
	padding-right: 30px !important;
}
.navh li ul li a span {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.navh .active > a span,
.navh a:hover span {
	color: #7E9ABF;
}
/* 2 Column settings 256px:768px */
/*                   20-216-20 | 20-728-20 */
/*                   20-300-20 | 20-644-20 */

.twocol.container2 {
  position: relative;
	clear: both;
  float: left;
  width: 100%;
  overflow: hidden;
 	padding: 0;
	margin: 0;
}
.twocol .container1 {
  xx-color: #202020;
	xx-background: #F7E7AD;                  /* column 1 background colour        */
}
/* common column settings */
.twocol .container1 {
  float: left;
  width: 100%;
  position: relative;
}

.twocol .col1,
.twocol .col2 {
  float: left;
  position: relative;
  overflow: hidden;
  padding: 16px 0;                      /* no left and right padding on       */
                                        /* columns, we just make them         */
                                        /* narrower instead only padding top  */
                                        /* and bottom is included here, make  */
                                        /* it whatever value you need         */
  min-height: 400px;
}

.twocol {
  color: #202020;
}
.twocol.container2 {
  background: #F2E4D8;                  /* right column background colour     */
}
.twocol .container1 {
  right: 684px;                         /* right column width                 */
  background: #EFBA8F;                  /* left column background colour      */
}

.twocol .col1 {
	width: 644px;                         /* right column content width         */
	left: 1044px;                         /* 100% plus left column left padding */
}
.twocol .col2 {
	width: 300px;                         /* left column content width          */
	                                      /*   (column width minus padding)     */
	left: 60px;                           /* (right column left and right       */
	                                      /*   padding) plus                    */
	                                      /*   (left column left padding)       */
}

.twocol .col2 img {
	max-width: 300px;
}

/*** Fluid 3-column layout - CSS derived from http://matthewjamestaylor.com/blog/perfect-3-column.htm ***/
.container3 {                           /*-- Wrapper for text pane within main body --*/
  position: relative;                   /* Fix the IE7 overflow hidden bug    */
  clear: both;
  float: left;
  width: 100%;                          /* Width of whole page                */
  overflow: hidden;                     /* Truncate any overhanging divs      */
  padding: 0;  
  margin: 0;
}

/* common column settings */
.threecol .container2,
.threecol .container1 {
  float: left;
  width: 100%;
  position: relative;
}

.threecol .col1,
.threecol .col2,
.threecol .col3 {
  float: left;
  position: relative;
  padding: 16px 0;                      /* no left and right padding on       */
                                        /* columns, we just make them         */
                                        /* narrower instead only padding top  */
                                        /* and bottom is included here, make  */
                                        /* it whatever value you need         */
  min-height: 400px;
}
.threecol .col1,
.threecol .col3 {
  overflow: hidden;
}  

/* 3 Column settings 256px:512px:256px */
/*                   20-216-20 | 20-472-20 | 20-216-20 */
.threecol {
  background: #EFBA8F;                  /* Right column background colour     */
  color: #202020;
}
.threecol .container2 {
  right: 256px;                         /* Right column width                 */
  background: #F2E4D8;                  /* Center column background colour    */
  margin: 0;  
}
.threecol .container1 {
  right: 512px;                         /* Centre column width                */
  background: #EFBA8F; 
}
.threecol .col1 {
  width: 472px;                         /* Centre column content width        */
                                        /*  (column width minus padding)      */
  left: 1044px;                         /* 100% plus left padding of center   */
                                        /*  column                            */
  min-height: 400px;
  color: #000;
}
.threecol .col2 {
  width: 216px;                         /* Left column content width          */
                                        /*  (column width minus padding)      */
  left: 316px;                          /* width of (right column) plus       */
                                        /*  (center column left and right     */
                                        /*   padding) plus                    */
                                        /* (left column left padding)         */
  font-size: 0.875em;

}
.threecol .col3 {
  width: 216px;                         /* Right column content width         */
                                        /*  (column width minus padding)      */
  left: 868px;                          /* (100% - left column width) plus    */
                                        /*   (center column left and right    */
                                        /*    padding) plus                   */
                                        /*   (left column left and right      */
                                        /*    padding) plus                   */
                                        /*   (right column left padding)      */
  font-size: 0.875em;
}

.threecol .col1 img {
	max-width: 482px;
}

.blog .items-row {
	border-top: 2px solid #7F6047;
	padding-top: 6px;
	clear: both;
}
.blog .items-row:first-child {
  border-top: none;
  padding-top: 0;
}
.item-page dd.published time,
.blog dd.published time {
	font-size: 0.75rem;
	color: #404040;
  float: right;
  font-weight: normal;
  font-style: italic;
}
.item-page .article-info::after,
.blog .article-info::after {
	clear: both;
	content: "";
	display: table;
}

.col3 .blog img {
	max-width: 75px;
}



table.ringing {
	border-bottom: 3px solid #7F6047;
	border-collapse: collapse;
	font-size: 0.75em;
}
.col1 table.ringing {
	width: 60%;
}
.col2 table.ringing {
	width: 100%;
}
table.ringing .ringing_head th {
	border-bottom: 3px solid #7F6047;
	text-align: right;
	padding: 4px 8px 4px 0;
	font-weight: bold;
	background: #594431;
	color: #E7E7E7; 
}

table.ringing th {
	text-align: left;
	padding: 4px 8px 0 0;
}
table.ringing td {
	text-align: right;
	padding: 4px 8px 4px 0;
}
table.ringing tr th:first-child {
	padding-left: 8px;
}
table.ringing th.ring_sp {
	text-align: left;
}
table.ringing .ring_mr {
}
table.ringing .ring_rt {
}
table.ringing .ring_co {
}
table.ringing .ring_cr {
}

.gc-ringrec-table thead {
	background: #594431;
	color: #FFF;
	font-weight: bold;
}
.gc-ringrec-table tbody tr.row0 {
  background-color: #E0E0E0;
}
.gc-ringrec-table tbody tr.row1 {
	background-color: #C0C0C0;
}
.gc-ringrec-table thead tr,
.gc-ringrec-table tbody {
	border-bottom: 2px solid #7F6047;
}
.gc-ringrec-table tbody tr.ringing {
	border-top: 2px solid #7F6047;
}
.gc-ringrec-table tbody tr.recovery.row0 td.gc-ringrec-col-activity, 
.gc-ringrec-table tbody tr.recovery.row0 td.gc-ringrec-col-date, 
.gc-ringrec-table tbody tr.recovery.row0 td.gc-ringrec-col-site, 
.gc-ringrec-table tbody tr.recovery.row0 td.gc-ringrec-col-movement,
.gc-ringrec-table tbody tr.recovery.row0 td.gc-ringrec-col-duration,
.gc-ringrec-table tbody tr.recovery.row0 td.gc-ringrec-col-accordion {
	border-top: 1px solid #C0C0C0;	
}
.gc-ringrec-table tbody tr.recovery.row1 td.gc-ringrec-col-activity, 
.gc-ringrec-table tbody tr.recovery.row1 td.gc-ringrec-col-date, 
.gc-ringrec-table tbody tr.recovery.row1 td.gc-ringrec-col-site, 
.gc-ringrec-table tbody tr.recovery.row1 td.gc-ringrec-col-movement,
.gc-ringrec-table tbody tr.recovery.row1 td.gc-ringrec-col-duration,
.gc-ringrec-table tbody tr.recovery.row1 td.gc-ringrec-col-accordion {
	border-top: 1px solid #E0E0E0;	
}
img.recoveriesmap {
	max-width: 100%;
}

.footer {
	color: #E7E7E7;
	background: #7F6047;
	clear: both;
	font-size: 0.875em;
  height: 16px;
  padding: 4px 0;
}
.footer a {
	font-variant: normal;
}
.footer p {
	margin: 0;
}

.colophon {
  clear: both;
	font-size: 0.675em;
	padding: 4px 0;
	line-height: 1rem;
}
.colophon-left {
	width: 50%;
	float: left;
}
.colophon-right {
	float: right;
}
.article-info {
	padding-bottom: 4px;
	font-weight: bold;
}
p.img_caption,
.wf_caption {
	color: #594431;
	font-style: italic;
	font-size: 0.75rem;
	margin-bottom: 4px;
}
.threecol .col2 .wf_caption span {
	padding-left: 6px;
}

.pagination ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.pagination li {
	display: inline;
	padding: 2px 10px;
	border-radius: 2px;
	background: #7F6047;
	color: #c0c0c0;
}
.pagination li a {
  color: #FFF
}
.ba-btn-submit {
	background-color: #594431 !important;
}
.colour-ring-BW input {
	background: #0040c0 !important;
	color: #FFF !important;
}
.colour-ring-4 input,
.colour-ring-4 .ba-maxlength {
	width: 116px !important;
	text-transform: uppercase;
}
.colour-ring-3 input,
.colour-ring-3 .ba-maxlength {
	width: 92px !important;
	text-transform: uppercase;
}
.colour-ring-2 input,
.colour-ring-2 .ba-maxlength {
	width: 68px !important;
	text-transform: uppercase;
}
.colour-ring-1 input,
.colour-ring-1 .ba-maxlength {
	width: 54px !important;
	text-transform: uppercase;
}
.colour-ring input {
	font: bold 20px Verdana, Geneva, sans-serif !important;
}
	
/** Suppress editing ***/
.form-inline .list-edit,
.form-inline .btn-primary,
.btn-group,
ul.actions,
span.list-edit {
	display: none;
}

@media (max-width: 800px) {
  .threecol {
  	max-width: 100%;
    left: 0;
    right: 0;
  }
  .threecol .container2 {
  	max-width: 100%;
    left: 0;
    right: 0;
  }
  .threecol .container1 {
  	max-width: 100%;
    left: 0;
    right: 0;
  }
  .threecol .col1,
  .threecol .col2,
  .threecol .col3 {
  	width: 90%;
  	padding: 10px 5%;
  	left: 0;
  	clear: both;
    border-bottom: 8px solid #7F6047;
    min-height: 0;
  }
 
  .twocol {
  	max-width: 100%;
  	left: 0;
  	right: 0;
  } 
  .twocol .container1 {
  	max-width: 100%;
    left: 0;
    right: 0;
  }
  .twocol .col1,
  .twocol .col2 {
  	width: 90%;
  	padding: 10px 5%;
  	left: 0;
  	clear: both;
  	min-height: 0;
  }
  .twocol .col1 {
    border-bottom: 8px solid #7F6047;
  } 
  .header h1 {
  	font-size: 5.5vw;
  	max-width: 100%;
  	width: 100%;
  }
  body {
    margin: 0 auto;
  }
  body,
  .wrapper,
  header {
  	max-width: 100%;
  }
  .header {
  	max-width: 100%;
  	max-height: 90px;  }
  .header .random-image {
  	display: none;
  }
  .footer {
  	margin-bottom: 6px;
  }
  .colophon {
  	line-height: 0.25rem;
  }
  .colophon-left,
  .colophon-right {
  	width: 100%;
  	padding-left: 5%;
  	clear: both;
  	float: left;
  }
  
}