/*
	Site:		Greater Grimsby
	File:		/assets/styles/screen.css
	Author:		Andrew Disley for Creative Lynx Limited http://www.creativelynx.co.uk/
	Version:	2009-12-23
----------------------------------------------- */

/**	Simplified Framework: Reset & Helpers
----------------------------------------------- */
* { margin: 0; padding: 0; }
button, input, textarea, select { font-size: 100%; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
iframe, img { border: none; }
fieldset, form { border: 0 solid #000000; }
img { vertical-align: bottom; }
table { border-collapse: collapse; border: 0; border-spacing: 0; font-size: 100%; }
caption, td, th { text-align: left; font-size: 100%; font-weight: normal; }
.clear { clear: both; display: block; height: 0; overflow: hidden; width: 0; visibility: hidden; }
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.s-h { display: block; height: 0; float: left; overflow: hidden; width: 0; }
.s-h-o { left: -9999em; position: absolute; top: -9999em; }
.s-h-n { display: none; }
.s-i-i { background-color: transparent; background-position: 0 0; background-repeat: no-repeat; display: block; position: absolute; }
.s-ir { background-repeat: no-repeat; display: block; overflow: hidden; position: relative; }
.s-ir .s-ir-i { background: no-repeat top left; position: absolute; height: 100%; left: 0; top: 0; width: 100%; z-index: 1010; }
a .s-ir,
a .s-ir .s-ir-i { cursor: pointer; }
.s-break { display: block; }
.left { float: right; width: auto; }
.right { float: right; width: auto; }
/* **/

/**	Simplified Framework: Patterns: Form
----------------------------------------------- */
fieldset fieldset { clear: both; float: left; margin: 5px 0; width: 100%; }
fieldset fieldset:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
span.form-row-required { background-color: transparent; color: #E21776; }
fieldset legend { font-weight: bold; padding-bottom: 0.6em; }
.form-row { clear: both; float: left; position: relative; width: auto; }
.form-row-label { display: block; font-weight: bold; margin-right: 10px; padding-top: 3px; }
.form-row-field { display: block; float: left; padding-bottom: 5px; padding-top: 2px; width: auto; }
.form-row-hint { display: block; float: left; padding-top: 5px; width: auto; }
.form-row-info { display: block; float: left; padding-left: 10px; padding-top: 6px; width: auto; }
.form-row-file .form-row-field input { border: 1px solid #CDCDCD; }
.form-row-file .form-row-field-action { clear: both; display: block; }
.form-row-text .form-row-field input { border: 1px solid #8F98C5; padding: 3px; }
.form-row-textarea .form-row-field textarea { border: 1px solid #8F98C5; padding: 3px 0 2px 3px; }
.form-row-checkbox .form-row-field { clear: left; float: left; padding-top: 7px; width: auto; }
.form-row-checkbox .form-row-label { float: left; padding-left: 10px; padding-top: 7px; width: auto; }
.form-row-radio .form-row-label { padding-bottom: 5px; padding-left: 20px; width: auto; }
.form-row-radio .form-row-field { left: 0; position: absolute; top: 2px; width: 20px; }
.form-row-action { clear: both; padding-top: 10px; }
.form-row-action:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.form-row-action input { cursor: pointer; line-height: 1.2; }
.form-row-action-forward { float: left; width: auto; }
.form-row-action-forward input { font-weight: bold; }
.form-row-action-return { float: right; padding: 7px 10px 0 10px; width: auto; }
/* **/

/**	Simplified Framework: Columns
----------------------------------------------- */
.col-1, .col-2, .col-3 { float: left; position: relative; margin-left: 14px; width: auto; }
.col-1 { width: 220px; }
.col-2 { width: 454px; }
.col-3 { width: 684px; }
/* **/

/**	Typography
----------------------------------------------- */
body { background-color: #191919; color: #111111; font: 62.5%/1.3 Tahoma, Arial, sans-serif; }
a:link, a:visited { background-color: transparent; color: #086669; text-decoration: underline; }
a:hover, a:active { background-color: transparent; color: #097477; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; font-size: 100%; font-weight: normal; margin-bottom: 0.5em; }
h1, .h1 { background-color: #FFFFFF; color: #086669; font-size: 1.8em; font-weight: normal; line-height: 1; }
h2 { font-size: 1.1429em; font-weight: bold; }
h3 { font-size: 1.2308em; }
h4 { font-size: 1.1538em; }
h5 { font-size: 1.0769em; }
h6 { font-size: 1.0000em; }
p { margin-bottom: 8px; }
p.intro { font-size: 1.0769em; }
p.image { padding-bottom: 12px; padding-top: 10px; }
ol, ul { margin-bottom: 8px; list-style-position: inside; }
ol li { margin-bottom: 3px; margin-left: 0.2em; }
ul li { margin-bottom: 3px; margin-left: 0.2em; }
li ol, li ul { margin-top: 5px; margin-bottom: 0; }
/* **/

/**	Stucture
----------------------------------------------- */
body { background-color: #6C7D77; }
.Container { background-color: #F1F6F8; color: #585A62; font-size: 1.4000em; margin: 0 auto; width: 960px; }
.Container:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.Header { background: #3F928B url(../images/global/header.jpg) no-repeat 0 0; color: #FFFFFF; margin-bottom: 24px; min-height: 265px; padding: 20px 0 0 0; position: relative; text-align: right; }
.Header p.Branding { margin-bottom: 0; padding-right: 36px; }
.Header ul { font-size: 1.0714em; letter-spacing: -0.02em; list-style-type: none; list-style-position: outside; margin-bottom: 0; }
.Header ul li a { background-color: transparent; color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 5px; }
.Header ul li.hn1 { left: 630px; position: absolute; top: 252px; }
.Header ul li.hn2 { left: 765px; position: absolute; top: 252px; }
.Content:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.Footer { background: #6C7D77 url(../images/global/footer.png) no-repeat 0 0; clear: both; color: #DDDDDD; font-size: 0.7857em; padding: 5px 0 20px 0; position: relative; }
.Footer:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.Footer p { text-align: right; padding: 10px 10px 0 400px; }
.Footer p a { background-color: #6C7D77; color: #FDFDFD; }
.Footer p img { vertical-align: middle; margin-right: 2px; margin-top: 2px; }
/* **/

/**	Component .c
----------------------------------------------- */
.c { margin-bottom: 17px; }
.c-h:after,
.c-b:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.c-h { padding-left: 25px; padding-right: 0; }
.c-b { padding-left: 25px; padding-right: 15px; }
.col-1 .c-h h2 { margin-bottom: 0; padding-bottom: 3px; padding-top: 3px; }
.col-1 .c-h h2 a { display: block; margin-left: -5px; padding-left: 5px; text-decoration: none; }
/* **/

/**	Component .c-search
----------------------------------------------- */
.c-search { background: #C5BD2D url(../images/global/c-h.png) no-repeat 0 0; color: #097477; margin-bottom: 0; }
.c-search:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.c-search .c-h { float: left; width: auto; }
.c-search .c-h h2 { margin-bottom: 0; }
.c-search .c-b { float: left; padding: 2px 0 0 10px; width: auto; }
.c-search .form-row { font-size: 0.7857em; clear: none; padding-top: 0; }
.c-search .form-row-field { padding-bottom: 4px; }
.c-search .form-row-text .form-row-field input { border: none; padding-bottom: 3px; padding-top: 4px; }
.c-search .form-row-action { padding-top: 2px; }
/* **/

/**	Component .c-navigation
----------------------------------------------- */
.c-navigation { background: #FFFFFF url(../images/global/c.png) no-repeat 0 100%; color: #086669; min-height: 264px; padding-bottom: 20px; }
.c-navigation ul { list-style-type: none; list-style-position: outside; margin-bottom: 0; margin-top: 0; }
.c-navigation li { margin-bottom: 0; margin-left: 0; }
.c-navigation li.parent a { background: #EAE69C url(../images/global/c-navigation.png) no-repeat 0 0; color: #086669; }
.c-navigation li.first a { border-top: none; }
.c-navigation li a { background-color: transparent; border-top: 1px solid #E7E7E7; color: #086669; display: block; padding: 2px 0 3px 2px; text-decoration: none; }
.c-navigation li a:link,
.c-navigation li a:visited { background-color: transparent; color: #086669; text-decoration: none; }
.c-navigation li a:focus,
.c-navigation li a:hover { background-color: transparent; color: #101010; }
.c-navigation li a.active { background: #EAE69C url(../images/global/c-navigation.png) no-repeat 0 0; color: #086669; }
.c-navigation li a.active:focus,
.c-navigation li a.active:hover { background-color: transparent; color: #101010; }
.c-navigation li ul { border-top: 1px solid #E7E7E7; font-size: 0.8571em; }
.c-navigation li.parent ul li a,
.c-navigation li ul li a { background: #EAE69C url(../images/global/c-navigation.png) no-repeat 0 0; border-top: none; color: #3C4252; padding-bottom: 3px; padding-top: 3px; }
/* **/

/**	Component .c-newsfeed
----------------------------------------------- */
.c-newsfeed .c-h { background: #9BAD9C url(../images/global/c-h.png) no-repeat -660px 0; color: #097477; }
.c-newsfeed .c-h h2 a { background-color: transparent; color: #097477; padding-right: 40px; text-decoration: none; }
.c-newsfeed .c-b { padding-left: 10px; padding-right: 0; }
.c-newsfeed ul { list-style-type: none; list-style-position: outside; margin-bottom: 0; }
.c-newsfeed li { border-bottom: 1px solid #C4D9C5; margin-left: 0; padding-top: 10px; }
.c-newsfeed li h3 { font-size: 0.8571em; font-weight: bold; margin-bottom: 2px; min-height: 75px; padding-left: 125px; position: relative; }
.c-newsfeed li h3 a { display: block; text-decoration: none; }
.c-newsfeed li h3 a:link,
.c-newsfeed li h3 a:visited { background-color: transparent; color: #585A62; }
.c-newsfeed li h3 a:focus,
.c-newsfeed li h3 a:hover { background-color: transparent; color: #097477; }
.c-newsfeed li h3 img { left: 0; position: absolute; top: 0; }
.c-newsfeed li p { clear: both; font-size: 0.7857em; }
.c-newsfeed li p a { background-color: transparent; color: #086669; text-decoration: none; }
/* **/

/**	Component .c-content
----------------------------------------------- */
.c-content { background: #FFFFFF url(../images/global/c-content.png) no-repeat 0 100%; color: #585A62; min-height: 592px; padding-bottom: 20px; padding-top: 12px; padding-left: 15px; }
.c-content .c-h { padding-right: 20px; }
.c-content ul.news-listing { list-style-type: none; list-style-position: outside; margin-bottom: 0; }
.c-content ul.news-listing li { background-image: url(../images/global/news-listing.png); background-position: 100% 100%; background-repeat: repeat-x; clear: both; margin-bottom: 10px; margin-left: 0; min-height: 120px; padding-bottom: 20px; padding-top: 10px; position: relative; }
.c-content ul.news-listing li h2 { font-size: 1.4286em; font-weight: bold; margin-bottom: 2px; padding-left: 135px; }
.c-content ul.news-listing li h2 img { left: 0; position: absolute; top: 10px; }
.c-content ul.news-listing li h2 a { display: block; text-decoration: none; }
.c-content ul.news-listing li h2 a:link,
.c-content ul.news-listing li h2 a:visited { background-color: transparent; color: #097477; }
.c-content ul.news-listing li h3 a:focus,
.c-content ul.news-listing li h3 a:hover { background-color: transparent; color: #585A62; }
.c-content ul.news-listing li p { padding-left: 135px; }
/* **/

/**	Component .c-whylocatehere
----------------------------------------------- */
.c-whylocatehere { background-color: #3A8B84; clear: both; margin-left: 10px; padding-bottom: 2px; position: relative; overflow: hidden; }
.c-whylocatehere .c-h { background: #3A8B84 url(../images/global/c-whylocatehere.png) no-repeat 0 0; color: #D9CE2D; padding-left: 0; padding-right: 0; }
.c-whylocatehere .c-h h2 { margin-bottom: 0; padding: 3px 0; }
.c-whylocatehere .c-h h2 a { background-color: transparent; color: #D9CE2D; display: block; padding: 0 40px 0 15px; text-decoration: none; }
.c-whylocatehere .c-b { background-color: #E9F1EA; color: #6C7D77; font-size: 0.7857em; margin: 0 2px; padding: 0; }
.c-whylocatehere h3 { background-color: #2E949E; border-top: 1px solid #E9F1EA; color: #FFFFFF; font-weight: bold; margin-bottom: 0; padding: 2px 220px 2px 13px; }
.c-whylocatehere h3.hover,
.c-whylocatehere h3:focus,
.c-whylocatehere h3:hover { background-color: #1D7877; color: #FFFFFF; }
.c-whylocatehere h3 .image { left: 234px; position: absolute; top: 26px; }
.c-whylocatehere .first h3 { border-top: none; }
.c-whylocatehere h3.active { background-color: #50525A; color: #FFFFFF; }
.c-whylocatehere .inner { padding-left: 15px; padding-right: 220px; }
.c-whylocatehere .inner h4 { background-color: #E9F1EA; color: #298988; font-weight: bold; padding-top: 10px; }
.c-whylocatehere .inner p { margin-bottom: 0; padding-bottom: 8px; }
.c-whylocatehere .inner p a { text-decoration: none; }
.c-whylocatehere .inner p a:focus,
.c-whylocatehere .inner p a:hover { text-decoration: underline; }
.jQ .c-whylocatehere { height: 274px; }
.jQ .c-whylocatehere h3 { cursor: pointer; }
.jQ .c-whylocatehere h3 img { cursor: default; }
.jQ .c-whylocatehere h3 .image { display: none; }
.jQ .c-whylocatehere h3.active .image { display: block; }
.jQ .c-whylocatehere .inner { height: 135px; }
/* **/

/**	Component .c-theregion
----------------------------------------------- */
.c-theregion { background: #FFFFFF url(../images/global/c.png) no-repeat 0 100%; color: #086669; min-height: 298px; padding-bottom: 20px; }
.c-theregion .c-h { background: #9BAD9C url(../images/global/c-h.png) no-repeat -440px 0; color: #097477; }
.c-theregion ul { list-style-type: none; list-style-position: outside; margin-bottom: 0; padding-top: 20px; }
.c-theregion li { margin-bottom: 0; margin-left: 0; padding-top: 5px; }
.c-theregion li h3 { font-size: 1.0000em; font-weight: bold; line-height: 1; margin-bottom: 0; min-height: 70px; padding-left: 75px; position: relative; }
.c-theregion li h3 a { display: block; text-decoration: none; min-height: 65px; }
.c-theregion li h3 a:link,
.c-theregion li h3 a:visited { background-color: #FFFFFF; color: #585A62; text-decoration: none; }
.c-theregion li h3 a:focus,
.c-theregion li h3 a:hover { background-color: #FFFFFF; color: #097477; }
.c-theregion li h3 img { left: 0; position: absolute; top: 0; }
.c-theregion li h3 .s-break { background-color: #FFFFFF; color: #086669; font-family: Arial, Helvetica, sans-serif; font-size: 1.7143em; font-weight: normal; letter-spacing: -0.15em; overflow: hidden; text-indent: -3px; }
/* **/

/**	Component .c-photolibary
----------------------------------------------- */
.c-photolibary .c-h { background: #9BAD9C url(../images/global/c-h.png) no-repeat -220px 0; color: #097477; }
.c-photolibary .c-h h2 a { background-color: transparent; color: #097477; padding-right: 40px; text-decoration: none; }
.c-photolibary .c-b { padding-left: 10px; padding-right: 0; }
/* **/

/**	Component .c-updates
----------------------------------------------- */
.c-updates { position: absolute; width: 340px; }
.c-updates .c-h { float: left; padding-left: 22px; width: auto; }
.c-updates .c-h h3 { background-color: transparent; color: #3C4252; font-size: 1.4545em; font-weight: bold; padding-top: 2px; }
.c-updates .c-b { float: left; padding: 0 0 0 10px; width: auto; }
.c-updates .form-row { clear: none; }
.c-updates .form-row-text .form-row-field input { border: none; padding-bottom: 4px; padding-top: 4px; }
.c-updates .form-row-action { padding-top: 2px; }
/* **/

/**	Component .c-fact
----------------------------------------------- */
.c-fact .c-h { background: #9BAD9C url(../images/global/c-h.png) no-repeat -220px 0; color: #097477; }
.c-fact .c-h h2 a { background-color: transparent; color: #097477; padding-right: 40px; text-decoration: none; }
.c-fact .c-b { padding-left: 10px; padding-right: 0; }
/* **/

/**	Component .c-downloads
----------------------------------------------- */
.c-downloads .c-h { background: #9BAD9C url(../images/global/c-h.png) no-repeat -660px 0; color: #097477; }
.c-downloads .c-h h2 a { background-color: transparent; color: #097477; padding-right: 40px; text-decoration: none; }
.c-downloads .c-b { padding-left: 10px; padding-right: 0; }
.c-downloads ul { list-style-type: none; list-style-position: outside; margin-bottom: 0; }
.c-downloads li { margin-left: 0; padding-top: 10px; }
.c-downloads li h3 { font-size: 0.8571em; font-weight: normal; margin-bottom: 2px; min-height: 35px; padding-left: 50px; position: relative; }
.c-downloads li h3 strong { display: block; font-weight: bold; }
.c-downloads li h3 .s-highlight { text-decoration: underline; }
.c-downloads li h3 a { display: block; text-decoration: none; }
.c-downloads li h3 a:link,
.c-downloads li h3 a:visited { background-color: transparent; color: #585A62; text-decoration: none; }
.c-downloads li h3 a:focus,
.c-downloads li h3 a:hover { background-color: transparent; color: #097477; }
.c-downloads li h3 img { left: 5px; position: absolute; top: 0; }
/* **/

/**	Component .c-links
----------------------------------------------- */
.c-links .c-h { background: #9BAD9C url(../images/global/c-h.png) no-repeat -660px 0; color: #097477; }
.c-links .c-h h2 a { background-color: transparent; color: #097477; padding-right: 40px; text-decoration: none; }
.c-links .c-b { padding-left: 25px; padding-right: 0; }
.c-links ul { font-size: 0.8571em; list-style-type: none; list-style-position: outside; margin-bottom: 0; }
.c-links li { margin-left: 0; padding-top: 5px; }
.c-links li a:link,
.c-links li a:visited { background-color: transparent; color: #585A62; }
.c-links li a:focus,
.c-links li a:hover { background-color: transparent; color: #097477; }
/* **/

/**	Section: body.home
----------------------------------------------- */
body.home .c-content { min-height: 286px; }
/* **/

/**	Section: body.location
----------------------------------------------- */
body.location .c-content .c-b { padding-right: 0; }
body.location .c-content .c-b img { float: right; margin-top: -12px; }
/* **/

/**	Additional
----------------------------------------------- */
.locationmap { float: right; } 
.photos { padding: 5px;}
.indented { padding-left: 50pt; padding-right: 50pt; }