/*
@font-face { font-family: 'FranchiseRegular'; src: url('/fonts/franchise-bold-webfont.eot'); src: url('/fonts/franchise-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/franchise-bold-webfont.woff') format('woff'), url('/fonts/franchise-bold-webfont.ttf') format('truetype'), url('/fonts/franchise-bold-webfont.svg#FranchiseRegular') format('svg'); font-weight: normal; font-style: normal;
}
 @font-face {font-family: 'Museo-300';src: url('/fonts/202B42_1_0.eot');src: url('/fonts/202B42_1_0.eot?#iefix') format('embedded-opentype'),url('/fonts/202B42_1_0.woff') format('woff'),url('/fonts/202B42_1_0.ttf') format('truetype');}

*/
@font-face { font-family: 'LeagueGothicRegular'; src: url("/fonts/League_Gothic-webfont.eot"); src: url("/fonts/League_Gothic-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/League_Gothic-webfont.woff") format("woff"), url("/fonts/League_Gothic-webfont.ttf") format("truetype"), url("/fonts/League_Gothic-webfont.svg#LeagueGothicRegular") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Museo-500'; src: url("/fonts/202B42_2_0.eot"); src: url("/fonts/202B42_2_0.eot?#iefix") format("embedded-opentype"), url("/fonts/202B42_2_0.woff") format("woff"), url("/fonts/202B42_2_0.ttf") format("truetype"); }

/*Start Rest*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; font-size: 62.5%; }
body.largeFont { font-size: 70.5%; }
body.medFont { font-size: 67.5%; }
body.smallFont { font-size: 62.5%; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ul { list-style: none; }

td, th { vertical-align: top; }

a { text-decoration: none; }

table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

strong, b { font-weight: bold; }

em, i { font-style: italic; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

/*End Reset*/
.skip { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; width: 600px; color: #FFF; }
.skip:focus, .skip:active { position: static; width: auto; height: auto; left: 0px; margin-right: 10px; }

.noreveal:focus, .noreveal:active { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; width: 600px; color: #FFF; }

.access { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.forPrint { display: none; }

body { font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; background: #F3F3F3; }

#top { margin: 0 auto; position: relative; }

/*
header.main{height: 172px;
	hgroup{width: 37.078652%;}
	div.title{ font-family: 'FranchiseRegular',Verdana, Arial, Helvetica, sans-serif; font-size: 8.3em; letter-spacing:-0.025em; color: #333333; font-weight: bold; text-shadow: 1px 2px 2px #666; margin-top:0.5%; @include margin-right(1068px, 24px);  float: left; @include width(1068px, 480px);}
	
	
	nav{margin:-0.7% 0 0 0; @include width(1068px, 564px); position: absolute; right: 0.4%;
		a{font-size: 5.9em; letter-spacing: -0.01em; color: #FFF;font-weight: bold; text-shadow: 1px 2px 2px #858585; display: inline-block; float: left;  border: 5px solid #FFF; @include gv(#999999, #333333); padding: 6.7375887% 2.8368794% 2.6595745%; margin-right:5.5%; @include box-shadow(1px 1px 2px rgba(0, 0, 0, 0.3));font-family: 'FranchiseRegular',Verdana, Arial, Helvetica, sans-serif; @include transition(all 0.25s ease); 
			&:last-child{margin-right:0;}
		
			&:hover, &:focus{@include padding-top(100, 15); @include gv(#999999, #000000); @include transition(all 0.25s ease-out); }	
		}
	} 
}
*/
header.main { border-bottom: 5px solid #F3F3F3; /*@include gv(#999999, #333333);  @include box-shadow(1px 1px 2px rgba(0, 0, 0, 0.3));*/ margin-bottom: 1%; }
header.main .content { max-width: 1068px; margin: -0.7% auto 0; padding: 0 1.5%; }
header.main hgroup { width: 37.078652%; }
header.main a.title { font-family: 'LeagueGothicRegular',Verdana, Arial, Helvetica, sans-serif; font-size: 8.3em; letter-spacing: -0.025em; color: #000; /* text-shadow: 1px 2px 2px #000;*/ padding: 1.6595745% 0 0 0; margin-right: 2.247%; float: left; width: 44.444%; }
header.main a.title:hover, header.main a.title:focus { color: #B8060A; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; transition: all 0.25s ease; }
header.main nav { width: 52.809%; float: left; padding: 3.76957% 0 1%; text-align: right; }
header.main nav a { font-size: 5.9em; letter-spacing: -0.01em; color: #000; display: inline-block; margin-right: 5.5%; font-family: 'LeagueGothicRegular',Verdana, Arial, Helvetica, sans-serif; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; transition: all 0.25s ease; margin-bottom: 1px; }
header.main nav a:last-child { margin-right: 0; }
header.main nav a:hover, header.main nav a:focus { color: #B8060A; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; transition: all 0.25s ease; }

.recent { background: #333; padding-bottom: 30px; z-index: 99; position: relative; }
.recent h2 { color: #FFF; font-family: 'LeagueGothicRegular',Verdana, Arial, Helvetica, sans-serif; font-size: 4.2em; letter-spacing: -0.02em; padding: 2% 0 1.7%; font-weight: normal; }
.recent section { max-width: 1068px; margin: auto; border-bottom: 1px solid #FFF; }
.recent section:last-child { border-bottom: none; }
.recent section figure { width: 31.89%; margin: 0 2.1535581% 0 0; float: left; }
.recent section figure.third{margin-right: 0;}
.recent section figure img { max-width: 97%; border: 5px solid #FFF; -webkit-box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.5); -ms-box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.5); -o-box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.5); box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.5); }
.recent section figure figcaption a { font-family: 'LeagueGothicRegular',Verdana, Arial, Helvetica, sans-serif; font-size: 3.4em; margin: 3% 0.5% 7%; letter-spacing: -0.03em; font-weight: normal; color: aqua; display: inline-block; }
.recent section figure figcaption a:hover, .recent section figure figcaption a:focus { text-decoration: underline; }
.recent section figure:last-child { margin-right: 0; }
.recent article { width: 44.94382%; float: left; margin: 0 10.11236% 0 0; }
.recent article:last-child { margin-right: 0; }
.recent article h3 { font-family: 'LeagueGothicRegular',Verdana, Arial, Helvetica, sans-serif; font-size: 3.2em; line-height: 1.2; font-weight: normal; margin-bottom: 2%; }
.recent article h3 a { color: aqua; }
.recent article h3 a:hover, .recent article h3 a:focus { text-decoration: underline; }
.recent article span.date { display: block; font-size: 1.3em; line-height: 1.5; color: #FFF; font-weight: bold; margin: 0 0 2.1% 0.9%; }
.recent article p { color: #FFF; font-size: 1.5em; line-height: 1.5; margin: 0 0 3% 0.9%; font-family: 'Museo-500', Verdana, Arial, Helvetica, sans-serif; }
.recent article a.readMore { color: aqua; font-weight: bold; font-size: 1.3em; line-height: 1.5; margin-left: 0.9%; }
.recent article a.readMore:hover, .recent article a.readMore:focus { text-decoration: underline; }

footer.main { background: url(/images/layout/footer.png) repeat-x 0 0 black; padding: 3% 0 3%; }
footer.main .content { max-width: 1068px; margin: auto; }
footer.main section { width: 40%; margin-right: 15%; margin-bottom: 3%; float: left; }
footer.main section:last-child { margin-right: 0; }
footer.main section h2 { color: #FFF; font-family: 'LeagueGothicRegular',Verdana, Arial, Helvetica, sans-serif; font-size: 4.2em; font-weight: bold; letter-spacing: -0.02em; padding: 2% 0 1.7%; font-weight: normal; }
footer.main section li { margin-bottom: 10px; }
footer.main section li a { font-size: 1.4em; line-height: 1.2; font-weight: bold; color: aqua; }
footer.main section li a:hover, footer.main section li a:focus { text-decoration: underline; }
footer.main .copyright { font-size: 1.2em; color: #FFF; clear: both; }

.clearFix:after, header.main:after, header.main .content:after, .recent section:after, footer.main:after { content: ""; display: block; height: 0; clear: both; }

/*		Tablet Layout: 768px (48em).
		Gutters: 24px (1.5em).
		Outer margins: 28px (1.75em).
		Inherits styles from: Default layout.
------------------------------------------------------------------
cols	1     2      3      4      5      6      7      8
px		68    160    252    344    436    528    620    712		*/
@media only screen and (min-width: 768px) and (max-width: 991px) { header.main { font-size: 85%; }
  .recent section { margin: 0 3%; }
  footer.main { padding: 3% 2%; }
  footer.main section h1 { font-size: 3em; }
  /* body{background:#F00;} */ }
/*		Mobile Layout: 320px (20em).
		Gutters: 24px (1.5em).
		Outer margins: 34px (2.125em).
		Inherits styles from: Default Layout.
--------------------------------------------------
cols	1     2      3
px		68    160    252
em		4.25  10.0   15.75						*/
@media only screen and (max-width: 767px) { /* body{background:#FF0;} */
  header.main { font-size: 91.4%; height: 75px; }
  header.main hgroup { font-size: 70%; padding-left: 2%; margin-right: 8.1124%; clear: none; float: left; }
  header.main div.title { font-size: 5.3em; float: left; width: 35.581%; }
  header.main nav { font-size: 80%; margin: -0.7% 0 0 0; width: 62.172%; position: absolute; right: 0.4%; }
  .recent section { margin: 0 3%; }
  .recent section figure img { display: inline-block; }
  footer.main { padding: 3% 2%; }
  footer.main section h1 { font-size: 3em; } }
/*		Wide Mobile Layout: 480px (30em).
		Gutters: 24px (1.5em).
		Outer margins: 22px (1.375em).
		Inherits styles from: Default Layout, Mobile Layout.
--------------------------------------------------------------
cols	1     2      3      4      5
px		68    160    252    344    436						*/
@media only screen and (min-width: 480px) and (max-width: 767px) { header.main { height: auto; margin-top: 10px; }
  header.main a.title { float: none; width: 100%; margin-right: 0; display: block; clear: both; font-size: 3em; text-align: center; text-shadow: none; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 3% 0%; background: #000; color: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 1px; }
  header.main nav { font-size: 100%; padding-top: 0; display: block; position: relative; float: none; width: 100%; margin: 0; right: 0; }
  header.main nav a { display: block; font-size: 3em; text-align: center; margin-right: 0; text-shadow: none; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 3% 0%; float: none; width: 100%; background: #000; color: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
  header.main nav a:last-child { border: none; }
  .recent section figure { width: 100%; margin: 5% 0 0 0; float: none; text-align: left; }
  .recent article { width: 100%; float: none; margin: 5% 0; }
  footer.main { background: url(/images/layout/footer.png) repeat-x 0 0 black; padding: 3% 2%; }
  footer.main .content { max-width: 1068px; margin: auto; }
  footer.main section { width: 100%; margin-right: 0%; margin-bottom: 8%; float: none; }
  footer.main section:last-child { margin-right: 0; } }
@media only screen and (max-width: 479px) { header.main { height: auto; margin-top: 10px; }
  header.main a.title { float: none; width: 100%; margin-right: 0; display: block; clear: both; font-size: 2em; text-align: center; text-shadow: none; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 3% 0%; background: #000; color: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 1px; }
  header.main nav { font-size: 100%; padding-top: 0; display: block; position: relative; float: none; width: 100%; margin: 0; right: 0; }
  header.main nav a { display: block; font-size: 2em; text-align: center; margin-right: 0; text-shadow: none; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 3% 0%; float: none; width: 100%; background: #000; color: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
  header.main nav a:last-child { border: none; }
  .recent section figure { width: 100%; margin: 5% 0 0 0; float: none; text-align: left; }
  .recent h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2.4em; }
  .recent article { width: 100%; float: none; margin: 5% 0; }
  .recent article h3 { font-size: 2.4em; }
  .recent article h3 a { font-family: Verdana, Arial, Helvetica, sans-serif; }
  footer.main { background: url(/images/layout/footer.png) repeat-x 0 0 black; padding: 3% 0 3%; }
  footer.main .content { max-width: 1068px; margin: auto; padding-left: 10px; }
  footer.main section { width: 100%; margin-right: 0%; margin-bottom: 8%; float: none; }
  footer.main section:last-child { margin-right: 0; }
  footer.main section h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2.4em; } }