/*
Colors:
Tan:	 #f9f3e4
Red:	 #ed2024
Lt Olive: #827c5c
Dk Olive: #4b4b22
Lt Gray: #6f6f72
Lt Brown: #9d6a27
Dk Brown: #452f12
 */

* {margin:0; padding:0; border:none}

/* Mobile first approach media queries under <768 pixels
grid (col-xs)
-------------------------------------------------- 
-------------------------------------------------- 
-------------------------------------------------- */

body {
    overflow-x:hidden;
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight:400;
    font-size:62.5%; /* 16px × 62.5% = 10px */
	font-size:1em;
    background:#bdc1b2;
    margin:0 auto;
    padding:0;
    color:#333;
    line-height:1.4em;
    font-weight:400;
}

#all {margin:0; padding:0; border:none}

.container {clear:both; margin:10px auto; padding:0; text-align:center; border:none;}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline:0;
}

a:link, a:visited {color:#548a00; text-decoration:none;}
a:hover, a:active {color:#646400; text-decoration:underline;}


a.light-link:link, a.light-link:visited {color:#fff; text-decoration:none}
a.light-link:hover, a.light-link:active {color:#f1f1f1; text-decoration:none}

h1, h2, h3, h4, p {text-align:left;}
h1 {color:#945c2a; font-size:1.8em;}
h2 {color:#4b4b22; font-size:1.7em; border-bottom:solid 1px #9d6a27; text-align:left; text-shadow:3px 3px 4px #818181; padding-bottom:5px; margin:10px auto 20px auto;}
h3 {color:#cd6101; font-size:1.6em; letter-spacing:0; font-weight:900; margin:5px auto; padding:10px 0 5px 0; line-height:1.4em;}
h4 {color:#474747; font-size:1.5em; letter-spacing:0; margin:15px auto 10px auto; text-decoration:underline}
.hp-events h4 {font-size:1.3em; font-weight:900; margin:12px auto 8px auto; text-decoration:none; line-height:normal;}

p {
    margin:14px auto;
    color:#333;
    line-height:1.5em;
    font-weight:400;
    font-size:13px;
}

ul {margin:0; padding:0;}
	li {text-align:left; list-style-type:none; margin:10px 0 0 50px; padding:0; font-size:13px; line-height:normal;}

.text-large {font-size:16px;}
.text-med {font-size:14px;}
.text-small {font-size:12px;}
.text-xsm {font-size:11px;}

hr {width:100%; padding:0 0 5px 0; margin:0 auto; text-align:center; border-top:double 3px #ccc;}

.clear {clear:both;}
.ctr {text-align:center;}
.bld {font-weight:bold;}
.reg {font-weight:normal;}
.gold {color:#e69801;}
.olive {color:#4b4b22;}
.orange {color:#cd6101;}
	.orange a:link, .orange a:visited {color:#cd6101;}
	.orange a:hover, .orange a:active {color:#f87d10;}
.green {color:#14ab00;}
.red {color:#ed2024;}
.brown {color:#6d4b1e;}
.right {text-align:right;}
.left {text-align:left;}
.ctr {text-align:center;}
.no-pad {padding:0;}
.no-margin {margin:0;}
.divider {border-bottom:solid 1px #454545;}

.bg-dk {background-color:#333;}
.bg-wh {background-color:#fff;}
.bg-tan {background-color:#f9f3e4;}
.bg-dk-gray {background-color:#363639}

.img-centered {margin:0 auto;}

.bg-white {background-color:#fff; padding:20px 0;}
.bg-light-gray {background-color:#f1f1f1;}
.bg-darkest-gray {background-color:#222;}
.bg-dark-tan {background-color:#d6cebd; padding:14px; border-radius:8px;}


/* BUTTONS
------------------------------------------------------------------------ */
.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
	outline:0;
}

.btn-logout {max-width:50px; padding:2px 5px; box-shadow:none; font-size:12px; text-align:center; color:#fff; background-color:#454545;}

a.btn {text-decoration:none;}
a.btn-default:hover, a.btn-default:visited {text-decoration:none;}

.btn-default {background-color:#f1f1f1; box-shadow:2px 2px 4px #929292; border:solid 1px #818181; padding:4px 8px;}

.btn-clear {background-color:Transparent; border:none; box-shadow:0 0 0 #f1f1f1; }

/* NAV 
	--------------------------------------------------------*/   	
#myNavbar {margin-top:10px;}	
.navbar {padding:0; margin:0 auto;}
	
.navbar-default, .navbar-right {
    border:none;
    margin:0 auto; 
    padding:0;
    border-radius:0;
    background-color:#222;
}

.navbar-default .navbar-brand, .navbar-inverse .navbar-brand {
	margin:0; padding:0;}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:active,
.navbar-inverse .navbar-brand.active {}

.navbar-brand img {max-width:70px;}

/*.navbar-right {max-width:350px;}*/
    
.collapse .navbar-collapse {}

.navbar-inverse .navbar-toggle .icon-bar {}

.navbar-inverse .navbar-toggle {
	padding:8px 12px; 
	border:solid 1px #545454; 
	border-radius:12px;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
}

.navbar-inverse .navbar-nav>.active>a {
    border-radius:0;
    color:#fff;
}

.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
    color:#fff;
    padding:0; 
    margin:0;
    list-style-image:none; 
    list-style-type:none;    
}

.navbar-inverse .nav li a {
    font-size:1.0em;
    font-weight:400;
    color:#fff;
    padding:0; 
    margin:0;
    list-style-image:none; 
    list-style-type:none;
    text-decoration:none;
}

.navbar-inverse .nav li a:link,
.navbar-inverse .nav li a:visited {
    outline:0;
    color:#fff;
    padding:0; 
    margin:0;
    list-style-image:none;  
    list-style-type:none;    
}

.navbar-inverse .nav li a:hover,
.navbar-inverse .nav li a:active {
    outline:0;
    color:#c57001;
    padding:0; 
    margin:0;
    list-style-image:none; 
    list-style-type:none;    
}

.navbar-right li {color:#fff;}
.navbar-right .nav li a:link, .navbar-right .nav li a:visited, 
.navbar-right .nav li a:hover, .navbar-right .nav li a:active {
    padding:0; 
    margin:0;
    list-style-image:none; 
    list-style-type:none;	
}

.navbar-inverse .nav li.user a {
	font-size: 1.0em;
}

.navbar-inverse .nav li.msg a {background-color:#df0005; padding:1px 3px; border-radius:3px; font-size:13px;}
.navbar-inverse .nav li.msg a:link, .navbar-inverse .nav li.msg a:visited {color:#fff;}
.navbar-inverse .nav li.msg a:hover, .navbar-inverse .nav li.msg a:active {color:#fff;}


/*	I cannot get the submenu to change for mobile phones! 
	Something else is controlling them and I can't find out where.
--------------------------------------------------------------------*/
.dropdown-menu li a:link,
.dropdown-menu li a:visited {
	padding:0; 
    margin:0;
    color:#fcc;
    border-top:none;
    list-style-image:none; 
    list-style-type:none; 
}

.dropdown-menu li a:hover,
.dropdown-menu li a:active {
    padding:0; 
    margin:0;
    color:#9d6a27;
    border-top:none;
    list-style-image:none; 
    list-style-type:none; 
    
}
/*  end of cannot get to work 
--------------------------------------------------------------------*/

.navbar-inverse .nav li ul {
	margin:8px 2px; 
	width:auto; 
	text-align:left;
	border-top:none;
	padding:2px 0;
	background-color:#363639;
	box-shadow:none;
}

.navbar-inverse .nav li li {
    padding:3px 3px; 
    margin:3px auto;
    list-style-image:none; 
    list-style-type:none;
    border-bottom:solid 1px #000;
}

.navbar-collapse .nav li li a {margin:0; text-align:left; font-size:12px;}

.navbar-collapse .nav li li a:link,
.navbar-collapse .nav li li a:visited {
    outline:0;
    color:#fff;
    background-color:#363639;
    border:none;
    text-align:left; 
    margin:0; 
    padding:3px 3px; 
    list-style-image:none; 
    list-style-type:none;    
}

.navbar-collapse .nav li li a:hover,
.navbar-collapse .nav li li a:active {
    outline:0;
    color:#fff;
    background-color:#545454; /* can't change this value! */
    border:none;
    text-align:left;
    padding:3px 3px; 
    margin:0;
    list-style-image:none; 
    list-style-type:none;    
}

.sm-hide {display:none;}

.msgcount {display:inline;}
.msgtext {
	display: inline; color:#fff; font-weight:normal;}

	.navbar-inverse .nav li.msgcount a:link, .navbar-inverse .nav li.msgcount a:visited {color: red;}
	.navbar-inverse .nav li.msgcount a:hover, .navbar-inverse .nav li.msgcount a:active {color:lawngreen;}


/*	HEADER 
	---------------------------------------------------------------*/
	#header {clear:both; margin:10px auto 0 auto; text-align:center;}
	.intro {
		margin:50px auto 0 auto;
		text-align:center;
		color:#154f65;
		border:None;
		padding:0;
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		border:solid 1px #65695a;
	}

	.intro-message {
		padding:80px 0 10px 0; margin:0 auto;
	}

	.intro-message > h1 {
		margin:0 auto;
		text-shadow: 2px 2px 1px rgba(255,255,255,0.8);
		font-size:2em;
		color:#000;
		padding:10px 0;
		background:rgba(255, 255, 255, .2); 
		filter:alpha(opacity=0.30);
		letter-spacing:normal;
	}
	
	.h1-small {font-size:0.7em;}
	.h1-x-small {font-size:0.64em; font-style:italic; text-shadow:1px 1px 1px rgba(255,255,255,0.8);}

	.intro-message > h3 {
		text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
	}
	
	
	.main-links {width:270px; margin:10px auto 0 auto; padding:8px; background:#4b4b22; border-radius:8px; text-align:center;}
		.main-links ul {clear:both; list-style:none; margin:0 auto; text-align:center;}
		.main-links li {
			list-style-image:none;
			list-style-position:inside;	
			padding:14px 10px;
			margin:0 auto 1px auto;
			color:#fff; 
		    text-align:center;
			min-height:60px;
		    border-bottom:none;
		    font-size:1.5em; 
		    line-height:1.0em; 
		    border-radius:5px; 
			background:#795525; /* For browsers that do not support gradients */
			background: -webkit-linear-gradient(#9d6a27, #69481c); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(#9d6a27, #69481c); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(#9d6a27, #69481c); /* For Firefox 3.6 to 15 */
			background: linear-gradient(#9d6a27, #69481c); /* Standard syntax */		    
		}
		
		.main-links li.end {border-bottom:none; margin-bottom:0;}
		
		.main-links li:hover 
		{
			background:#6d4b1e; /* For browsers that do not support gradients */
			background: -webkit-linear-gradient(#6d4b1e, #452f12); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(#6d4b1e, #452f12); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(#6d4b1e, #452f12); /* For Firefox 3.6 to 15 */
			background: linear-gradient(#6d4b1e, #452f12); /* Standard syntax */			
		}
		
		.f-left-1, .f-left-2 {float:left;}
		.f-left-1 {width:34px; padding:10px 0 0 0;}
		.f-left-2 {width:196px; padding-left:5px}
		
		.text-small {font-size:12px}
		

/*	MAIN CONTENT
	--------------------------------------------------------------*/	
	.page {padding:0 30px}
	.icon {font-size:13px;}

/* 4b4b22 */
	.img-pad {padding:5px;}
	.img-pad img {margin-bottom:2px; border:solid 2px #cecece; border-radius:3px;}
	
	.links li {list-style:none; list-style-image:none; margin:0 0 12px 30px;}
		

/* RBAs
	---------------------------------------------------------- */
	.rba {max-height:500px; overflow:scroll; border-top:solid 1px #474747; border-bottom:solid 1px #474747; _height:500px;}
	.rba-header h4 {font-size:14px; font-weight:900; color:#474747; text-align:center; border-bottom:double 3px #ccc; padding:5px 0}
	.rba li {list-style:none; text-align:left; margin:0; padding:10px; font-size:12px; line-height:14px; border-radius:5px;}
	.rba-header {font-weight:normal; font-size:13px}
	.rba-header input {box-shadow:none; border-radius:0; border:none;}
	 
	
/* ABOUT 
	---------------------------------------------------------- */

	#offerings h3 {
		font-weight:400;
		margin:0 0 10px 0;
		text-align:center; 
		color:#9d6a27;
	}

	#offerings .icon {
		margin:0;
		text-align:center; color:#794c11;
	}

	#volunteers ul {margin-left:0;}
	#programs li, #counts li, #grants li, #volunteers li {list-style-image:none; list-style-type:square; line-height:normal; margin:8px 0 0 30px;}
	
	#fieldtrips {background-color:#f1f1f1; padding:10px 0 20px 0;}

	#publications, #counts {background-color:#827c5c; margin:0; padding:20px 0;}
	#publications h3, #publications p, #publications li, #counts h3, #counts p, #counts li {color:#fff}
	#publications h3 {}
	blockquote, #publications blockquote, #grants blockquote {text-align:left; margin:0 0 0 20px; border:none; padding:0; background-color:Transparent;}
	
	#programs {background-color:#f1f1f1;}
	#volunteers {background-color:#fff;}
	#officers {padding:20px 0;}

	table th {font-size:14px; font-weight:900; background-color:#545454; color:#fff; padding:3px 14px; vertical-align:bottom;}
	table td {font-size:12px;}
	

	/* CONTACT 
	---------------------------------------------------------- */



	/* FORMS
	---------------------------------------------------------- */
    fieldset {width:auto; margin:0 auto; text-align:center; padding:10px; font-size:14px; font-weight:400;}
    fieldset table {width:auto}
    fieldset table td {margin:0 auto; padding:4px 0;}
    legend {font-size:15px; font-weight:900; border:none; text-align:left; padding:0 15px; margin:0;}
    input, textarea, select, file, .radio, #recaptcha_response_field {
    	color:#000;
    	max-width:200px; 
    	height:auto; 
    	font-size:14px; 
    	border:solid 1px #818181; 
    	padding:3px 3px; 
    	border-radius:4px; 
    	box-shadow:2px 2px 4px #929292;
    	text-align:left;
    	font-weight:normal;
    }
    
    fieldset .key {text-align:right; color:#000;}
    fieldset .value {text-align:left; color:#000;}
    
    .g-recaptcha {padding:0; margin:0; transform:scale(0.77); -webkit-transform:scale(0.77); transform-origin:0 0; -webkit-transform-origin:0 0;}

    /*.data-table table {width:100%; margin:0 5px; padding:0; text-align:center;}, .data-table td.left, .data-table td.right
		.data-table table tr {border-bottom:solid 1px #909191; padding:0;}
		.data-table table td {margin:0 auto; padding:3px 0; font-size:8px;}
			.data-table table td a {font-size:0.8em;}
		.data-table table td.text-small {font-size:10px;}*/
	
	.table-responsive table th {vertical-align:bottom; font-size:20px;}
	
	.submit-form {width:100%; margin:10px auto; padding:20px; text-align:center; background:rgba(214, 206, 189, .4); filter:alpha(opacity=0.40); border-radius:8px; font-size:15px}
		.submit-form td {text-align:left;}
	
	.hold-all {margin:0; padding:5px 0;}
		.hold-inner {}
			.stack-left {margin:0; padding:0; text-align:left; border:none;}
			.stack-right {margin:0; padding:0 0 0 16px; text-align:left; border:none;}
	
	ul.errors li {list-style:none; list-style-image:none; margin:6px 0 6px 30px;}
	.btn-sm {width:auto; box-shadow:0 0 0; border-radius:6px; padding:2px 5px;}
				

	/* N E W  */

	fieldset.left td {
		text-align: left;
		font-weight: 400;
		font-size: 15px;
	}

	table.grid {width:98%; border-spacing:0px;}

	table.grid tr:nth-child(even)  {background-color:#ffffff;}
    table.grid tr:nth-child(odd)   {background-color:#f6f6f6;}

	table.grid th, table.grid td {
            border-radius: 0; background-color:Transparent;
        }

        /*set only specific radii per corner (don't use the border-radius shorthand)*/
        table.grid thead tr:first-child th:first-child, 
        table.grid tr:first-child td:first-child,
        table.grid tbody tr:first-child th:first-child {
            border-top-left-radius: 0.5em;
        }
        table.grid thead tr:first-child th:last-child, 
        table.grid tr:first-child td:last-child,
        table.grid tbody tr:first-child th:last-child {
            border-top-right-radius: 0.5em;
        }
        table.grid tbody tr:last-child td:first-child, 
        table.grid tr:last-child td:first-child,
        table.grid tbody tr:last-child th:first-child {
            border-bottom-left-radius: 0.5em;
        }
        table.grid tbody tr:last-child td:last-child, 
        table.grid tr:last-child td:last-child,
        table.grid tbody tr:last-child th:last-child {
            border-bottom-right-radius: 0.5em;
        }

        thead + tbody tr td,
        tr + tr td ,
        tr + tr th {
            border-top: 0;
        }

        tr th + th,
        tr td + td {
            border-left: 0;
        }

        /* shade th cells */
        table.grid th {
            background-color: #454545;
            color: #fff;
        }


/* E N D   N E W */


	/* FOOTER
	---------------------------------------------------------- */
	.footer {
		margin:0 auto; 
		padding:12px 5px;
		text-align:center;
		background:#464646 url(/images/bg-footer.png);
		color:#fff;
		font-size:10.5px;
		font-weight:normal;
		letter-spacing:0.08em;
		line-height:16px;
		border-top:solid 10px #1a1a1a;
	}
	
	.footer a:link, .footer a:visited {color:#faae4a; text-decoration:none}
	.footer a:hover, .footer a:active {color:#d27801; text-decoration:none}


	::-moz-selection {
		text-shadow:none;
		background:#6f6f72;
	}

	::selection {
		text-shadow:none;
		background:#6f6f72;
	}

	img::selection {
		background:0 0;
	}

	img::-moz-selection {
		background:0 0;
	}

	body {
		webkit-tap-highlight-color:#6f6f72;
	}


/* MISC CSS
-------------------------------------------------- */

/* Dynamic Image Scaling */
img { max-width:100%; }  


.small {font-size:small;}
.italic {font-style:italic;}

.noBorder {
    border:0px;
}

.boxShadow {
	/* X axis,Y Axis, Blur */
	box-shadow:10px 10px 18px #000;
}

.textShadow {
	/* X axis,Y Axis, Blur */
	text-shadow:10px 10px 18px #fff;
}

.textShadowHalf {
	/* X axis,Y Axis, Blur */
	text-shadow:5px 5px 30px #000;
}

.logo img {
	height:50% \9; /*Force IE10 and below to size SVG images correctly*/
	max-height:50% !important;
}


img.scope {
	width: 220px; height:220px; margin:0 auto; text-align:center;
}

/* MAIN CONTENT
------------------------------------------------------ */



/*
------------------------------------------------------
RESPONSIVE CSS    

MEDIA QUERIES
-------------------------------------------------- */

		/* Extra Small devices	(phones,			below <767px)    
		/* Small devices		(tablets,			≥768px  to 991px) 
		/* Medium devices		(desktops,			≥992px to 1199px) 
		/* Large devices		(large desktops,	≥1200px and up) 

-------------------------------------------------- */


/* Extra Small devices (phones up to 767px) 
-------------------------------------------------- */ 

 /* -FOUND ABOVE IN MOBILE FIRST CSS */
 


 
/* Small devices (tablets, 768px and up) 
grid (col-sm)
-------------------------------------------------- */
@media (min-width:768px) {
	
	body, p {font-size:15px; line-height:1.4em;}
	
	h1 {}
	h2 {font-size:20px; font-weight:900; line-height:normal;}
	h3 {font-size:18px; font-weight:900; line-height:normal;}
	h4 {font-size:16px;}
	.hp-events h4 {font-size:16px; font-weight:900; text-decoration:none;}
	
	input, textarea, select, file, .radio, #recaptcha_response_field {max-width:240px}

	.text-small {font-size:13px; line-height:1.3em}

	

/* NAV 
	--------------------------------------------------------*/
	#myNavbar {margin:38px 0 0 0;}

	.navbar-default, .navbar-inverse {
        padding:0;
        border:0;
        -webkit-transition:padding .3s;
        -moz-transition:padding .3s;
        transition:padding .3s;
    }

    .navbar-default .navbar-brand, .navbar-inverse .navbar-brand  {
        -webkit-transition:all .3s;
        -moz-transition:all .3s;
        transition:all .3s;
    }	
	
	.navbar-inverse ul.navbar-nav li {margin:0 0; padding:0 8px; font-size:12px}
	#myNavbar li.first {margin-left:60px}


	/* RIGHT NAV */
	.navbar-inverse ul.userinfo {
		/*float: right;*/
		position: fixed;
		right:50px;
		top: auto;
		width:auto;
	}
		
	.navbar-inverse ul.navbar-right li {margin:0 20px 0 0; padding:5px 8px 0 8px; font-size:12px}
	
	.navbar-header {}

	.navbar-brand img {max-width:60px;}

	.msgtext {
		display: none;
	}


/*	HEADER 
	---------------------------------------------------------------*/
	#header {margin:10px auto 0 auto;}
	.intro {
		text-align:center;
		color:#154f65;
		border:none;
		padding:40px 0;
		margin:70px auto 0 auto;
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;		
		background-attachment:scroll;
		border:solid 5px #65695a;
		/*border-radius:10px;*/
	}

	.intro-message {
		padding:150px 0 0 0;
	}

	.intro-message > h1 {
		width:80%;
		margin:0 auto;
		text-shadow: 2px 2px 1px rgba(255,255,255,0.8);
		font-size:1.6em;
		color:#000;
		padding:10px 0;
		background:rgba(255, 255, 255, .2); 
		filter:alpha(opacity=0.30);
		border-radius:8px;
		letter-spacing:1px;
	}
	
	.h1-small {font-size:0.8em;}

	.intro-message > h3 {
		text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
	}
	
	.main-links {width:auto; min-height:110px; margin:10px auto 0 auto; text-align:center; border:solid 3px #4b4b22; border-radius:6px;}
		
		.main-links li {
			float:left;
			padding:18px;
			margin:0 5px;
			color:#fff; 
		    border-bottom:none; 
		    font-size:1.2em; 
		    line-height:0.9em; 
		    border-radius:4px; 
		    text-align:left;
			background:#9d6a27; /* For browsers that do not support gradients */
			background: -webkit-linear-gradient(#9d6a27, #69481c); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(#9d6a27, #69481c); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(#9d6a27, #69481c); /* For Firefox 3.6 to 15 */
			background: linear-gradient(#9d6a27, #69481c); /* Standard syntax */		    
		}
		
		.main-links li:hover
		{
			background:#6d4b1e; /* For browsers that do not support gradients */
			background: -webkit-linear-gradient(#6d4b1e, #452f12); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(#6d4b1e, #452f12); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(#6d4b1e, #452f12); /* For Firefox 3.6 to 15 */
			background: linear-gradient(#6d4b1e, #452f12); /* Standard syntax */			
		}
		
		.f-left-1, .f-left-2 {float:left; min-height:53px;}
		.f-left-1 {width:30px}
		.f-left-2 {width:175px; padding-left:5px}
    
    
/* MAIN CONTENT
	-------------------------------------------------------*/

	img.scope {
		max-width: 300px;
		max-height: 300px;
		margin: 0 auto;
		text-align: center;
	}
	
	
/* RBAs
	---------------------------------------------------------- */
	.rba {max-height:300px;}



/* FORMS
-----------------------------------------------------------*/

	/*.data-table table td a {font-size:13px}
	.data-table table td.text-small {font-size:12px}*/
	fieldset table td {font-size:14px;}
	input, textarea, select, file, .radio, #recaptcha_response_field 
	{
		
	}
	fieldset {border:solid 1px #818181;}
}

 /* Medium devices (desktops, 992px and up) 
 grid (col-md)
-------------------------------------------------- */
@media (min-width:992px)   {
	
	body, p {font-size:15px; line-height:1.4em;}
	
	h1 {font-size:24px; font-weight:900; letter-spacing:normal;}
	h2 {font-size:20px; font-weight:900;}
	h3 {font-size:17px; font-weight:900;}
	h4 {font-size:16px; font-weight:900;}
    
    
    /* NAV 
	--------------------------------------------------------*/
	#myNavbar {margin:24px 0 0 0;}
	
	.navbar-inverse ul.navbar-nav li {margin:0; padding:0 8px; font-size:14px}
	#myNavbar li.first {margin-left:10px}
	
	.navbar-inverse .nav li ul {margin:6px 2px;}
	
	.navbar-inverse ul.navbar-right li {margin:0; padding:0 8px; font-size:14px}
	
	.navbar-header {font-size:10px}
	.navbar-brand {}
	
	.navbar-brand img {max-width:80px;}

	/* RIGHT NAV */
	/*.navbar-inverse ul.userinfo {
		float: right;
		position:fixed;
		top:auto;
		width: 150px;
		margin-right: 10px;
	}*/


	.sm-hide {
		display:inline;
	}

	/*	HEADER 
	---------------------------------------------------------------*/
	#header {
		margin: 0 auto 0 auto;
	}
	.intro {
		text-align:center;
		color:#154f65;
		padding:34px 0;
		margin:60px auto 0 auto;
		border:solid 8px #65695a;
		/*background: url(../Images/headers/football.jpg) no-repeat center center;*/
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;		
		background-attachment:scroll;
		/*border-radius:10px;*/
	}

	.intro-message {
		padding:127px 0 0 0;
	}
    
	.intro-message > h1 {
		width:80%;
		margin:0 auto;
		text-shadow: 2px 2px 1px rgba(255,255,255,0.8);
		font-size:24px;
		color:#000;
		padding:10px 0;
		background:rgba(255, 255, 255, .2); 
		filter:alpha(opacity=0.30);
		border-radius:8px;
		letter-spacing:1px;
	}
	
	.h1-small {font-size:0.8em;}

	.intro-message > h3 {
		text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
	}
	
	.main-links {float:left; margin:60px 0 0 10px; border:solid 8px #65695a; border-radius:0; background-color:Transparent; padding:0;}	/*4b4b22*/
		.main-links li {
			clear:both;
			float:left;
			margin:0 auto;
			padding:19px 11px 22px 11px; 
			color:#fff; 
		    border-bottom:dashed 1px #4b4b22; 
		    font-size:18px; 
		    line-height:1.0em; 
		    border-radius:0;
		    text-align:left;
			background:#795525; /* For browsers that do not support gradients */
			background: -webkit-linear-gradient(#9d6a27, #69481c); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(#9d6a27, #69481c); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(#9d6a27, #69481c); /* For Firefox 3.6 to 15 */
			background: linear-gradient(#9d6a27, #69481c); /* Standard syntax */		    
		}
		
		.main-links li.end {border-bottom:none; padding-bottom:15px;}
		
		.main-links li:hover 
		{
			background:#6d4b1e; /* For browsers that do not support gradients */
			background: -webkit-linear-gradient(#6d4b1e, #452f12); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(#6d4b1e, #452f12); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(#6d4b1e, #452f12); /* For Firefox 3.6 to 15 */
			background: linear-gradient(#6d4b1e, #452f12); /* Standard syntax */			
		}
		
		.f-left-1, .f-left-2 {float:none; min-height:30px; }
		.f-left-1 {width:200px; margin:0 auto; text-align:center; padding:5px 0 8px 0;}
		.f-left-2 {width:200px; margin:0 auto; text-align:center; padding-left:5px}
		
		
    /* MAIN CONTENT 
	--------------------------------------------------------*/	
    .search {max-width:350px; float:right}
    .articles {margin-top:20px}
    
	.img-pad {padding:18px 0 10px 0; margin-bottom:3px;}
	.img-pad img {margin-bottom:5px; border:solid 1px #ccc; border-radius:6px; padding:4px; background-color:#fff;}


	img.scope {
		width:max-content; height:max-content; margin:0 auto; text-align:center;
	}
	
	/* ABOUT 
	---------------------------------------------------------- */
	.about {}


	/* FORMS
	-----------------------------------------------------------*/
	fieldset {font-size:15px; font-weight:600;}
	input, textarea, select, file, .radio, #recaptcha_response_field {font-size:15px; max-width:300px;}
    	
	.text-small {font-size:14px}
	.text-xsm {font-size:13px;}
	
	.hold-all {clear:both; padding:0;}
		.hold-inner {clear:both;}
			.stack-left {float:left; padding:5px 0; text-align:left;}
			.stack-right {float:right; padding:5px 0; text-align:right;}		

}

 /* Large devices (large desktops, ≥1200px and up) 
 grid (col-lg)
-------------------------------------------------- */
@media (min-width:1200px) {  
	
	body {font-size:16px; line-height:1.4em;}
	h1 {font-size:1.4em;}
	h2 {font-size:22px;}
	h3, legend {font-size:18px;}
	h4 {font-size:16px;}
    p {line-height:1.4em;}
    
    .text-large {font-size:17px;}
    .text-med {font-size:14px}
    .text-small {font-size:13px}
    .text-xsm {font-size:12px}
    .icon h3 {font-size:24px; color:#9d6a27;}
    
    /* NAV 
	--------------------------------------------------------*/
	#myNavbar {margin:36px 0 0 0; padding-bottom:5px;}
	
	.navbar-inverse ul.navbar-nav li {margin:0 10px; padding:0 12px; font-size:15px;}
	#myNavbar li.first {margin-left:60px}	

	.navbar-inverse ul.navbar-right li {float:right; padding:0 5px; margin:0;}
	.navbar-inverse ul.navbar-right li a {margin:0; padding:0 5px; font-size:13px;}

	
	.navbar-header {}
	.navbar-header a.navbar-brand .site-name {}
	a.navbar-brand img {max-width:120px; margin-top:0}
	
	.navbar-inverse .nav li li {font-size:1.0em}
    .navbar-collapse .nav li li {margin:0; padding:3px 5px; text-align:left; border-bottom:solid 1px #ccc}


	/* RIGHT NAV */

	.navbar-inverse .nav li.user {
		margin-right: 0
	}

	.navbar-inverse .nav li.msgcount {
		margin-left: -5px;
		font-weight: bold;
	}

	/*.navbar-inverse ul.userinfo {
		float: right; margin-left:-25px;		
		width:150px; 
		position: fixed;
		right: 30px;
	}*/

	/*.navbar-inverse ul.userinfo, .navbar-inverse ul.userinfo li, .navbar-inverse ul.userinfo li li {
			margin-left: -10px;
		}*/


		/* HEADER 
	--------------------------------------------------------*/
		.intro-message {
			padding: 110px 0 0 0;
		}
       
    .main-links li {padding:30px 11px 29px 11px; font-size:20px;}
		.main-links li.end {border-bottom:none; padding-bottom:30px;}
		.f-left-1, .f-left-2 {float:left;}
		.f-left-1 {width:30px; margin:0 auto; text-align:center; padding:5px 0 8px 0;}
		.f-left-2 {width:220px; margin:0 auto; text-align:center;}
		
		
    /* MAIN CONTENT 
	--------------------------------------------------------*/
    .mailinglists li, .rba li {font-size:14px; line-height:normal;}
    
    
	/* ABOUT 
	---------------------------------------------------------- */
	.about {margin-bottom:30px;}
	   
    
    /* DATA and FORMS 
	-------------------------------------------------------- */	
	fieldset {width:auto; padding:30px 30px; margin:0 auto; text-align:center; border:solid 1px #818181; font-size:15px; font-weight:400;}
	fieldset table {width:auto; padding:0; margin:0 auto; text-align:center;}
	legend {padding:0 20px; margin:0; border:none}
	fieldset.left td {text-align:left; font-weight:400; font-size:15px;}

    fieldset.nysoa {padding:30px 20px;}
	table td {font-size:15px; font-weight:400;}

	.table th {font-size:15px; vertical-align:text-bottom;}
	.table td {font-size:14px;}
	
	table.data {width:100%;}
	table.data th {font-size:14px; vertical-align:bottom;}
	table.data td {font-size:13px; padding:2px 10px}
	
	table.data th a:link, table.data th a:visited {color:#f09301; text-decoration:none;}
	table.data th a:hover, table.data th a:active {color:#fff; text-decoration:none;}
		
	li {font-size:15px; line-height:normal;}
	input, textarea, select, file, #recaptcha_response_field {width:500px; font-size:15px; font-weight:400;}
    select .form-control {width:90%;}
	.btn-sized {width:180px;}
		
		input[type=radio]:not(old) {box-shadow:0 0 0 #fff; width:30px; font-weight:normal;}
		input[type=checkbox]:not(old){box-shadow:0 0 0 #fff; width:24px; font-weight:normal;}
	.rba-header h4 {font-size:16px;}
	.rba-header radio, .rba-header input {font-weight:normal; font-size:11px}

	#rc-imageselect, .g-recaptcha {transform:scale(1.0);-webkit-transform:scale(1.0);transform-origin:0 0;-webkit-transform-origin:0 0;}
	
}