/*
Theme Name: RapeCrisisSouthLondon
Theme URI: http://www.rasasc.org.uk
Description: RapeCrisisSouthLondon WordPress theme, modified from Emil Uzelac's Responsive Theme
Version: 1.0
Author: RapeCrisisSouthLondon
Author URI: http://www.rasasc.org.uk

License: GNU General Public License v3 or later
License URI: license.txt 

RapeCrisisSouthLondon WordPress Theme, Copyright (C) 2012 Rape Crisis South London

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public Licensez-index

along with this program.  If not, see <http://www.gnu.org/licenses/>.
	
NOTE: DO NOT EDIT THIS FILE, IF YOU DO IT WILL BE OVERWRITTEN BY THE NEXT UPDATE. CREATE CHILD THEME INSTEAD.

See:
 
- http://codex.wordpress.org/Child_Themes  
- http://themeid.com/forum/topic/505/child-theme-example/
- http://themeid.com/forum/forum/12/responsive-documentation/
*/



/* ====================================================================================================================
   RESET
   Reset CSS (v2.0) http://meyerweb.com/eric/tools/css/reset/ */



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 {
	border: 0;
	font-size: 100%;
	font: inherit;
    margin: 0;
	padding: 0;
	vertical-align: baseline;
}



/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}



body {
	line-height: 1;
}



ol, ul {
	list-style: none;
}



blockquote, q {
	quotes: none;
}



blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}



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



button, input, select, textarea {
	font-size: 100%;
	overflow: visible;
	margin: 0;
	vertical-align: baseline;
	width: auto;
}



textarea {
	overflow:auto;
	vertical-align:text-top;
}



/* ====================================================================================================================
   SLIDING.CSS */

/*.slide {
	visibility: visible;
}



* {
    padding: 0px;
    margin: 0px;
}

 MENU BUTTON
#menubar {
	background-color:#444;
	border-bottom: 1px solid #888;
	color: #fff;
	height: 3.50em;
	padding: 0;
	top: 0;
    width:100%;
	z-index: 80;
}

/* MENU BUTTON
#button {
    cursor:pointer;
}

#buttonA, #buttonB, #buttonC, #buttonD {
	float: left;
	margin: 0;
	padding: 1.00em;
	width: 200px;
}

#listA, #listB, #listC, #listD {
	float: left;
	width: 200px;
	padding: 1.00em;
}

/* MENU
#menu, #right {
    display:inline;
}

/* MENU LIST
#menu {
	float:left;
	width: 100%;
	height: 100%;
}

/* MENU LIST
#menu li {
	background-color:#444;
	border-bottom: 1px solid #888;
}

/* MENU LIST
#menu li a {
    display: block;
    color: white;
    text-decoration: none;
}

#wrapper {
    width:100%;
    background-color: #fff;
    z-index: 70;
    position: relative;
    left: 0px;
    height: 100%;
    /*-webkit-box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
        moz-box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
          o-box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
            box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

#right p {
    padding: 10px;
}

#button li {
	display: inline;
}*/



/* ====================================================================================================================
   FONT */


	
@font-face {
	font-family: 'OpenSansLight';
    src: url('http://www.rasasc.org.uk/temp/font/OpenSans-Light-webfont.eot');
    src: url('http://www.rasasc.org.uk/temp/font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-Light-webfont.woff') format('woff'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-Light-webfont.ttf') format('truetype'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('http://www.rasasc.org.uk/temp/font/OpenSans-LightItalic-webfont.eot');
    src: url('http://www.rasasc.org.uk/temp/font/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'OpenSansRegular';
    src: url('http://www.rasasc.org.uk/temp/font/OpenSans-Regular-webfont.eot');
    src: url('http://www.rasasc.org.uk/temp/font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-Regular-webfont.woff') format('woff'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'OpenSansItalic';
    src: url('http://www.rasasc.org.uk/temp/font/OpenSans-Italic-webfont.eot');
    src: url('http://www.rasasc.org.uk/temp/font/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-Italic-webfont.woff') format('woff'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'OpenSansSemibold';
    src: url('http://www.rasasc.org.uk/temp/font/OpenSans-Semibold-webfont.eot');
    src: url('http://www.rasasc.org.uk/temp/font/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-Semibold-webfont.woff') format('woff'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('http://www.rasasc.org.uk/temp/font/OpenSans-SemiboldItalic-webfont.eot');
    src: url('http://www.rasasc.org.uk/temp/font/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'OpenSansBold';
    src: url('http://www.rasasc.org.uk/temp/font/OpenSans-Bold-webfont.eot');
    src: url('http://www.rasasc.org.uk/temp/font/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-Bold-webfont.woff') format('woff'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('http://www.rasasc.org.uk/temp/font/OpenSans-BoldItalic-webfont.eot');
    src: url('http://www.rasasc.org.uk/temp/font/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('http://www.rasasc.org.uk/temp/font/OpenSans-ExtraBold-webfont.eot');
    src: url('http://www.rasasc.org.uk/temp/font/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('http://www.rasasc.org.uk/temp/font/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('http://www.rasasc.org.uk/temp/font/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('http://www.rasasc.org.uk/temp/font/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}


	
/* ====================================================================================================================
   QUICK CLOSE */
	
.quickclose {
	background: #71cf0c;
	height: 3.00em;
	margin: 0;
	padding: 0;
	position: fixed;
	width: 100%;
	z-index: 110;
}


	
.quickclose-content {
	text-align: center;
}


	
a .quickclose-content p {
	color: #fff;
	font-family: 'OpenSansExtrabold', sans-serif;
	margin: 0;
	padding: 0.75em 0 0 0;
	text-transform: uppercase;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.00);
}


	
a:hover .quickclose {
	background: #58bf08;
}



a:hover .quickclose-content p {
	color: #eee;
}



/* ====================================================================================================================
   COOKIE CONTROL */

div#cookieoverlay {
	background-color: #219bd9;
	color: #d3ebf7;
	font-family: 'OpenSansSemibold';
	/*font-size: 0.75em;*/
	padding: 2.00em 0;
	position: fixed;
	bottom: 0;
    width: 100%;
    z-index: 300;
}



div#cookieoverlay div.cookiecontent {
    margin: 0 auto;
    padding: 0 2.00em;
    max-width: 959px;
}



div#cookieoverlay div.cookiecontent div {
    float: left;
}



div#cookieoverlay div.cookiecontent div.info {
    width: auto;
}



div#cookieoverlay div.cookiecontent div.close {
	float: right;
	text-align: right;
    width: auto;
}



div#cookieoverlay div.cookiecontent div.info a {
	color: #d3ebf7;
    text-decoration: underline;
}



div#cookieoverlay div.cookiecontent div.info a:hover {
	color: #219bd9;
    text-decoration: none;
}



div#cookieoverlay div.cookiecontent div.close a {
	color: #d3ebf7;
    text-decoration: underline;
}



div#cookieoverlay div.cookiecontent div.close a:hover {
	color: #219bd9;
    text-decoration: none;
}



/* ====================================================================================================================
   HEADER MENU (PRIMARY) THIS IS NECESSARY FOR LARGE SCREEN */



.slide.menu {
	display:none;
}



span.home {
	display: none;
}



.sub-menu {
	margin: 4.125em 0 0 0;
}



/* */ SETS MENU WIDTH
.menu > li:first-child, .menu > li a:first-child {
	width: 104px;
}



/* SETS MENU LABEL WIDTH */
#menu-item-758, #menu-item-758 a {
	margin: 0;
	width: 0;
}



/* SETS LOGO WIDTH */
#menu-item-166, #menu-item-166 a {
	color: #219bd9;
	float: none;
	margin: 5.437em 0 0 0;
	padding: 0;
	width: 80%;
}



/* SETS LOGO WIDTH */
#menu-item-166 a {
	background: none;
	padding: 0 0 0 4.000em;
}



/* SETS ABOUT MARGIN-RIGHT */
#menu-item-232, #menu-item-232 a {
	margin-right: 0;
}



.menu li {
	background: #f4fafd;
	background-image: url(http://www.rasasc.org.uk/wp/wp-content/uploads/2013/11/logo-rapeCrisisSouthLondon.png);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin: 2.062em 1.00em 0 0;
	padding: 0;
	position: relative;
}



li:hover {
}



.menu li a {
	background: #f4fafd;
	color: #71cf0c;
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
}



.menu li a:hover {
	background: #f4fafd;
	color: #219bd9;
}



.menu ul {
	left: 0;
	position: absolute;
	top: 0;
}



.menu li:hover > ul {
	visibility: visible;
	z-index: 60;
}



.menu li li {
	background: #f4fafd;
	border-top: 1px solid #b3e585;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	z-index: 50;
}



.menu li li:hover {
	border-top: 1px solid #219bd9;
}



.menu li li a {
	background: #f4fafd;
	color: #71cf0c;
	display: block;
	font-size: 0.80em;
	line-height: 1.20em;
	margin: 0;
	padding: 0.50em 0 1.00em 0;
	text-decoration: none;
}



.menu li li a:hover {
	background: #f4fafd;
	color: #219bd9;
}



/* ====================================================================================================================
   PRIMARY MAIN MENU IE FIXES */



.ie7 .menu ul {
	background: #fff;
}



.ie7 .menu li li a  {
    min-width: 100%;
}



/* ====================================================================================================================
   RESPONSIVE MENU */



.tinynav { 
    display: none 
}



/* ====================================================================================================================
   SLIDESHOW */



#slideshow {
    margin: 50px auto; 
    position: relative; 
    width: 240px; 
    height: 240px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}



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



@-webkit-keyframes cf4FadeInOut {
	0% {
	opacity:1;
}

17% {
	opacity:1;
}

25% {
	opacity:0;
}

92% {
	opacity:0;
}

100% {
	opacity:1;
}
}



@-moz-keyframes cf4FadeInOut {
	0% {
	opacity:1;
}

17% {
	opacity:1;
}

25% {
	opacity:0;
}

92% {
	opacity:0;
}

100% {
	opacity:1;
}
}



@-o-keyframes cf4FadeInOut {
	0% {
	opacity:1;
}

17% {
	opacity:1;
}

25% {
	opacity:0;
}

92% {
	opacity:0;
	}

100% {
	opacity:1;
}
}



@keyframes cf4FadeInOut {
	0% {
	opacity:1;
}

17% {
	opacity:1;
}

25% {
	opacity:0;
}

92% {
	opacity:0;
}

100% {
	opacity:1;
}
}



#cf4a {
	position: absolute;
	right: 0;
	top: 239px;
	z-index: 1;
}



#cf4a img {
	position:absolute;
	right:0;
	top: 0;
	z-index: 1;
}



#meteor-slideshow {
	float: right;
}



#cf4a img {
	-webkit-animation-name: cf4FadeInOut;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 8s;
	
	-moz-animation-name: cf4FadeInOut;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 8s;
	
	-o-animation-name: cf4FadeInOut;
	-o-animation-timing-function: ease-in-out;
	-o-animation-iteration-count: infinite;
	-o-animation-duration: 8s;
	
	animation-name: cf4FadeInOut;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 8s;
}



#cf4a img:nth-of-type(1) {
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	-o-animation-delay: 6s;
	animation-delay: 6s;
}



#cf4a img:nth-of-type(2) {
	-webkit-animation-delay: 4s;
	-moz-animation-delay: 4s;
	-o-animation-delay: 4s;
	animation-delay: 4s;
}



#cf4a img:nth-of-type(3) {
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s;
}



#cf4a img:nth-of-type(4) {
	-webkit-animation-delay: 0;
	-moz-animation-delay: 0;
	-o-animation-delay: 0;
	animation-delay: 0;
}



/* ====================================================================================================================
   BASE */



html, body {
	height: 100%;
}



body {
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	background: #f4fafd;
	color: #f4fafd;
	font-family: 'OpenSansSemibold', sans-serif;
	font-size: 1.00em;
	font-smoothing: antialiased;
	line-height: 1.50em;
	text-rendering: optimizeLegibility;
}



body.home {
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	background-color: #f4fafd;
	color: #f4fafd;
	font-family: 'OpenSansSemibold', sans-serif;
	font-size: 1.00em;
	font-smoothing: antialiased;
	line-height: 1.50em;
	text-rendering: optimizeLegibility;
}



/* ====================================================================================================================
   TYPOGRAPHY */



p {  
    word-wrap: /*break-word*/normal;
	color: #777777;
	font-family: 'OpenSansSemibold', sans-serif;
	font-size: 1.00em;
	line-height: 1.5625em;
	margin: 0 0 1.50em 0;
}



i, em {
	font-family: 'OpenSansSemiboldItalic';
}



b, strong {
	font-family: 'OpenSansBold';
}



/* ====================================================================================================================
   LINKS */



/* HELPLINE PHONE NUMBER HOME PAGE */
.home .featured-subtitle a {
	color: #fff;
	text-decoration: none;
}



/* HELPLINE PHONE NUMBER HOME PAGE */
.home .featured-subtitle a:hover {
	background: none;
	color: #fff;
	text-decoration: underline;
}



/* HELPLINE PHONE NUMBER SECONDARY PAGES */
.featured-subtitle a {
	color: #71cf0c;
	text-decoration: none;
}



/* HELPLINE PHONE NUMBER SECONDARY PAGES */
.featured-subtitle a:hover {
	background: none;
	color: #71cf0c;
	text-decoration: underline;
}



a {
	background: none;
	color: #219bd9;
	text-decoration: underline;
}



a:hover {
	background: #d3ebf7;
	color: #219bd9;
	text-decoration: none;
}



h2 a {
	background: none;
	color: #219bd9;
	text-decoration: underline;
}



::selection {
	background: #d3ebf7;
	color: #219bd9;
	text-shadow: none;
}



/* ====================================================================================================================
   RESPONSIVE 12 COLUMN GRID
   Grid was based on my Shell Theme released on 07/26/2011
   http://themeid.com/responsive-grid/ */



.grid {
	float: left;
	margin-bottom: 2.127659574468%;
	padding-top: 0;
}



#featured.grid {
	float: none;
	margin-bottom: 0;
	margin: 0 auto;
	padding-top: 0;
}



.grid-right {
	float: right;
	margin-bottom: 2.127659574468%;
	padding-top: 0;
}



.col-60, .col-140, .col-220, .col-300, .col-380, .col-460, .col-540, .col-620, .col-700, .col-780, .col-860 {
	display: inline;
	margin-right: 2.127659574468%;
}



.col-60 {
	width: 6.382978723404%;
}



.col-140 {
	width: 14.893617021277%;
}



.col-220 {
	width: 23.404255319149%;
}



.col-300 {
	width: 31.914893617021%;
}



#widgets .col-300.first {
	/*border-left: 1px dotted #ccc;*/
	border-right: 1px dotted #ccc;
	margin: 3.7815em 0;
	padding: 0 4% 0 0;
	width: 25.10416666666666667%;
}



#widgets .col-300.second {
	border-left: 1px dotted #fff;
	border-right: 1px dotted #ccc;
	margin: 3.7815em 0;
	padding: 0 4%;
	width: 25.10416666666666667%;
}



#widgets .col-300.third {
	border-left: 1px dotted #fff;
	/*border-right: 1px dotted #ccc;*/
	margin:  3.7815em 0;
	padding: 0 0 0 4%;
	width: 25.10416666666666667%;
}



.col-380 {
	width: 40.425531914894%;
}



.col-460 {
	width: 48.936170212766%;
}



.col-540 {
	width: 57.446808510638%;
}



.col-620 {
	width: 57.957446808511%;
	padding: 0 8% 0 0;
}



.col-700 {
	width: 74.468085106383%;
}



.col-780 {
	width: 82.978723404255%;
}



.col-860 {
	width: 91.489361702128%;
}



.col-940 {
	width: 100%;
	z-index: 1;
}



#featured-image {
	width: 100%;
}



#home-helpline {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1;
}



.grid.col-940 {
	position: relative;
	margin: 0 auto;
	width: 100%;
	}



.fit {
	margin-left: 0 !important;
	margin-right: 0 !important;
}



/* ====================================================================================================================
   RESPONSIVE IMAGES */



img {
    -ms-interpolation-mode: bicubic;
    border: 0;
	height: auto;
	max-width: 100%;
    vertical-align: middle;
}



.ie8 img {
    height: auto; 
    width: auto\9; 
}



.ie8 img.size-large {
	max-width: 60%;
	width: auto;
}


/* ====================================================================================================================
   RESPONSIVE EMBEDS/OBJECTS */



embed, object {
	max-width: 100%;
}



/* ====================================================================================================================
   BUTTONS (CALL TO ACTION) */



.call-to-action {
	margin: 0;
	padding: 4em 0;
	overflow: hidden;
}



#featured .call-to-action {
	padding: 2em 0 2em 0;
	text-align: left;
}



.call-to-action a.button {
	color: #fff;
	font-family: 'OpenSansExtrabold', sans-serif;
	margin: 0;
	padding: 1.00em;
	text-transform: uppercase;
}



.call-to-action a.button:hover {
	text-decoration: none;
}



.ie7 .call-to-action a.button {
    padding: 11px 35px 19px 35px;
}


/* ====================================================================================================================
   BUTTONS (COLOURS) */



a.blue {
	background: #d8f299; /* Old browsers */
	background: -moz-linear-gradient(top,  #d8f299 0%, #71cf0c 5%, #71cf0c 95%, #5eba0c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8f299), color-stop(5%,#71cf0c), color-stop(95%,#71cf0c),
	color-stop(100%,#5eba0c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d8f299 0%,#71cf0c 5%,#71cf0c 95%,#5eba0c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d8f299 0%,#71cf0c 5%,#71cf0c 95%,#5eba0c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d8f299 0%,#71cf0c 5%,#71cf0c 95%,#5eba0c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d8f299 0%,#71cf0c 5%,#71cf0c 95%,#5eba0c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8f299', endColorstr='#5eba0c',GradientType=0 ); /* IE6-9 */
	border-radius: 4px;
	color: #fff;
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.20);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.20);
	box-shadow: 0 2px 2px rgba(0,0,0,0.20);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8f299', endColorstr='#5eba0c',GradientType=0 ); /* IE6-9 */
	text-decoration: none;
	text-shadow: 0 1px 0 #5eba0c;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}



a.blue:hover {
	background: #d8f299; /* Old browsers */
	background: -moz-linear-gradient(top,  #d8f299 0%, #9bda37 5%, #9bda37 95%, #5eba0c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8f299), color-stop(5%,#9bda37), color-stop(95%,#9bda37),
	color-stop(100%,#5eba0c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d8f299 0%,#9bda37 5%,#9bda37 95%,#5eba0c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d8f299 0%,#9bda37 5%,#9bda37 95%,#5eba0c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d8f299 0%,#9bda37 5%,#9bda37 95%,#5eba0c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d8f299 0%,#9bda37 5%,#9bda37 95%,#5eba0c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8f299', endColorstr='#5eba0c',GradientType=0 ); /* IE6-9 */
}



a.red {
	background: #d8f299; /* Old browsers */
	background: -moz-linear-gradient(top,  #d8f299 0%, #71cf0c 5%, #71cf0c 95%, #5eba0c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8f299), color-stop(5%,#71cf0c), color-stop(95%,#71cf0c),
	color-stop(100%,#5eba0c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d8f299 0%,#71cf0c 5%,#71cf0c 95%,#5eba0c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d8f299 0%,#71cf0c 5%,#71cf0c 95%,#5eba0c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d8f299 0%,#71cf0c 5%,#71cf0c 95%,#5eba0c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d8f299 0%,#71cf0c 5%,#71cf0c 95%,#5eba0c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8f299', endColorstr='#5eba0c',GradientType=0 ); /* IE6-9 */
	border-radius: 4px;
	color: #fff;
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.20);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.20);
	box-shadow: 0 2px 2px rgba(0,0,0,0.20);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8f299', endColorstr='#5eba0c',GradientType=0 ); /* IE6-9 */
	text-decoration: none;
	text-shadow: 0 1px 0 #5eba0c;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}



a.red:hover {
	background: #d8f299; /* Old browsers */
	background: -moz-linear-gradient(top,  #d8f299 0%, #9bda37 5%, #9bda37 95%, #5eba0c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8f299), color-stop(5%,#9bda37), color-stop(95%,#9bda37),
	color-stop(100%,#5eba0c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d8f299 0%,#9bda37 5%,#9bda37 95%,#5eba0c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d8f299 0%,#9bda37 5%,#9bda37 95%,#5eba0c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d8f299 0%,#9bda37 5%,#9bda37 95%,#5eba0c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d8f299 0%,#9bda37 5%,#9bda37 95%,#5eba0c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8f299', endColorstr='#5eba0c',GradientType=0 ); /* IE6-9 */
}



/* ====================================================================================================================
   LISTS */



#wrapper ul {
	background: #fff;
	border-top: 1px solid #e2e2e2;
	border-bottom: none;
	/*list-style-image: url(http://www.rasasc.org.uk/temp/img/icon-bullet-01.png);*/
	list-style-position:inside;
	list-style-type: none;
	margin: 0 0 1.50em 0;
	padding: 0;
}



#wrapper li {
	background: #fff;
	border-bottom: 1px solid #e2e2e2;
	color: #919191;
	font-family: 'OpenSansSemibold', sans-serif;
	font-size: 1.00em;
	line-height: 1.5625em;
	padding: 1.00em 1.00em 1.00em 0;
	/*text-indent: -0.75em;*/
}



#wrapper #twitter-3 ul {
	border: none;
	list-style-image: none;
	list-style-position:inside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
	
	
#wrapper #twitter-3 li {
	/*border: none;*/
	font-size: 1.00em;
	margin: 1.00em 0 1.00em 0;
	padding: 0 0 1.50em 0;
	text-indent: 0;
}



#wrapper #twitter-3 li:last-child {
	border: none;
}




/* ====================================================================================================================
   HEADINGS */



h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	word-wrap: normal;
}


/* PAGE TITLE */
h1 {
	color: #219bd9;
	font-family: 'OpenSansExtrabold', sans-serif;
	font-size: 2.625em; 
	line-height: 1.25em;
	margin: 1em 0 0.68em 0;
}


/* PAGE INTRO */
h2 {
	color: #219bd9;
	font-family: 'OpenSansRegular', sans-serif;
	font-size: 1.625em;
	line-height: 1.50em;
	margin: 2.00em 0 1.35em 0;
}


/* PARAGRAPH TITLE */
h3 {
	color: #666;
	font-family: 'OpenSansBold', sans-serif;
	font-size: 1.625em;
	line-height: 1.25em;
	margin: 2.00em 0 1.00em 0;
}



/* PARAGRAPH SUB-TITLE */
h4 {
	color: rgba(102,102,102,1.00);
	font-family: 'OpenSansBold', sans-serif;
	font-size: 1.25em;
	line-height: 1.25em;
	margin: 2.00em 0 1.00em 0;
}



/* ====================================================================================================================
   GLOBALS */



#container {
	background: #f4fafd;
	width: 100%;
}



#wrappercontainer {
	background: #fff;
	/*border-top: 1px solid #e2e2e2;*/
	clear: both;
	position: relative;
	width: 100%;
	z-index: 100;
}



#wrapper {
	clear: both;
	margin: 20px auto 20px auto;
	margin-top: 0;
	max-width: 960px;
	padding: 0 2em;
	position: relative;
}



.home #wrapper {
	background: #fff;
	border: none;
	margin: 0 auto;
	max-width: 100%;
	padding: 0;
}



.home #widgetsthree {
	background: none;
	border: none;
	margin: 0 auto;
	max-width: 960px;
	padding: 0;
}



.home #widgetsthree-wrap {
	background: #eaeaea;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	-webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.20);
	box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.20)
}



#header {
	background: #f4fafd;
	height: 9.188em;
	margin: 0 auto;
	margin-top: 0;
	max-width: 100%;
	padding: 0 2em 0 2em;
}



#header-wrapper {
	margin: 0 auto;
	max-width: 960px;
}



#footer {
	background-color: #1a1a1a;
	clear: both;
	height: 100%;
	margin: 0 auto;
	max-width: 100%;
	max-height: 29.275em;
	position: relative;
	padding: 0;
}



#footer-wrapper {
	margin: 0 auto;
	overflow: hidden;
	padding: 0 2.00em 8.50em 2.00em;
	max-width: 960px;
}



/* ====================================================================================================================
   HEADER */



#logo {
	display: none;
	float: left;
	margin: 0;
}



/* ====================================================================================================================
   FEATURED CONTENT */



#featured-wrap {
	background-color: #0069a4;
	background-image: url(http://www.rasasc.org.uk/temp/img/banner-noise.png);
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: center;
	height: 450px;
	margin: 0 auto;
	width: 100%;
	-webkit-box-shadow: inset 0px 6px 4px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: inset 0px 6px 4px rgba(0, 0, 0, 0.10);
	box-shadow: inset 0px 6px 4px rgba(0, 0, 0, 0.10)
}



#featured {
	padding: 0;
	max-width: 1024px;
	width: 100%;
}



#featured .featured-title, #featured .featured-subtitle, #featured .call-to-action {
	padding-left: 32px;
}



/* HELPLINE TITLE HOME PAGE */
.home .featured-title {
	border-top: none;
	color: #fff;
	font-family: 'OpenSansRegular', sans-serif;
	font-size: 1.50em;
	margin:  0;
	padding-top: 40px;
	text-align: left;
	text-shadow: 0px 2px 1px rgba(0,0,0,0.40);
	z-index: 1;
}



/* HELPLINE TITLE SECONDARY PAGES */
.featured-title {
	border-top: none;
	color: #71cf0c;
	font-family: 'OpenSansRegular', sans-serif;
	font-size: 1.50em;
	margin:  0;
	padding-top: 40px;
	text-align: /*center*/left;
	z-index: 1;
}


/* HELPLINE PHONE NUMBER HOME PAGE */
.home .featured-subtitle {
	color: #fff;
	font-family: 'OpenSansExtraBold', sans-serif;
	font-size: 4.50em;
	margin: 0;
	padding: 0;
	text-align: left;
	text-shadow: 0px 2px 1px rgba(0,0,0,0.40);
	z-index: 1;
}



/* HELPLINE PHONE NUMBER SECONDARY PAGES */
.featured-subtitle {
	color: #71cf0c;
	font-family: 'OpenSansExtraBold', sans-serif;
	font-size: 4.50em;
	margin: 0;
	padding: 0;
	text-align: left;
	z-index: 1;
}



/* HELPLINE HOURS HOME PAGE */
#featured p, p.featured {
	color: #fff;
	font-family: 'OpenSansRegular', sans-serif;
	font-size: 1.50em;
	margin: 0;
	padding: 0 0 0 32px;
	text-align: left;
	text-shadow: 0px 2px 1px rgba(0,0,0,0.40);
}



/* HELPLINE HOURS SECONDARY PAGES */
p.featured {
	border-bottom: 1px solid #ddd;
	color: #71cf0c;
	padding: 0 0 1.50em 0;
	text-shadow: none;
}



/* ====================================================================================================================
   WIDGETS */


.home #widgets {
	margin: 0;
}



#widgets {
	background: #fff;
	margin: 0;
}



/* WIDGET TITLE SECONDARY PAGES */
.widget-title {
	color: #71cf0c;
	font-family: 'OpenSansRegular', sans-serif;
	font-size: 1.71em;
	line-height: 1.25em;
	margin: 0 0 1.00em 0;
}



/* WIDGET TITLE HOME PAGE */
.widget-title-home h3 {
	color: #71cf0c;
	font-family: 'OpenSansRegular', sans-serif;
	font-size: 1.71em;
	line-height: 1.25em;
	margin: 0 0 1.00em 0;
}



#text-5, #text-6, #text-7, #twitter-3 {
	font-size: 0.85em;
}



/* PRIVACY WIDGET */
#text-5 {
	background: url('http://www.rasasc.org.uk/temp/img/icon-line-01.png') left repeat-y, url('http://www.rasasc.org.uk/temp/img/icon-privacy-01.png') left top no-repeat;
	/*border: 20px solid #fff;*/
	margin: 41px 0 0 0;
	padding: 0 0 0 5.00em;
}


/* SUPPORT DOCUMENT WIDGET */
#text-6 {
	background: url('http://www.rasasc.org.uk/temp/img/icon-line-01.png') left repeat-y, url('http://www.rasasc.org.uk/temp/img/icon-pdf-01.png') left top no-repeat;
	/*border: 20px solid #fff;*/
	margin: 41px 0 0 0;
	padding: 0 0 0 5.00em;
}


/* NATIONAL FREEPHONE HELPLINE WIDGET */
#text-7 {
	background: url('http://www.rasasc.org.uk/temp/img/icon-line-01.png') left repeat-y, url('http://www.rasasc.org.uk/temp/img/icon-speech-01.png') left top no-repeat;
	/*border: 20px solid #fff;*/
	border-top: 0;
	margin: 41px 0 0 0;
	padding: 0 0 0 5.00em;
}


/* TWITTER WIDGET */
#twitter-3 {
	background: url('http://www.rasasc.org.uk/temp/img/icon-line-01.png') left repeat-y, url('http://www.rasasc.org.uk/temp/img/icon-twitter-01.png') left top no-repeat;
	/*border: 20px solid #fff;*/
	margin: 41px 0 0 0;
	padding: 0 0 0 5.00em;
}



/* ====================================================================================================================
   HORIZONTAL RULE */



hr {
	background: #ddd;
	border: none;
	clear: both;
	color: #ddd;
	float: none;
	height: 1px;
	margin: 0 0 1.375em 0;
	width: 100%;
}



/* ====================================================================================================================
   FOOTER */



#footer {
	font-size: 0.75em;
	line-height: 1.5em;
}



#footer a {
	color: #777777;
}



#footer a:hover {
    color: #a6a6a6;
}



#footer .call-to-action a {
	color: #fff;}



#footer .call-to-action a:hover {
    color: #fff;
}



#footer-wrapper .grid.col-940 {
	margin: 0;
	padding: 0;
}



.scroll-top {
	background: #fff url(http://www.rasasc.org.uk/temp/img/icon-scroll-01.png) left no-repeat;
	font-size: 0.75em;
	padding: 0 0 0 1.50em;
	text-align: left;
}



.copyright {
	text-align: left;
}


/* ====================================================================================================================
   CLEARFIX */



.clearfix:after, .clearfix:before, #container:after, #container:before, .widget-wrapper:after, .widget-wrapper:before {
    content: ' ';
    display: table;
}



.clearfix:after, #container:after, .widget-wrapper:after {
    clear: both;
}



.ie7 .clearfix, .ie7 #container, .ie7 .widget-wrapper {
    zoom: 1;
}



.clear {
	clear: both;
}



/* ====================================================================================================================
   RESPONSIVE (MOBILE) DESIGN */



/* ====================================================================================================================
   959 PX */



@media screen and (max-width: 959px) {
	
	
	
	.col-300 {
		width: 39.936170212766%;
	}
	
	
	
	.col-620 {
		width: 49.936170212766%;
		padding: 0 8% 0 0;
	}
	
	
	
	/*.menu li {
		margin-right: 1.50em;
	}*/
	
	
	
}



/*@media screen and (max-width: 962px) {
.menu li {
	margin: 1em 0 0 0;
}


	
.menu li:first-child {
	border-bottom: 1px solid #e2e2e2;
	float: left;
	margin: 0;
	width: 100%;
}*/



/* ====================================================================================================================
   899 PX */


@media screen and (max-width: 899px) {
	
	
	
	/*body {
		border: 10px solid #ff0000;
	}*/
	
	
	
	#widgets .col-300.first {
		border-left: none;
		border-right: none;
		margin: 4.5em 0 0 0;
		padding: 0 2em;
		width: 66%;
	}
	
	
	
	#widgets .col-300.second {
		border-left: none;
		border-right: none;
		margin: 2.25em 0;
		padding: 0 2em;
		width: 66%;
	}
	
	
	
	#widgets .col-300.third {
		border-left: none;
		border-right: none;
		margin: 0 0 4.5em 0;
		padding: 0 2em;
		width: 66%;
	}
	
	
	
	/*.menu li {
		margin-right: 1.00em;
	}*/
	
	
	
}



/* ====================================================================================================================
   859 PX


@media screen and (max-width: 859px) {
	
	
	
	body {
		border: 10px solid #ff0000;
	}
	
	
	
	.menu li {
		margin-right: 0.50em;
	}
	
	
	
} */



/* ====================================================================================================================
   749 PX */



@media screen and (max-width: 749px) {
	
	
	
	.col-300 {
		width: 100%;
	}
	
	
	
	.col-620 {
		width: 100%;
		padding: 0;
	}
	
	
	
}



/* ====================================================================================================================
   595 PX 



@media screen and (max-width: 595px) {
	
	
	
	.menu li {
		margin-right: 1.00em;
	}*/
	
	
	
	/*#header {
		margin-top: 0;
		padding: 2em 2em 2em 2em;
	}
	
	
	
	#logo {
		border-bottom: 1px solid #e5e5e5;
		display: block;
		float: none;
		margin: 1.35em 0 0.55em 0;
		padding: 0 0 1.24em 0;
	}
	
	
	
	.js .menu, .js .sub-header-menu {
		display: none;
	}
	
	
	
	.tinynav {
		-moz-appearance: none;
		-webkit-appearance: none;
		-webkit-box-shadow: 0pt -1px 0pt rgba(0, 0, 0, 0.00) inset, 0pt 1px 0pt rgba(255, 255, 255, 0.00) inset, 0pt 1px 2px rgba(0, 0, 0, 0.00);
		appearance: none;
		background: #fff url(http://www.rasasc.org.uk/temp/img/dropdown-icon-01.png) right no-repeat;
		border: none;
		color: #71cf0c;
		display: block;
		overflow: hidden;
		margin: 0 auto;
		padding: 0.5em 0 0.5em 0;
		text-shadow: none;
		width: 100%;
	}
	
	
	
	.home .tinynav {
		-moz-appearance: none;
		-webkit-appearance: none;
		-webkit-box-shadow: 0pt -1px 0pt rgba(0, 0, 0, 0.00) inset, 0pt 1px 0pt rgba(255, 255, 255, 0.00) inset, 0pt 1px 2px rgba(0, 0, 0, 0.00);
		appearance: none;
		background: #fff url(http://www.rasasc.org.uk/temp/img/dropdown-icon-01.png) right no-repeat;
		border: none;
		color: #71cf0c;
		display: block;
		overflow: hidden;
		margin: 0 auto;
		padding: 0.5em 0 0.5em 0;
		text-shadow: none;
		width: 100%;
	}
	
	
	
}*/



/* ====================================================================================================================
   595 PX */



@media screen and (max-width: 595px) {

	div#cookieoverlay {
		font-size: 0.75em;
	}



	.menu li {
		background: #f4fafd;
		background-image: none;
		background-position: left top;
		background-repeat: no-repeat;
		display: block;
		float: left;
		margin: 2.062em 1.00em 0 0;
		padding: 0;
		position: relative;
	}



	/* SETS LOGO WIDTH */
	#menu-item-166, #menu-item-166 a {
		color: #219bd9;
		float: none;
		margin: 5.437em 0 0 0;
		padding: 0;
		width: 100%;
	}



	/* SETS LOGO WIDTH */
	#menu-item-166 a {
		background: none;
		padding: 0;
	}



	.slide.menu {
		background: #f4fafd url(http://www.rasasc.org.uk/temp/img/dropdown-icon-01.png) left no-repeat;
		display: block;
		padding: 0 0 0 2.00em;
	}



	/* SETS MENU LABEL WIDTH */
	#menu-item-758, #menu-item-758 a {
		margin: 2.00em 1.00em 0 0;
		width: 104px;
	}
	
	
		
	.sub-menu {
		margin: 10px 0 0 0;
	}
	
	
	
	.menu li {
		float: none;
	}
	
	
	
	.menu ul {
		position: static;
	}
	
	
	
	.menu li li {
		display: block;
		float: none;
		position: relative;
	}
	
	
	
	.menu li li a {
		padding: 1.00em 0 1.00em 0;
	}



	#wrapper {
		padding: 0 1em;
	}
	
	
	
	#header {
		height: 5.375em;
		padding: 0 1.00em 1.75em 1.00em;
	}
	
	
	
	#footer-wrapper {
		padding: 0 1.00em;
	}



	/* PAGE TITLE */
h1 {
	font-family: 'OpenSansBold', sans-serif;
	font-size: 1.625em;
	line-height: 1.25em;
}


/* PAGE INTRO */
h2 {
	font-family: 'OpenSansSemibold', sans-serif;
	font-size: 1.00em;
	line-height: 1.5625em;
}
	
	
	
	#featured .featured-title, #featured .featured-subtitle, #featured .call-to-action {
		padding-left: 16px;
	}
	
	
	
	#widgets .col-300.first {
		padding: 0 1.00em;
	}
	
	
	
	#widgets .col-300.second {
		padding: 0 1.00em;
	}
	
	
	
	#widgets .col-300.third {
		padding: 0 1.00em;
	}
	
	
	
	/* SETS LOGO WIDTH */
	#menu-item-166, #menu-item-166 a {
		margin: 4.375em 0 0 0;
	}
	
	
	
	/* SETS MENU LABEL WIDTH */
	#menu-item-758, #menu-item-758 a {
		margin: 1.00em 1.00em 0 0;
	}
	
	
	
	.sub-menu {
		margin: 1.00em 0 0 0;
	}


	
	.slide.menu {
		border-top: none;
	}
	
	
	
	.menu li {
		margin: 1.675em 1.00em 0 0;
	}
	
	
	
	#meteor-slideshow {
		visibility: hidden;
	}
	
	
	
	#featured-wrap {
		background-color: #0069a4;
		background-image: url(http://www.rasasc.org.uk/temp/img/banner-noise.png);
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: center;
		height: 247px;
		margin: 0 auto;
		width: /*99.893617021277%*/100%;
		-webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.10);
		-moz-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.10);
		box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.10)
	}
	
	
	
	.grid, .grid-right {
		float: none;
	}
	
	
	
	.home .grid {
		float: left;
		margin-bottom: 2.127659574468%;
		padding-top: 0;
	}
	
	
	
	.home .grid-right {
		float: right;
		margin-bottom: 2.127659574468%;
		padding-top: 0;
	}
	
	
	
	.home .featured-title {
		color: #fff;
		font-family: 'OpenSansSemibold', sans-serif;
		font-size: 1.00em;
		margin:  0;
		padding-top: 25px;
		text-align: left;
	}
	
	
	
	.home .featured-subtitle {
		color: #fff;
		font-family: 'OpenSansExtraBold', sans-serif;
		font-size: 2.25em;
		margin: 0;
		padding: 0 /*10px*/;
		text-align: /*center*/left;
	}
	
	
	
	.featured-title {
		color: #71cf0c;
		font-family: 'OpenSansSemibold', sans-serif;
		font-size: 1.00em;
		margin:  0;
		padding-top: 25px;
		text-align: left;
	}
	
	
	
	.featured-subtitle {
		color: #71cf0c;
		font-family: 'OpenSansExtraBold', sans-serif;
		font-size: 2.25em;
		margin: 0;
		padding: 0 /*10px*/;
		text-align: /*center*/left;
	}
	
	
	
	p.featured {
		border-bottom: 1px solid #ddd;
		color: #71cf0c;
		font-family: 'OpenSansSemibold', sans-serif;
		font-size: 1.00em;
	}



	#featured p {
		color: #fff;
		font-family: 'OpenSansSemibold', sans-serif;
		font-size: 1.00em;
		margin: 0;
		padding: 0 0 0 1.00em;
		text-align: /*center*/left;
	}
	
	
	
	#footer .col-300 {
		border: 1px solid #FF0;
		padding: 2em 0 2em 0;
		text-align: center;
		width: 100%;
	}
	
	/*span.fullname {
		font-size: 10em;
	}
	

	
	#logo {
		border-bottom: 1px solid #e5e5e5;
		display: block;
		float: none;
		margin: 1.35em 0 0.55em 0;
		padding: 0 0 1.24em 0;
	}
	
	
	
	.js .menu, .js .sub-header-menu {
		display: none;
	}
	
	
	
	#menu-item-166, #menu-item-166 a {
		float: none;
	}
	
	
	
	.sub-menu {
		display: none;;
	}
	
	
	
	.slide {
		display: none;
	}
	
	
	
	.tinynav {
		-moz-appearance: none;
		-webkit-appearance: none;
		-webkit-box-shadow: 0pt -1px 0pt rgba(0, 0, 0, 0.00) inset, 0pt 1px 0pt rgba(255, 255, 255, 0.00) inset, 0pt 1px 2px rgba(0, 0, 0, 0.00);
		appearance: none;
		background: #f4fafd url(http://www.rasasc.org.uk/temp/img/dropdown-icon-01.png) right no-repeat;
		border: none;
		color: #71cf0c;
		display: block;
		overflow: hidden;
		margin: 0 auto;
		padding: 0.5em 0 0.5em 0;
		text-shadow: none;
		width: 100%;
	}
	
	
	
	.home .tinynav {
		-moz-appearance: none;
		-webkit-appearance: none;
		-webkit-box-shadow: 0pt -1px 0pt rgba(0, 0, 0, 0.00) inset, 0pt 1px 0pt rgba(255, 255, 255, 0.00) inset, 0pt 1px 2px rgba(0, 0, 0, 0.00);
		appearance: none;
		background: #f4fafd url(http://www.rasasc.org.uk/temp/img/dropdown-icon-01.png) right no-repeat;
		border: none;
		color: #71cf0c;
		display: block;
		overflow: hidden;
		margin: 0 auto;
		padding: 0.5em 0 0.5em 0;
		text-shadow: none;
		width: 100%;
	}*/
	
}



/* ====================================================================================================================
   480 PX



@media screen and (max-width: 480px) {
	
	
	
	#wrapper {
		padding: 0 1em;
	}
	
	
	
	#header {
		height: 5.375em;
		padding: 0 1.00em 1.75em 1.00em;
	}
	
	
	
	#footer-wrapper {
		padding: 0 1.00em;
	}
	
	
	
	#featured .featured-title, #featured .featured-subtitle, #featured .call-to-action {
		padding-left: 16px;
	}
	
	
	
	#widgets .col-300.first {
		padding: 0 1.00em;
	}
	
	
	
	#widgets .col-300.second {
		padding: 0 1.00em;
	}
	
	
	
	#widgets .col-300.third {
		padding: 0 1.00em;
	}
	
	
	
	#menu-item-166, #menu-item-166 a {
		margin: 4.375em 0 0 0;
	}
	
	
	
	#menu-item-758, #menu-item-758 a {
		margin: 1.00em 1.00em 0 0;
	}
	
	
	
	.sub-menu {
		margin: 1.00em 0 0 0;
	}


	
	.slide.menu {
		border-top: none;
	}
	
	
	
	.menu li {
		margin: 1.675em 1.00em 0 0;
	}
	
	
	
	#meteor-slideshow {
		visibility: hidden;
	}
	
	
	
	#featured-wrap {
		background-color: #b7b4bd;
		background-image: url(http://www.rasasc.org.uk/temp/img/banner-01.jpg);
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: center;
		height: 247px;
		margin: 0 auto;
		width: 100%;
		-webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.10);
		-moz-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.10);
		box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.10)
	}
	
	
	
	.grid, .grid-right {
		float: none;
	}
	
	
	
	.home .grid {
		float: left;
		margin-bottom: 2.127659574468%;
		padding-top: 0;
	}
	
	
	
	.home .grid-right {
		float: right;
		margin-bottom: 2.127659574468%;
		padding-top: 0;
	}
	
	
	
	.home .featured-title {
		color: #fff;
		font-family: 'OpenSansSemibold', sans-serif;
		font-size: 1.00em;
		margin:  0;
		padding-top: 25px;
		text-align: left;
	}
	
	
	
	.home .featured-subtitle {
		color: #fff;
		font-family: 'OpenSansExtraBold', sans-serif;
		font-size: 2.25em;
		margin: 0;
		padding: 0;
		text-align: left;
	}
	
	
	
	.featured-title {
		color: #71cf0c;
		font-family: 'OpenSansSemibold', sans-serif;
		font-size: 1.00em;
		margin:  0;
		padding-top: 25px;
		text-align: left;
	}
	
	
	
	.featured-subtitle {
		color: #71cf0c;
		font-family: 'OpenSansExtraBold', sans-serif;
		font-size: 2.25em;
		margin: 0;
		padding: 0;
		text-align: left;
	}
	
	
	
	p.featured {
		border-bottom: 1px solid #ddd;
		color: #71cf0c;
		font-family: 'OpenSansSemibold', sans-serif;
		font-size: 1.00em;
	}
	
	
	
	.featured-subtitle a {
		color: #fff;
	}
	
	
	
	#featured p {
		color: #fff;
		font-family: 'OpenSansSemibold', sans-serif;
		font-size: 1.00em;
		margin: 0;
		padding: 0 0 0 1.00em;
		text-align: left;
	}
	
	
	
	#footer .col-300 {
		border: 1px solid #FF0;
		padding: 2em 0 2em 0;
		text-align: center;
		width: 100%;
	}



} */