/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* https://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Base Overrides	
	#Site Styles
	#Page Styles
	#Navigation Styles
	#Media Queries
	#Font-Face
	#Button-Styling
*/

/* #Base Overrides	
================================================== */
	
/* Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #181818;
		/*font-family: "Georgia", "Times New Roman", serif;*/
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: normal; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
/*
	h1 { line-height: 49px; margin-bottom: 14px; }
	h2 { line-height: 42px; margin-bottom: 7px; }
	h3 { line-height: 35px; margin-bottom: 7px; }
	h4 { line-height: 28px; margin-bottom: 7px; }
	h5 { line-height: 21px; }
*/	
	h1 { font-size: 4vw; }
	h2 { font-size: 3vw; }
	h3 { font-size: 2vw; }
	h4 { font-size: 1vw; }
	h5 { font-size: .5vw; }
	
	#embossed h1 {
		text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
		color: #9c8468;
		opacity: 0.3;
		font-size: 60px;
		font-weight: bold;
	}	

	p { margin: 0 0 21px 0; }
	p.lead { line-height: 28px; }

	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	/*small { font-size: 80%; }*/

   a:link { 
   	color: #B10C25; 
   	text-decoration: none; 
   	text-transform: uppercase; 
   	font-weight: normal;
   }
	a:active {
	}
	a:visited {
	}
	a:hover { 
		color: #154C8B; 
	}

	.mb a:link { 
		color: #333333; 
		text-decoration: none; 
		text-transform: uppercase; 
		font-weight: normal;
	}
	.mb a:active {
	}
	.mb a:visited {
		color: #154C8B;
	}
	.mb a:hover {
		color: #B10C25;
	}

/*	Blockquotes  */
	blockquote, blockquote p { line-height: 21px; }
	blockquote { margin: 0 0 21px; padding: 7px 20px 0 19px; }

	hr { margin: 14px 0 28px; }

/* Lists
================================================== */
	ul, ol { margin-bottom: 21px; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 7px 0 7px 30px; }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 7px; }
	li { line-height: 21px; margin-bottom: 14px; }
	
	.owner li { margin-bottom: 2px; }
	.owner ul { margin-bottom: 6px; }	

/* #Site Styles
================================================== */

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#thumbwrap {
	/*margin:75px auto;*/
	width:100%; 
	height:100%;
}
.thumb {
	float:left; /* must be floated for same cross browser position of larger image */
	position:relative;
	margin:3px;
}
.thumb img { 
	border:1px solid #000;
	vertical-align:bottom;
}
.thumb:hover {
	border:0; /* IE6 needs this to show large image */
	z-index:1;
}
.thumb span { 
	position:absolute;
	visibility:hidden;
}
.thumb:hover span { 
	visibility:visible;
	top:37px; 
	left:37px; 
}


/* #Page Styles
================================================== */

.box {
	border:2px solid #154C8B;
	border-radius: 15px;
    -moz-border-radius-topright:15px;
    -moz-border-radius-topleft:15px;
    -moz-border-radius-bottomright:15px;
    -moz-border-radius-bottomleft:15px;
    -webkit-border-top-right-radius:15px;
    -webkit-border-top-left-radius:15px;
    -webkit-border-bottom-right-radius:15px;
    -webkit-border-bottom-left-radius:15px;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;    
}
.box h1 {
	background:#154C8B; 
	color:white; 
	padding:5px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}
.boxred {
	border:2px solid #B10C25;
	border-radius: 15px;
   -moz-border-radius-topright:15px;
   -moz-border-radius-topleft:15px;
   -moz-border-radius-bottomright:15px;
   -moz-border-radius-bottomleft:15px;
   -webkit-border-top-right-radius:15px;
   -webkit-border-top-left-radius:15px;
   -webkit-border-bottom-right-radius:15px;
   -webkit-border-bottom-left-radius:15px;
   border-top-left-radius:15px;
   border-top-right-radius:15px;
   border-bottom-left-radius:15px;
   border-bottom-right-radius:15px;    
}
.boxred h1 {
	background:#B10C25; 
	color:white; 
	padding:5px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}
.boxred h3 {
    background: #DDD none repeat scroll 0% 0%;
    color: #333;
    padding: 5px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.boxlogos {
	width: 100%;
	border: 1px solid #CCCCCC;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row; /* works with row or column */
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    /*justify-content: flex-start | flex-end | center | space-between | space-around;*/
	background-color: #154C8B;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-topleft: 15px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.boxbottom {
	width: 100%;
	border: 1px solid #CCCCCC;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row; /* works with row or column */
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    /*justify-content: flex-start | flex-end | center | space-between | space-around;*/
	background-color: #154C8B;
   -moz-border-radius-topright:15px;
   -moz-border-radius-topleft:15px;
   -moz-border-radius-bottomright:15px;
   -moz-border-radius-bottomleft:15px;
   -webkit-border-top-right-radius:15px;
   -webkit-border-top-left-radius:15px;
   -webkit-border-bottom-right-radius:15px;
   -webkit-border-bottom-left-radius:15px;
   border-top-left-radius:15px;
   border-top-right-radius:15px;
   border-bottom-left-radius:15px;
   border-bottom-right-radius:15px;  
}

.boxlogos div {
    /*display: inline-block;
    padding: 5px 10px 0px 10px;*/
}

.logostest {
	text-align: center;
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
    width: 8%;               /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    flex: 1;   
}


/*
.boxlogos:after {
    content: '';
    width: 100%;
    display: inline-block;
}
*/
/*
.boxlogos a {
	width: 8.0%;
	float: left;
}

.boxlogos a img {
	float: right;
}
*/


#containerlogos {
	text-align: justify;
	}
#containerlogos > div {
	width: 100px; /* Declare your value. Can be in relative units. */
	display: inline-block;
	vertical-align: top;

	/* IE fix. */
	*display: inline;
	zoom: 1;
	}
#containerlogos:after {
	content: "";
	width: 100%;
	display: inline-block;
    }



.headermiddle {
	width: 100%;
	display: inline;
	float: left;
	/*left: -10px;*/
	position: relative;
	border: 2px solid #EEEEEE;
	background-color: #CCCCCC;
    word-wrap: normal;
	padding-top: 5px;
	padding-bottom: 5px;
/*
	border-radius: 15px;
    -moz-border-radius-topright:15px;
    -moz-border-radius-topleft:15px;
    -moz-border-radius-bottomright:15px;
    -moz-border-radius-bottomleft:15px;
    -webkit-border-top-right-radius:15px;
    -webkit-border-top-left-radius:15px;
    -webkit-border-bottom-right-radius:15px;
    -webkit-border-bottom-left-radius:15px;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
*/
}


/* #Navigation Styles
================================================== */

nav.primary {
	background-color: #DDDDDD;
   background-image: url(../images/fieldbg.jpg);
   background-size: cover;	
   border-top: 1px solid #154C8B;
	/*border-bottom: 1px solid #154C8B;*/
}


/* Slideshow images */
#slideshow { 
    position: relative; 
	 width: 400px; 
	 height: 400px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}

.mainblock {
    position: relative; 
    width: auto;
    height: auto;
    padding: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
 }

/* Login Form */
.login {
	text-align: right;
	float: right;
	position: relative;
	margin-top: 5px;
}


.wraptocenter {
    display: table-cell;
    vertical-align: middle;
    width: ...;
    height: ...;
}
.wraptocenter * {
    vertical-align: middle;
}

/* Bottom links */
.bottom.primary {
	background-color: #DDDDDD;
	border-top: 1px solid #154C8B;
	border-bottom: 2px solid #B10C25;
}
.bottom.primary.title {
	background-color: #154C8B;
}
.bottom.primary ul li {
	display: inline;
	float: left;
	position: relative;
	margin: 0px;
	width: 100%;
}
.bottom.primary ul li a {
	display: inline-block;
	line-height: 25px;
	/*padding: 0 14px;*/
	color: #154C8B;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 0.08em;
}
.bottom.primary ul li a:hover {
	cursor: pointer;
	color: #B10C25;
}

.bottom.title {
	color: #DDDDDD;
	font-weight: bold;
	text-transform: uppercase;	
	letter-spacing: 0.08em;
}

.owner img { vertical-align: middle; }

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}


/* #Forms
================================================== */
/*
	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 18px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 18px;
		color: #444; }
*/

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/


/* #Button styling
================================================== */
input#bigbutton {
  width:200px;
  background: #154C8B; /*the colour of the button*/
  padding: 8px 14px 10px; /*apply some padding inside the button*/
  border:1px solid #3e9cbf; /*required or the default border for the browser will appear*/
  cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
  /*style the text*/
  font-size:1.5em;
  font-family: 'Roboto Condensed', sans-serif; 
  letter-spacing:.1em;
  text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3); /*give the text a shadow - doesn't appear in Opera 12.02 or earlier*/
  color: #fff;
  /*use box-shadow to give the button some depth - see cssdemos.tupence.co.uk/box-shadow.htm#demo7 for more info on this technique*/
  -webkit-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 10px 5px #999;
  -moz-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 10px 5px #999;
  box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 10px 5px #999;
  /*give the corners a small curve*/
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
/***SET THE BUTTON'S HOVER AND FOCUS STATES***/
input#bigbutton:hover, input#bigbutton:focus {
  color:#dfe7ea;
  /*reduce the size of the shadow to give a pushed effect*/
  -webkit-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999;
  -moz-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999;
  box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999;