/*
This main.css stylesheet consolidates the three seperate stylesheets of the Skeleton CSS framework: base, skeleton, and layout
*
* Skeleton V1.2
* BASE STYLESHEET #############################################################
*/

/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	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 {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	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; }

/* #Basic Styles
================================================== */
	body {
		background: #fff;
        font-size: 16px;
		font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #2a2a2a;
        line-height: 1.5;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
        text-rendering: optimizeLegibility;
		-webkit-text-size-adjust: 100%;
 }

/* #Typography
================================================== */

	.subheader { color: #777; }
	p img { margin: 0; }
	em { font-style: italic; }
	strong { font-weight: bold; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

hr {
	border:solid #EBEBEA;
	border-width:0px 0px 1px 0px;
	clear:both;
	display:block;
	height:0px;
	margin:30px 0px 30px 0px;
}

	
/* #Links
================================================== */
a {
	color: #1e2a42;
    -moz-transition: all 0.2s ease-out;  
    -o-transition: all 0.2s ease-out;  
    -webkit-transition: all .2s ease-out;  
    transition: all 0.2s ease-out;
    text-decoration: underline; 
}
a:focus {outline: thin dotted;}
a:hover, a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}

/*a:visited {color: #444;}*/
a:hover, a:focus, a:active {color: #000;}
a:hover {text-decoration: none;}
a img {border: 0;}
p a, p a:visited { line-height: inherit; }

/* states for accessibility http://meyerweb.com/eric/css/tests/css2/sec05-11-03.htm */
a:active    {   color: tomato;      }
a:focus     {   border: 1px dotted tomato;      }

/* #Lists
================================================== */
	ul, ol { margin-bottom: 21px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 7px 0 7px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 7px; }
	li { line-height: 21px; margin-bottom: 14px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }
	
/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }
	img {
		max-width: 100%;
		height: auto !important;
	}

/* #Buttons
================================================== */

/* #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: 13px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }
		
		*/

/*
* Skeleton V1.2
* SKELETON (RESPONSIVE GRID) STYLESHEET #############################################################
*/

/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Media Queries for finer customization
    #Clearing */

/* #Base 960 Grid
================================================== */
    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

/*
* Skeleton V1.2
* LAYOUT (SITE-CUSTOMIZED) STYLESHEET #############################################################
*/

/* Table of Content
==================================================
	#Baseline corrections
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* =Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
	padding: 0;
	clear: both;
	text-rendering: optimizelegibility;
	font-family: inherit;
	font-weight: 700;
	color: #222;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: inherit;
	color:#222;
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {color: #1e2a42;}

/* My smallish headers */
h1 {font-size:34px;
    font-size:2.125em;letter-spacing:-1px;}
h2 {font-size:24px;}
h3 {font-size:16px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;text-transform: uppercase;}

/* Consider a solid rhythm here: http://type-scale.com/
	
h1 {font-size:34px;letter-spacing:-1px;}
h2 {font-size:27px;}
h3 {font-size:21px;
h4 {font-size:17px;}
h5 {font-size:14px;}
h6 {font-size:12px;text-transform: uppercase;}	
	
*/	
	
/* #Typography (baseline corrections)
================================================== */
h1 { line-height: 42px; margin-bottom: 14px;}
h2 { line-height: 35px; margin-bottom: 7px; }
h2 { line-height: 35px; margin-bottom: 21px; }
h3 { line-height: 28px; margin-bottom: 7px; }
h4 { line-height: 21px; margin-bottom: 7px; }
h5 { line-height: 14px; }

p { margin: 0 0 21px 0; }

p.lead { 
    font-size: 21px;
    font-size: 1.4rem;
    line-height: 1.3;
    color: #6a6a6a;
}
.row {margin-bottom: 21px;}

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

hr { margin: 14px 0 27px;
	border-width: 0px 0px 2px 0px;
}
	
/* #Lists (baseline corrections)
================================================== */
ul, ol { margin-bottom: 1.5em; }
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: 1.5em; margin-bottom: 14px; }
	
/* #Site Styles
================================================== */
* { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
	}

.fullwidth{
	width: 100%;
}
/* Section declarations for BG stripes */
#section-header{
	border-top:14px solid #242424;
	background:#FFE800;
	position: relative;
}

#section-tagline{
	background:#242424;
	padding:21px 0;
}

#section-welcome{
	background:#fff9c6;
	padding:28px 0;
    border-bottom: 1px solid #f0e993;
}

#section-footer {
	background: #000;
	border-top: 14px solid #1c2024;
	padding: 21px 0 0 0;			
}
#section-sub-footer{
	background: #000;
	font-size:12px;
	padding: 14px 0 0;
}

#section-sub-footer .sixteen {
	border-top: 1px #32383c solid;
	padding-top:21px;
}


#main {
	padding-top:28px;
	padding-bottom:28px;
}

.pullquote:before {
	/* Reset metrics. */
	padding: 0;
	border: none;
	
	/* Content */
	content: attr(data-pullquote);
	
	/* Pull out to the right, modular scale based margins. */
	float: right;
	width: 195px;
	margin: 0 0 21px 20px;
	padding-left:20px;
	border-left:2px solid #0875ad;
	
	/* Typography (30px line-height equals 25% incremental leading) */
	font-size: 20px;
	line-height: 28px;
	color:#0875ad;
}

/* Header */
header#masthead {
	padding:21px 0 28px 0;
}

h1.site-title {
	margin: 0;
	float:left;
}
h1.site-title a {
		
	width:258px;
	height:195px;

	font: 0/0 a;
	text-shadow: none;
	color:transparent;

	background: url('../images/logo.png') no-repeat 0 0;
	background: url('../images/VRCOLogo_Jim.png') no-repeat 0 0;
	background: url('../images/LogoOval258x195.png') no-repeat 0 0;
	background: url('../images/VRCOLogo_NoBar.png') no-repeat 0 0;
	
	display: block;
}
#header-contact {
	position: absolute;
	top: 21px;
	right: 160px;
}

#header-contact h5 {
	color:#333;
	font-size:20px;
	font-weight: bold;
}

#header-donate-tag {
	position:absolute;
	background-color:#25a4ed;
	width:123px;
	height: 69px;
	color:white;
	padding-top: 12px;
	text-align: center;
	top:-14px;
	right:0;
	margin-bottom: 14px;
	-webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 2px 2px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 2px 2px rgba(50, 50, 50, 0.5);
	-webkit-transition: margin 0.2s ease-out;
	-moz-transition: margin 0.2s ease-out;
	-0-transition: margin 0.2s ease-out;
	text-decoration: none;
}

#header-donate-tag:hover {
	margin-top: 14px;
	text-decoration: underline;

}
#header-donate-tag h5 {
	color:white;
	font-size:13px;
	font-weight: normal;
}

#header-donate-tag h6 {
	color:white;
	font-size:19px;
	font-weight: bold;
	margin-top: 7px;
}

#page-header {
	position:relative;
}

h1.page-title {
	font-size: 30px;
    font-size:1.875em;
	letter-spacing: -1px;
	padding-bottom:25px;
	font-weight:bold;
	margin-bottom: 28px;
	background: url('../images/bg_page_header.gif') bottom left repeat-x;

}

h2.section-title {
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 20px 0;
	font-weight: 600;
	text-transform: uppercase;
	/*background: url('../images/section-title-bg.png') left center repeat-x;*/
	border-bottom: 1px solid #cccccc;
line-height: 100%;
margin: 0 0 21px;
padding: 0 0 14px;
}

.heading {
margin-top: 0px;
position: relative;
}

.heading .sep {
width: 150px;
background: #feea3c;
height: 2px;
position: absolute;
left: 0;
bottom: 0;
}

/*
h2.section-title span {
	background:#fff;
	padding-right:16px;
}
*/


/* Main Navbar (from Nettuts tutorial) */
#site-navigation {
	background-color: #242424;
}

#site-navigation ul,
#site-navigation ul li {
	margin:0;
}

#site-navigation ul li {
	display: inline;
	float: left;
	position: relative;
}

#site-navigation ul li a {
	display: inline-block;
	line-height: 49px; 
	font-weight: bold;
	color:#fff;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 20px;
	border-left:1px solid #373737;
	border-right:1px solid #0c0c0c;
}

#site-navigation ul li a:hover {
	color:#38311c;
	background: #fff;
	cursor: pointer;
}

#site-navigation ul li:first-child a {border-left:none;}
#site-navigation ul li:last-child a {border-right:none;}

#site-navigation li.menu-item-274 {
	float: right;
}
	
#site-navigation li.menu-item-274 a {
	color:#594e2c;
	background-color:#feea3c;
	text-shadow: 0px 1px 0px #eee;
}

#site-navigation li.menu-item-274 a:hover {
	color:#594e2c;
	background-color:#fff;
}

/* === Submenu drop down ==== */
#site-navigation ul ul {
	position: absolute;
	z-index: 999;
	background: #404040;
	min-width: 230px;
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	
	height:0;
	overflow: hidden;
	
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: opacity 0.4s ease-out;
	-moz-transition: opacity 0.4s ease-out;
	-o-transition: opacity 0.4s ease-out;
	-ms-transition: opacity 0.4s ease-out;
	transition: opacity 0.4s ease-out;
}

#site-navigation ul li:hover ul {
	height: auto;
	overflow: auto;
	opacity: 10;
	filter: alpha(opactity=100);
}

#site-navigation ul ul li {
	float:none;
	display: list-item;
	border-bottom: 1px solid #565144;	
}

#site-navigation ul ul li a {
	display: block;
	line-height: 21px;
	text-transform: none;
	padding-top:14px;
	padding-bottom: 14px;
}

#site-navigation ul li:hover > a {
	background: #fff;
	color:#38311c;
}

/* === Small menu ===*/
.menu-toggle {
	display: none;
	cursor: pointer;
}

.main-small-navigation ul {
	display: none;
}

/*images*/

/*	Blockquotes  */
blockquote, blockquote p {font-size:16px;}

.page-id-32 blockquote {
	border-left:7px solid #94BA65;
}

blockquote {
	border-left:1px solid #94BA65;
}

blockquote cite {
	font-size: 14px;
	font-style: normal;
}

/* Sidebar */
#secondary h3 {
	font-weight:bold;
	font-size:14px;
    font-size: .875em;
	text-transform:uppercase;
	letter-spacing: 1px;
	margin-bottom:14px;
	padding-bottom:0;
	line-height: 7px;
}

#secondary {color:#555;}
#secondary .widget {margin-bottom:35px;}
#secondary .widget-title {background: url('../images/bg_page_header.gif') bottom center repeat-x;}
#secondary aside:first-child .widget-title {background: none;}
.widget-title span {background: #fff; padding:0 15px 0 0;}

#rsgwidget-2 {
	overflow:auto;
	padding-top: 1px;
}
.rsgallery {margin:0;padding:0;}
.rsg_item {float:left;margin:0 10px 10px 0;padding:0;}
.rsg_item a {margin:0;padding:0;}

/* .site-footer  */
.site-footer .widget-title {
	color:#fff;
	font-weight: bold;
    font-size:14px;
    font-size: .875em;
	line-height: 28px;
	text-transform: uppercase;
	/*letter-spacing: 0.1em;
	/*border-bottom: 1px #555555 solid;
	margin-bottom: 7px;
	padding-bottom: 7px;*/
	text-shadow: 1px 1px 0px #222;
}

.site-footer .textwidget {
	color:#fff;
	text-shadow: 1px 1px 0px #383838;
}

.site-footer a,
.site-footer a:visited {
	color: #fff;
	text-decoration: none;
}

.site-footer a:hover,
.site-footer a:hover:active {
	text-decoration: underline;
}

.site-footer ul {
	margin: 0;
}

.site-footer li {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #44493d;
}

#social-icons li {
	border:none;
	padding:0;
	
}

#social-icons li a {
	display: block;
	padding: 4px 0 4px 40px;
}

#social-icons li a.facebook-icon {background: url('../images/facebookicon.png') no-repeat left top;}
#social-icons li a.twitter-icon {background: url('../images/twittericon.png') no-repeat left top;}
#social-icons li a.youtube-icon {background: url('../images/youtubeicon.png') no-repeat left top;}

/*
.site-footer li:last-child {
	border: none;
}
*/

#section-sub-footer {
	color:#888;
}

#footer-sitenav {text-align: right;}
#footer-sitenav ul.menu li {
	display: inline;
	line-height: 21px;
	padding-left:10px;
}

#footer-sitenav ul.menu li a {
	color:#ddd;
	text-decoration: none;
	}

#footer-sitenav ul.menu li a:hover,
#footer-sitenav ul.menu li a:active {
	color:#fff;
	text-decoration: underline;
	}

#bottom-footer {
    border-top: 1px #32383c solid;
    padding-top: 14px;
    margin-top:14px;
    color:#ddd;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

#secondary .widget li {margin-bottom:0;}


/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* Text meant only for screen readers */
.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}


/*WordPress styles*/

/* =Content
----------------------------------------------- */

.sticky {
}

.site-content .hentry:first-child {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}

.site-content .hentry {
	border-top: 1px solid #cfd2d5;
	margin-top: 34px;
	overflow: hidden;
	padding-top: 42px;
}

.site-content .hentry ul {
	list-style-type: disc;
	padding-left:40px;
}

.attachment-single-post-thumbnail {
margin-bottom: 7px;
}

.entry-title {
	font-size:26px;
	margin-bottom:7px;
}

.entry-meta {
clear: both;
margin-bottom: 7px;
color: #777;
text-transform: uppercase;
font-size: 12px;
}

.byline {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.entry-content,
.entry-summary {
	margin: 0;
}
.page-links {
	clear: both;
	margin: 0 0 21px;
}


/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/* =Media
----------------------------------------------- */

.site-header img,
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
.site-header img,
.entry-content img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.site-header img,
.entry-content img,
img.size-full {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.625em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.site-content .gallery {
	margin-bottom: 1.625em;
}
.gallery-caption {
}
.site-content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-content .gallery dd {
	margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

.embed-youtube {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.embed-youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* = Page Navigation
----------------------------------------------- */

.site-content [class*="navigation"] {
	margin: 0 0 1.625em;
	overflow: hidden;
}
[class*="navigation"] .previous {
	float: left;
	width: 50%;
}
[class*="navigation"] .next {
	float: right;
	text-align: right;
	width: 50%;
}

/* =Comments
----------------------------------------------- */

.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
}

/* =Infinite Scroll
----------------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .navigation-paging, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*blog*/

article .breadcrumbs {
	margin-bottom: 7px;
}

article .meta {
	margin-bottom: 7px;
}

/*pagination*/
nav.pagination ul {
	width: 100%;
	text-align: center;
	margin: 21px 0 35px 0;
}

nav.pagination li {
	display: inline;
}

nav.pagination li a {
	display: inline-block;
	line-height: 35px;
	width: 35px;
	height: 35px;
	text-align: center;
	padding: 0 7px;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 3px solid #cccccc;
}

nav.pagination li a.selected,
nav.pagination li a:hover {
	background: url('http://www.vrco.org/wp-content/themes/vrco/images/bg_dark.png') #000;
	border: none;
	color: #fff;
}

/*sidebar (aside)*/
.sub header {
	background: url(http://www.vrco.org/wp-content/themes/vrco/images/diagonal_pale.png) repeat;
	font-size: 14px;
	line-height: 1em;
	margin: 28px 0;
}

.subscribe header {
	margin-top: 0;
}

.sub header h4 {
	font-weight: bold;
	color: #999999;
	font-size: 14px;
	line-height: 1em;
	text-transform: uppercase;
	background: url(http://www.vrco.org/wp-content/themes/vrco/images/bg_main.png) repeat #f8f8f8;
	display: inline;
	padding: 0 10px;
	margin: 0 0 0 14px;
	letter-spacing: 0.1em;
	font-family: Arial, sans-serif;
}

/*flexible embeds*/
.embed {
	position: relative;
	padding: 0;
	padding-bottom: 56.25%; /* 16:9 ratio*/
	height: 56.25%;
	overflow: hidden;
}

.embed iframe,
.embed object,
.embed embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* #Page Styles
================================================== */
/* Home page styles */

#lang-switcher {
    position: absolute;
    bottom:47px;
    right:10px;
}
.lang-item {
    display: inline;
}

#font-resizer-container {
    position: absolute;
    bottom:0;
    right:10px;
    font-size: 14px;
}

#font-resizer-container ul {
    float: right;
    margin-left: 5px;
    margin-top: -2px;
}

li.fontResizer {
    list-style-type: none;
    text-align: right;
    display: inline-block;
}

.responsive-slider.flexslider {
background: transparent !important;
border: none !important;
border-radius: 0 !important;
margin-bottom: 0 !important;
}

.button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
	text-transform: uppercase;
	font-size:14px;
	font-weight:bold;
	color:#111111;	
	background-color:#feea3c;
	border-radius:3px;
	border:1px solid #ecd939;
	display:inline-block;
	padding:12px 18px;
	text-decoration:none;
	
/*
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #feea3c), color-stop(1, #d6c348));
	background:-moz-linear-gradient(top, #feea3c 5%, #d6c348 100%);
	background:-webkit-linear-gradient(top, #feea3c 5%, #d6c348 100%);
	background:-o-linear-gradient(top, #feea3c 5%, #d6c348 100%);
	background:-ms-linear-gradient(top, #feea3c 5%, #d6c348 100%);
	background:linear-gradient(to bottom, #feea3c 5%, #d6c348 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#d6c348',GradientType=0);
	background-color:#feea3c;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #bead40;
	display:inline-block;
	padding:12px 18px;
	text-decoration:none;
	text-shadow:0px 1px 0px #bead40;	
*/

    }

.button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
        background-color:#fef07b;
        color:inherit;
    }

.button:active {
        position:relative;
        top:1px;
    }

.why-vrco-button {margin-top:14px;}

i {color:#1e2a42;}

.home #main {
	padding-top: 0;
}

#section-tagline .row {
	margin-bottom: 0;
} 

.tagline-header {
	color:#feea3c;
	font-size:28px;
	letter-spacing: -1px;
	text-transform: uppercase;
	margin-bottom: 0;
}

.tagline-text {
	color:#ffffff;
	font-size:16px;
	font-weight: normal;
	/*letter-spacing: -.09em; */
}

#section-welcome {
	margin-bottom: 35px;
} 

#section-welcome .row {
	margin-bottom: 0;
}

#welcome-text h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 21px;
	margin: 0 0 14px 0;
	text-transform: uppercase;
}

#welcome-text p {
	font-size: 19px;
	font-weight: normal;
	line-height: 28px;
	margin: 0 0 14px 0;
}

#featured-services, #partnerships-services {
    margin-bottom: 32px;
}

#featured-services h3 {
	line-height: 28px;
	margin-bottom: 0;
}

#featured-services img, #news-events img {
	margin-bottom:7px;
	opacity: 1;
	transition: opacity .20s ease-in-out;
	-moz-transition: opacity .20s ease-in-out;
	-webkit-transition: opacity .20s ease-in-out;
}

#featured-services img:hover, #news-events img:hover {
	opacity: 0.8;
}

#news-events .post-title {
	line-height: 1.3;
}

/* Board Members Page styles --- */

.site-content .hentry ul.slats {
	list-style: none;
	margin:0;
	padding:0;
}
	
ul.slats li {
	padding: 14px;
	/* min-height: 126px; */
	background: #fceb4e;
	border-radius: 4px;
}

ul.slats li:hover {
	background: #fff381;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.3)
}

ul.slats li h3 {
	font-size: 17px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom:7px;
}

ul.slats li p {
	font-size: 14px;
	line-height: 1.6;
}

ul.slats li p span.meta {
	display: block;
	color: #999;
}		

/* Testimonial Widget Styles --- */
.page-id-32 .site-content .hentry {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
	overflow: hidden;
	margin-bottom: 34px;
}

.testimonialswidget_testimonials .paging {
	clear: both;
	font-weight: 700;
	height: 1.4em;
	display:none;
}

.testimonialswidget_testimonial {
	quotes: none;
	font-size:16px;
	line-height: 21px;
	color: #777;
	font-style: italic;
}

.testimonialswidget_testimonial .author {
	font-style:normal;
	font-weight:600;	
}

.testimonialswidget_testimonial cite {margin-top: 0;}
.testimonialswidget_paging {display: none;}

/* Contact page */
div.wpcf7 {
padding:26px 20px 0 20px;
background: #e9e5dc;
border: 1px solid #e4e4e4;
}

.wpcf7-form p {font-weight:600;}

.wpcf7-form-control-wrap input,.wpcf7-form-control-wrap textarea{background:#fff;border:solid 4px #e7e6e6;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:10px;width:90%;z-index:100;margin:0}
.wpcf7-form-control-wrap input:focus,.wpcf7-form-control-wrap textarea:focus{background:#F0EFEF;border:solid 4px #e7e6e6;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:10px;width:90%;}


input.wpcf7-submit {
	margin-left:0;
	margin-top:0;
}

.wpcf7-form .required {color: #888;}

/* PayPal Seamless Donations plugin */
#post-174 #dgx-donate-container {
border: none;
padding: 24px;
margin: 0;
background: #dddddd;
border-radius: 5px;
}

#post-174 .dgx-donate-form-section input.horiz {
margin-left: 40px;
}

/* Gravity Form Gold registration form */

.gform_wrapper {
	background: #eeeeee;
	padding: 20px;
	border:1px solid #ddd;
}

/* #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: 768px) {
	
		#logo {margin-bottom: 28px;}
		#slidercontainer {display:none;}
		#header-contact {display:none;}
		#header-donate-tag {display: none;}

		.banner {display: none;}
		#news-events .post img {display: none;}
	
		article .three.thumbnail {
			display: none;
		}
	
		nav.primary select {
			display: block;
		}
		
		nav.primary ul {
			display: none;
		}
		
		.bottom footer {
			text-align: center;
		}
		
		#header-contact {
			text-align: center;
		}
		
	.menu-toggle,
	.main-small-navigation ul.nav-menu.toggled-on {
		display: block;
	}

	.navigation-main ul {
		display: none;
	}
	
	#site-navigation h1.menu-toggle {
		color:#fff;
		margin:0;
		padding:1% 3%;
		text-align: center;
	}
	
	#lang-switcher {
		position:relative;
		bottom:0;
		right:0;
		margin: 0 auto 0 auto;
		text-align: center;
		}
		
		.lang-item a {
		font-size:14px;
		-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
		-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
		box-shadow:inset 0px 1px 0px 0px #fff6af;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #feea3c), color-stop(1, #d6c348));
		background:-moz-linear-gradient(top, #feea3c 5%, #d6c348 100%);
		background:-webkit-linear-gradient(top, #feea3c 5%, #d6c348 100%);
		background:-o-linear-gradient(top, #feea3c 5%, #d6c348 100%);
		background:-ms-linear-gradient(top, #feea3c 5%, #d6c348 100%);
		background:linear-gradient(to bottom, #feea3c 5%, #d6c348 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#d6c348',GradientType=0);
		background-color:#feea3c;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		border:1px solid #bead40;
		display:inline-block;
		padding:12px 18px;
		text-decoration:none;
		}

		.lang-item a:hover {
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d6c348), color-stop(1, #feea3c));
        background:-moz-linear-gradient(top, #d6c348 5%, #feea3c 100%);
        background:-webkit-linear-gradient(top, #d6c348 5%, #feea3c 100%);
        background:-o-linear-gradient(top, #d6c348 5%, #feea3c 100%);
        background:-ms-linear-gradient(top, #d6c348 5%, #feea3c 100%);
        background:linear-gradient(to bottom, #d6c348 5%, #feea3c 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6c348', endColorstr='#feea3c',GradientType=0);
        background-color:#d6c348;
        color:inherit;
		}					
		
		#font-resizer-container {
		position:relative;
		bottom:0;
		right:0;
		text-align: center;
		}	

		#font-resizer-container {display: none;}		
		header#masthead {padding-bottom: 0;}
	
	}

	/* 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) {	
	
		
		
		h1.site-title a {	
		width:200px;
		height:151px;
		background: url('../images/VRCOLogo_NoBar200px.png') no-repeat 0 0;
		}

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

    /*
print styles taken from HTML5 Boilerplate
https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
*/

@media print {

        * { background: transparent !important;
            color: #000 !important; /* Black prints faster: h5bp.com/s */
            box-shadow: none !important;
            text-shadow: none !important;           }

    p,
        h2,
        h3 {    orphans: 3; /* http://css-tricks.com/almanac/properties/o/orphans/ */
            widows: 3;  /* http://css-tricks.com/almanac/properties/w/widows/ */}

        h2,
        h3 {    page-break-after: avoid;                        }
}