/* Based on original design Brown Stone template by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License */
/* Note: Accessibility browser settings can override/lock the font styles and sizes, 
 * this can lead to strange results and the CSS rules seeming to have no effect. */

body 
{
	margin: 1% auto;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; /* this size remains fixed, all the others are % relative to this size */
	text-decoration: none;
	width: auto;
	word-spacing: normal;
	letter-spacing: normal;
}

h2 {
	padding: 0;
	font-weight: normal;
	font-family: Rockwell, Helvetica, sans-serif;
	text-align: center;
}

/*h1 {
	margin: 20px 0 28px 0;
	font-size: 165%;
}*/

h2 {
	margin: 0 0 10px 0;
	font-size: 260%;
}

h2 a {
	font-weight: normal;
}

h3 {
	margin: 1% 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 105%;
	line-height: 135%;
	text-align: left;
}

p {
	margin: 5px 0 15px 0;
	font-size: 105%;
	font-weight: normal;
	font-style: normal;
	line-height: 175%;
}

.contact_detail, .service_line {
	padding: 0;
	font-weight: normal;
	font-family: Rockwell, Helvetica, sans-serif;
	text-align: center;
	margin: 12px 0 32px 0;
	font-size: 160%;
	line-height: 135%;
}

form p
{
	margin: 6px auto 6px 14px;
	text-align: left;
	font-size: 105%;
	font-weight: normal;
	font-style: normal;
	line-height: 205%;
}

form .subheading
{
	margin: 12px 0 5px 0;
	font-size: 120%;
}

form .disclaimer {
	font-size: 102%;
	line-height: 180%;
}

ul, ol {
	text-align:justify;
	width: 100%;
	font-weight: normal;
	line-height: 180%;
	margin: 2% 1% 3% 0;
}

dfn {
	font-style: normal;
}

.reduced_width_80
{
	width: 80%;
}

.outline_box
{
	margin: 2px 0 18px 0;
	border: 1px dotted #444;
	padding: 10px;
}

.inset_box
{
	margin: 2px auto 18px auto;
	padding: 8px;
}

.new_window_icon 
{
	margin: 1px 0 0 2px;
	font-size: 95%;
}

/* Use more stylish ampersands if available */
.amp {
	font-family: Baskerville, Palatino, "Book Antiqua", serif;
}

.dark
{
	color: #373530; /* Dark brown */
}

.light
{
	color: #F5F5F5; /* white smoke */
}

/* keep paired/grouped items or words together when line-wrapping */
.paired {
	display: inline-block;
}

/* Hyperlink within standard content */
.link
{
	text-decoration: none;
	font-size: 105%;
}

.link:hover {
	border-bottom: 2px solid #008B8B; /* DarkCyan */
}

.def
{
	margin: 0 0 0 1px; /* space touch-targets further apart */
	text-decoration: none;
}

.def:hover
{
	border-bottom: 1px solid #000082; /* Dark blue */
}

.items
{
	font-weight: normal;
	margin: 0 0;
	line-height: 170%;
}

.clear
{
	clear: both;
}

.wrapper {
	vertical-align: top; /* stops inline-block messing up element positions */
	margin: 0 auto; /* centred */
	padding: 0 2%; /* retain a left/right page border */
	text-align: center; /* centres inline-block children */
}

.wrapper_flex
{
	/*display: -webkit-box; /* Old - iOS 6 or below, Safari 3.1-6 */
	display: -webkit-flex; /* Chrome, Safari */
	display: -ms-flexbox; /* IE 10 */
	display: flex;
	/*-webkit-box-orient: horizontal;*/
	/*-webkit-box-direction: normal;*/
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	/*-webkit-box-flex: 1;*/
	-webkit-flex: 1;
	-ms-flex: 1 0 0;
	flex: 1 0 0;
	/*-webkit-box-pack: center;*/
	/* Justify content with space-around instead of center, since it works out the same for all browsers */
	/* whereas center on IE 10-11 doesn't work, leaving things right-aligned */
	-webkit-justify-content: space-around;
	-ms-flex-pack: space-around;
	justify-content: space-around;
}

/* Base non-flex version */
.menu_bar {
	display: inline-block;
	vertical-align: top; /* stops inline-block messing up element positions */
	background-color: transparent;
	overflow: hidden;
	width: 275px; /* fixed-width so it stays static while the content can resize */
	margin: 8px 0 20px auto;
	padding-bottom: 35px; /* Leave an invisible overlap when content is shorter than sidebar */
}

.menu_bar_flex {
	/*-webkit-box-ordinal-group: 1; /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-ordinal-group: 1; /* OLD - Firefox 19- */
	-webkit-order: 1; /* NEW - Chrome */
	-ms-flex-order: 1; /* IE 10 */
	order: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.logo {
	position: relative;
	z-index: 1;
	width: 225px;
	margin: 0 auto -10px auto;
	padding: 0;
	background-size: cover;
}

.logo_main {
	text-transform: lowercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 3px 0 0 0; /* override the heading margins */
	padding: 9px 0 0 1px;
	font-size: 312%;
	text-align: center;
	letter-spacing: 1px;
}

.logo_secondary {
	margin: -18px 0 5px 21px; /* overlap the bottom of the main logo */
	line-height: 172%;
	font-style: normal;
	width: 100%;
	text-transform: lowercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 290%;
	text-align: center;
	letter-spacing: 1px;
}

.theme_switch_legend {
	position: absolute;
	line-height: normal;
	font-size: 105%;
	padding: 2px 5px 1px 5px;
	margin: -15px 0 0 42px;
}

/* Colour scheme toggle switch */
/* Copyright (c) 2012-2013 Thibaut Courouble
 * http://www.cssflow.com
 * Licensed under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 */
.switch {
	position: relative;
	margin: 16px auto 10px auto;
	height: 36px;
	width: 152px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 3px #1A1A1A, 0 1px #3B3B3B;
	box-shadow: inset 0 1px 3px #1A1A1A, 0 1px #3B3B3B;
}

.switch-label {
	position: relative;
	z-index: 2;
	float: left;
	width: 64px;
	line-height: 26px;
	font-size: 114%;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; /* prevent text selection when clicking switch */
}
.switch-label:active {
	font-weight: normal;
}

.standard_theme_label {
	margin: 6px 3px 0 6px;
	color: #56F6F6;
}

.contrast_theme_label {
	margin: 6px 0 0 8px;
	color: #FAFAFA;
}

.switch-input {
	display: none; /* remove radio buttons */
}

/* The selected label */
.switch-input:checked + .switch-label {
	font-weight: bold;
	text-shadow: 0 1px #F5F5F5;
	-webkit-transition: 0.18s ease-out;
	-moz-transition: 0.18s ease-out;
	-o-transition: 0.18s ease-out;
	transition: 0.18s ease-out;
}

.switch-input:checked + .standard_theme_label {
	color: #108282; /* teal */
}

.switch-input:checked + .contrast_theme_label {
	color: #1A1A1A;
}

/* Highlighting slider movement */
.switch-input:checked + .contrast_theme_label ~ .switch-selector {
	left: 78px; /* needs to move by the width of the label + margins/padding */
  /* Note: left: 50% doesn't transition in WebKit */
}

/* The selection highlight slider */
.switch-selector {
	display: block;
	position: absolute;
	z-index: 1;
	top: 5px; /* match the top margin of the labels */
	left: 3px;
	width: 72px; /* needs to be wide enough to cover label */
	height: 28px;
	background-color: #F5F5F5; /* white smoke */
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
	-webkit-transition: left 0.08s ease-out;
	-moz-transition: left 0.08s ease-out;
	-o-transition: left 0.08s ease-out;
	transition: left 0.08s ease-out; /* slide smoothly rather than instant change */
}
  
/* Navigation Links Menu */
.menu {
	margin: 0 0 0 0; /* offset the menu from the surrounding sidebar */
	padding: 26px 16px 20px 16px;
	min-width: 260px;
	-webkit-box-shadow: 8px 8px 15px #55514B;
	box-shadow: 8px 8px 15px #55514B; /*  h-shadow v-shadow blur spread color */
}

.menu ul {
	margin: 0;
	padding: 0;
	list-style: none; /* no bullets */
	line-height: normal;
	overflow: hidden;
}

/* Sidebar links menu list item */
.menu-item {
	display: block;
	margin: 12px 0; /* gap between menu items */
	padding: 4% 0 4% 4%; /* Offset the text from the highlighting border box */
	text-decoration: none;
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 135%;
	border-radius: 15px; /* rounded corners */
	background-color: transparent;
}

.menu-item:hover {
	background-size: cover;
	border-radius: 15px;
	text-decoration: none;
}

/* placeholder to disable the hover on menu items that act as headers for sub-menus */
.menu-item-unselectable {
	background-color: transparent;
}

.menu-item-unselectable:hover
{
	background: none;
	color: #4D8D99; /* light teal */
}

ul .sub-menu
{
	width: 100%;
	white-space: nowrap;
	margin: 0 0 10px 15px; /* indent the sub-list from its parent */
	padding: 0;
}

.sub-menu li
{
	display: inline-block;
}

.sub-menu-item {
	width: 100%;
	display: inline-block;
	padding: 4px 10px 4px 9px;
}

/* Bring out the foreground text of the selected page */
.current_page_item a {
	background-size: cover;
	text-decoration: none;
	border-radius: 15px; /* rounded corners */
}

/* Right-hand side content */
/* Non-flex base version */
.content {
	display: inline-block;
	vertical-align: top; /* stops inline-block messing up element positions */
	min-height: 850px; /* Size of menu-bar plus some overlap */
	overflow: hidden;
	min-width: 300px; /* prevent under-stretching */
	width: 75%;
	max-width: 760px; /* prevent over-stretching */
	margin: 38px auto 10px 0;
	padding: 20px 0 0 0;
	-webkit-box-shadow: 8px 8px 15px #55514B;
	box-shadow: 8px 8px 15px #55514B; /*  h-shadow v-shadow blur spread color */
}

/* Flex-box override */
.content_flex {
	/*-webkit-box-ordinal-group: 2; /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-ordinal-group: 2; /* OLD - Firefox 19- */
	-webkit-order: 2; /* NEW - Chrome */
	-ms-flex-order: 2; /* IE 10 */
	order: 2; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.post {
	position: relative;
	margin: 10px 40px 5px 32px;
	/* The next bit is an IE-only hack to forc a container to scale the full height of floated child elements */
	/* stops content randomly disappearing in later IE versions, even though the hack is only supposed to work for early IE versions */
	_height: 1%;
	overflow: auto;
}

.post  a {
	border-bottom: 2px solid transparent; /* stops the content resizing when a link is hovered over */
}

.title {
	margin: 10px 0 8px 0;
	padding-left: 172px;
	text-indent: -172px; /* hanging indent */
	text-transform: lowercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 260%;
	letter-spacing: -.5px;
	text-align: left;
}

.title .company {
	text-align: left;
}

.entry { 
	width: 100%;
	margin: 1% 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #99938B;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 105%;
	text-align: justify;
}

.entry li {
	margin: 0 0 1% 4%; /* left margin brings bullet points inside container */
	font-size: 105%;
	line-height: 180%;
	text-align: left;
}

.subheading {
	display: block;
	margin: 22px 0 5px 0;
	font-weight: bold;
	font-size: 110%;
	word-spacing: normal;
	text-align: left;
	line-height: 160%;
}

.outline_box .subheading {
	margin: 4px 0 6px 0;
}

h3.subheading {
	font-size: 115%;
	margin: 22px 0 8px 0;
}

.outline_box p {
	margin: 12px 0 4px 0;
}

.lower_title {
	margin: 0;
	padding: 0;
	text-transform: lowercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 220%;
	letter-spacing: -.5px;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	line-height: 120%;
}

.service_line {
	text-transform: lowercase;
	text-align: left;
	margin: 0 0 16px 0;
	font-size: 150%;
}

.entry .page_number
{
	margin: 5px 4px 2px 0;
	text-align: right;
}

/* Wrapper for page nav elements so they'll share the same line
* The page nav 'bar' consists of wrappers which are placeholders for page links 
* This allows each nav element to keep its spacing whether or not it has a link */
.page_nav
{
	position: relative;
	display: inline-block;
	width: 100%;
	font-size: 130%;
}

/* container for page nav link */
.prev_page_nav
{
	text-align: left;
	float: left;
	margin: 6px auto 0 0; /* space to the left of centre */
	width: 33%;
}

/* container for page nav link */
.next_page_nav
{
	text-align: right;
	float: right;
	margin: 6px 0 0 auto; /* space to right of centre */
	/*width: 32%;*/
}

/* container for page nav link */
.pagetop-link
{
	float: left;
	text-align: center;
	margin:6px auto; /* centre */
	width: 36%;
}

.google_plus_share_img
{
	display: none;
}

/* aspect ratio h->w 1.50 */
.Old_Vic_theatre_school_img
{
	max-height: 160px;
	max-width: 240px;
	height: 32%;/*437px*/
	width: 48%; /*657px*/
	margin: 1% 0 2% 4%;
	float: right;
}

/* aspect ratio h->w 1.64 */
.charlotte_street_img
{
	display: block;
	width:80%;/*900*/
	max-height: 300px;
	height:55%;/*550*/
	margin: 4% auto 0 auto;
}

/* aspect ratio h->w 1.58 */
.Brandon_House_img
{
	display: block;
	max-height: 260px;
	max-width: 400px;
	height: 75%;
	width: 75%;
	margin: 2% auto 4% auto;
}

/* aspect ratio h->w 0.89 */
.teresa_img
{
	max-height: 130px;
	height: 26%; /*217px*/
	/*min-width: 120px;*/
	/*width: 25%; /*194px*/
	max-width: 116px;
	margin: 2% 0 1% 5%;
	float: right;
}

/* aspect ratio h->w 1.34 */
.trevor_img
{
	max-height: 130px;
	height: 40%; /*187px*/
	max-width: 175px;
	/*min-width: 150px;*/
	/*width:40%; /*250px*/
	margin: 1% 5% 5% 0;
	float: left;
}

/* aspect ratio h->w 1.33 */
.painswick_window_img
{
	max-height: 150px;
	height: 50%;/*150px*/
	width: 30%;/*200px*/
	overflow: hidden;
}

/* aspect ratio h->w 0.65 */
.kings_school1_img
{
	max-height: 154px;
	max-width: 100px;
	height: 100%;/*154px*/
	width: 100%;/*100px*/
	margin: 0 0 1% 5%;
	float: right;
}

/* aspect ratio h->w 0.56 */
.kings_school3_img
{
	max-height: 165px;
	max-width: 93px;
	height: 40%;/*200px*/
	width: 23%;/*113px*/
	margin: 1% 4% 1% 0;
	float: left;
}

/* aspect ratio h->w 0.60 */
.west_wing1_img
{
	max-height: 225px;
	max-width: 135px;
	height: 62%; /*400;*/
	width: 38%; /*239;*/
	float: right; 
	margin: 1% 0 2% 5%;
}

/* aspect ratio h->w 0.66 */
.west_wing2_img
{
	max-height: 190px;
	max-width: 125px;
	height: 45%; /*452px*/
	width: 30%; /*300px*/
	float: right;
	margin: 1% 0 2px 5%;
}

/* aspect ratio h->w 0.66 */
.west_wing4_img
{
	max-height: 170px;
	max-width: 112px;
	height: 45%; /*452px*/
	width: 30%; /*300px*/
	float: left;
	margin: 1% 5% 2% 0;
}

/* aspect ratio h->w 0.66 */
.west_wing5_img
{
	max-height: 170px;
	max-width: 112px;
	height: 40%; /*452px*/
	width: 26%; /*300px*/
	float: left;
	margin: 1% 3% 2% 0;
}

/* aspect ratio h->w 0.66 */
.west_wing6_img
{
	max-height: 220px;
	max-width: 146px;
	height: 70%; /*265px*/
	width: 46%; /*176px*/
	float: left;
	margin: 1% 5% 4% 0;
}

/* aspect ratio h->w 0.71 */
.bay_window_img
{
	max-height: 254px;
	max-width: 180px;
	height: 66%; /*254px*/
	width: 47%; /*180px*/
	float: left;
	margin: 1% 5% 2% 0;
}

/* aspect ratio h->w 0.65 */
.house_front_img
{
	max-height: 200px;
	max-width: 130px;
	height: 55%; /*348px*/
	width: 35%; /*225px*/
	float: right;
	margin: 1% 0 2px 5%;
}

/* aspect ratio h->w 0.56 */
.butterow_img
{
	max-height: 250px;
	max-width: 140px;
	height: 65%;/*269px*/
	width: 36%;/*151px*/
	float: left;
	margin: 1% 4% 5% 0;
}

/* aspect ratio h->w 0.56 */
.butterow_smaller_img
{
	max-height: 165px;
	max-width: 93px;
	height: 100%;/*266px*/
	width: 56%;/*150px*/
	float: right;
	margin: 1% 0 2% 4%;
}

/* aspect ratio h->w 0.75 */
.royal_img
{
	max-height: 185px;
	max-width: 140px;
	height: 55%;/*533px*/
	width: 36%;/*400px*/
	float: right;
	margin: 1% 0 3% 5%;
}

/* aspect ratio h->w 0.83 */
.working_img
{
	max-height: 122px;
	height: 35%; /*169px*/
	max-width: 102px;
	/*width: 25%; /*140px*/
	float: right;
	margin: 1% 0 3% 4%;
}

/* aspect ratio h->w 0.74 */
.rotten_sill_img
{
	max-height: 150px;
	max-width: 111px;
	height: 28%;/*239px*/ 
	width: 21%; /*325px*/
	margin: 1% 0 2px 5%;
	float:right;
}

/* aspect ratio h->w 1.17 */
.rotten_bar_img
{
	max-height: 105px;
	max-width: 123px;
	height: 30%;/*236px*/ 
	width: 35%; /*276px*/
	margin: 1% 4% 2% 0;
	float: left;
}

/* aspect ratio h->w 1.44 */
.glos_uni_img
{
	max-height: 145px;
	max-width: 210px;
	height: 42%; /*365px*/
	width: 54%; /*524px*/
	margin: 1% 0 2% 4%;
	float: right;
}

/* aspect ratio h->w 0.79 */
.double_glazed_sash_img
{
	max-height: 130px;
	max-width: 103px;
	height: 35%; /*242*/
	width: 30%; /*191*/
	float: right;
	margin: 5% 0 0 5%;
}

/* aspect ratio h->w 0.60 */
.ashdown_road_img
{
	max-height: 300px;
	max-width: 180px;
	height: 60%; /*"613"*/
	width: 36%; /*"229"*/
	margin: 1% 0 5% 4%;
	float: right;
}

/* aspect ratio h->w 0.60 */
.ashdown_road_small_img
{
	max-height: 225px;
	max-width: 134px;
	height: 60%; /*300px*/
	width: 36%; /*180px*/
	margin: 1% 0 0 5%;
	float: right;
}

/* aspect ratio h->w 0.49 */
.repaired_window_img
{
	max-height: 172px;
	height: 85%; /*408px*/
	max-width: 85px;
	width: 42%; /*200px*/
	float: left;
	margin: 1% 4% 2% 0;
	overflow: hidden;
}

/* aspect ratio h->w 1.27 */
.willet_son_img
{
	display: block;
	max-height: 220px;
	max-width: 280px;
	height: 55%; /*300px*/
	width: 70%; /*382px*/
	margin: 3% auto 3% auto;
}

/* aspect ratio h->w 1.21 */
.cord_plug_img
{
	display: block;
	max-height: 88px;
	/*height: 85%; /*150px*/
	max-width: 106px;
	width: 84%; /*182px*/
	float: right;
	margin: 1% 0 1% 4%;
}

/* These only apply to the PNG fallback images */
.social_button_img {
	margin: 4px 1px -1px 3px;
	max-width: 22px;
	max-height: 22px;
	width: 100%;
	vertical-align: text-bottom;
}

/* compensate for optical illusion of LinkedIn icon appearing smaller */
.linkedin_icon_img {
	max-width: 24px;
	max-height: 24px;
}

.img_caption
{
	display: inline-block;
	width: 95%;
	text-align: center;
	font-size:105%;
	font-weight: normal;
	margin: 0 2% 2% 2%;
}

.bullet {
	display: list-item;
	list-style: disc inside;
}

.location_table {
	margin: 1% auto 5% auto;
	width: 94%;
	height: 100%;
}

.location_table td {
	background-color: transparent;
	vertical-align: top;
	text-align: left;
	padding: 6px 3px;
	font-size: 102%;
}

.fault_list  {
	margin: 4% auto;
	width: 50%;
	line-height: 220%;
}

.fault_list  li {
	margin: 4% auto;
	font-size: 115%;
}

.fault_table  {
	margin: 0 auto 4% 10%;
	width: 90%;
	height: 100%;
}

.fault_table td {
	background-color: transparent;
	text-align: left;
	padding: 8px 10px;
	font-size: 103%;
	text-indent: -10px;
}

.page_link_table  {
	margin: 0 auto 3% auto;
	width: 90%;
	height: 100%;
	border: 1px solid #FFF;
}

.page_link_table td {
	background-color: transparent;
	padding: 8px 4px;
	font-size: 103%;
	text-align: center;
	/*border: 1px solid green;*/
}

.page_link_table td a {
	border-bottom: 2px solid transparent; /* stops the table cell resizing when a link is hovered over */
}

.cookie_table, .price_table {
	margin: 2% 0 3% 0;
	width: 100%;
	height: 100%;
	-webkit-box-shadow: 10px 10px 5px #888888;
	box-shadow: 10px 10px 5px #888888; /* DistanceX DistanceY Blur Colour */
	border: 1px solid #000000;
	border-radius: 1px;
}

.cookie_table td, .price_table td
{
	background-color: transparent;
	border: 1px solid #000000;
	border-width: 1px;
	text-align: left;
	padding: 7px;
}

.price_table td {
	text-align: center;
}

/* Header row */
.cookie_table tr:first-child td, .price_table tr:first-child td {
	text-align: center;
	font-weight: bold;
}

.footer {
	display: inline-block;
	margin: 1% 0 0 0;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

.footer p {
	margin: 0;
	padding-top: 10px;
	line-height: 140%;
	font-size: 100%;
	text-transform: uppercase;
	text-align: center;
}

.footer .contact {
	font-size: 102%;
}

.footer a {
}

.footer .link {
	font-size: 100%;
}

/* Keep social button and link pairs group together when wrapping */
.footer .social_link {
	display: inline-block;
	margin: 4px 2px;
	letter-spacing: 1px;
}

.footer_table  {
	margin: 0 auto;
	height: 100%;
}

.footer_table td {
	background-color: transparent;
	text-align: center;
}
.footer_table .left_col {
	width: 48%; /* wide enough for the email contact to fit one line */
	padding: 1% 2% 0 0;
}
.footer_table .right_col {
	padding: 1% 0 0 2%;
}

.gsc-control-cse {
	font-family: Arial, sans-serif;
	border-color: #000000;
	background-color: #000000;
}

/* Allow some customising of <strong> tags */
.heavy_text {
	font-weight: bold;
}

/* the wide-only version is overridden by media queries at bottom of stylesheet */
.centred, .centred_wide_only
{
	text-align: center;
}

.left_align
{
	text-align: left;
}

form label, .text_field
{
	margin: 1% 4px;
	line-height: normal;
}

.sub_field_group  {
	margin-left: 20px;
}

.sub_field_group  p {
	margin: auto 0;
}

.inline_label
{
	margin: auto 26px auto 4px;
}

.choice_field
{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	/*margin: 6px 0px 6px 4px;*/
	margin: auto 2px;
}

.text_block
{
	display: block;
	margin: 8px auto;
	width: 98%;
	max-height: 180px;
	resize: vertical; /* prevent resizing horizontally */ 
}

.form_button
{
	margin: 8px auto;
	padding: 0px 10px;
}


.not_modern_browser {
	display: none;
}

.print_only, span.print_only, p.print_only {
	display: none;
}

.error 
{
	margin: 2px auto;
}

.ad_link {
	display: block;
	text-align: right;
	line-height: 100%;
}

/* Media specific overrides, have to be the last thing in the stylesheet */
/* very small screen width */
@media screen and (max-width: 320px)
{
/* Leave out extra detail on small screens */
	.not_small_screen
	{
		display:none;
	}
	.not_very_small_screen
	{
		display:none;
	}
}

/* interim screen width */
@media screen and (max-width: 680px)
{
	/* Leave out extra detail on small screens */
	.not_small_screen
	{
		display:none;
	}
}

/* wide screen width */
@media screen and (min-width: 680px)
{
	/* Leave out minimised detail on larger screens */
	.not_wide_screen
	{
		display:none;
	}
}