/*
Styles for main site
Copyright (c) 2012, Webkey, LLC

// 2013-06-02 Cory - copy over from FUE for UDS, tweaks
// 2013-04-13 Jordan - jquery validate styles
// 2013-03-29 Jordan
// 2013-03-14 Cory - styling for form
// 2013-03-13 Jordan
// 2013-02-20 Jordan - remove over-rides, hard-coded widths etc
// 2013-02-19 Jordan -  notifications
// 2013-02-12 Jordan - top nav, height
// 2013-01-04 Cory - customize for AJR
// 2012-12-05 Cory - tweak styling for launch
// 2012-12-03 18:39 Cory - revise to align content areas on all layouts (using only layout 01.php), update nav hover,
// 2012-12-03 Jordan - blog styles
// 2012-11-30 Cory - tweaks
// 2012-11-23 Cory - embed client-selected fonts
// 2012-09-08 Cory - finalize styling
// 2012-08-25 Cory - migrate from MOS, revise for WJN, replace main.css with layout.css to rebuild new layout on skeleton
// 2012-08-12 Jordan - Replace with Skeleton
// 2011-12-17 Jordan - Reset everything
// 2011-11-03 Jordan
// 2011-05-24 Jordan

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

/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* TABLE OF CONTENTS
==================================================

	#Site Styles
		-General
		-Navigation
		-Login
		-Blog
	#Page Styles
	#Media Queries
	#Font-Face */

/* SITE STYLES
================================================== */

body {
	background:none; 
	color:#333333;
}

.shadow {
	-moz-box-shadow:    1px 1px 3px 2px #ccc;
	-webkit-box-shadow: 1px 1px 3px 2px #ccc;
	box-shadow:         1px 1px 3px 2px #ccc;
}

html { 
  background: url('/sites/uds/assets/map.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* Screener (to be moved) */
.screener_page tr {margin:20px 0 0; display:block; padding:10px 0}
.screener_page tr:nth-child(even) {background: #fcfcfc}
.screener_page tr:nth-child(odd) {background: #fcfcfc}
.screener_page .disqualifier {margin:0 0 0 5px; font-weight:bold;}
.screener_page tr td div {margin: 0 0 0 10px;}
.screener_page .question_responses.unanswered {background:#F2EF96; padding:5px;}

/* general */
img {max-width: 100%}
ul, li, ol { margin:0; padding: 0;}

.floatright { float: right; }
.floatleft { float: left; }
.clearboth { clear: both; }

.hidden {display:none}
input.hidden {display:none}

h2, h3, h4 {font-family: "nexa_lightregular", "Helvetica", "Arial", sans-serif; color:#000000; letter-spacing: 0.5px; }

h1 {font-family: "nexa_boldregular", "Helvetica", "Arial", sans-serif; color:#000000; text-transform: uppercase; font-size:18px; letter-spacing: 1px; line-height:28px; margin:0 0 5px 0;}

h2 {font-family: "nexa_lightregular", "Helvetica", "Arial", sans-serif; color:#000000; font-size: 20px; line-height:28px; letter-spacing: 0.5px; margin:0 0 10px 0;}

h3 {font-family: "nexa_boldregular", "Helvetica", "Arial", sans-serif; color:#000000; font-size: 18px; line-height:20px; letter-spacing: 0.75px; margin:0 0 10px 0;}

h5 {font-family: "nexa_boldregular", "Helvetica", "Arial", sans-serif; color:#FFFFFF; text-transform: uppercase; font-size:18px; letter-spacing: 0.5px; }

h6 {font-family: "nexa_boldregular", "Helvetica", "Arial", sans-serif; color:#FFFFFF; text-transform: uppercase; font-size:14px; letter-spacing: 0.5px; margin:0 0 0 30px;}

p {font-family: "Helvetica", "Arial", sans-serif; color:#333333; text-transform: none; font-size:14px; margin:0 0 10px 0;}

.comment { padding:10px 0; }

.commentbody {font-family: "Helvetica", "Arial", sans-serif; color:#333333; text-transform: none; font-size:14px; margin:0;}

.commentauthor {font-family: "Helvetica", "Arial", sans-serif; color:#000000; text-transform: none; font-size:12px; margin:2px 0; font-weight: bold; }

.commentdate {font-family: "Helvetica", "Arial", sans-serif; color:#666666; text-transform: none; font-size:12px; margin:2px 0; font-weight: normal; }

.caption {font-family: "Arial", sans-serif; color:#999999; font-size:12px; margin:0 0 30px 0; width:100%; line-height: normal; }

.center {text-align: center; }

.pink { color: #d12eb6;}

.gray { color: #999999;}

/* header */
header {background:#fff;}
header .row {margin:0; height:115px;}
#logo {margin:30px 0 0 20px; position:relative; width:363px; height:68px;}

/* navigation */

nav.primary .row {margin:0;}

nav.primary {
	font-family: 'nexa_boldregular', sans-serif;
	z-index: 1000;
	margin: 53px 0 10px 0;
	float:right;
	letter-spacing: 1px;
	font-size: 14px;
}

nav.primary ul,
nav.primary ul li { margin: 0px; padding: 0; }

nav.primary ul li { display: inline; float: left; position: relative; }
nav.primary ul li a {
	color: #B4B4B4;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	margin: 0 20px 0 0;
	padding: 10px 5px 10px 5px;
	text-decoration: none;
	text-transform: uppercase;
}

nav.primary ul li a:hover, nav.primary ul li.selected a { color: #000000;}

nav.primary ul li a:hover, nav.primary ul li.donate a { color: #d12eb6;}

/* sub navigation */

nav.primary ul ul {
	-webkit-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	height: 0px;
	left: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	top: 100%;
	transition: opacity 0.2s ease-out;
	width: 120px;
	z-index: 1000;
}

nav.primary ul li span { display: none; }

nav.primary ul li:hover ul {
	background: #FFFFFF;
	color: #009cf2;
	height: auto;
	opacity: 10;
	overflow: auto;
}

nav.primary ul ul li { border-top: 1px solid #EDEDED; display: list-item; float: none; }

nav.primary ul ul li a {
	display: block;
	font-size: 14px;
	line-height: 15px;
	text-transform: none;
	white-space: nowrap;
}

nav.primary ul li:hover > a { color: #d12eb6; }

/* hamburger navigation */

div.hamburger.columns {
	display: none;
	z-index: 999;
	position: relative;
	margin-top: 20px;
	background: #009cf2;
}

#nav-toggle {
	display: block;
	padding: 10px 20px 10px 10px;
	cursor: pointer;
	float: right;
}

#nav-toggle i {
	color: #fff;
	text-decoration: none;
	font-size: 22px;
}

#nav-toggle span {
	font-size: 22px;
	font-weight: 600;
	color: #fff;
	padding: 15px 20px;
}

.hamburger .social_icons {
	display: block;
	position: relative;
	float: left;
	color: #fff;
}

.hamburger .social_icons a:first-child {padding-left: 30px;}
.hamburger .social_icons a {
	display: inline-block;
	padding: 10px 10px 10px 10px;
	cursor: pointer;
	color: #fff;
}

.hamburger .social_icons i {
	color: #fff;
	text-decoration: none;
	font-size: 22px;
}

.responsive-menu {
	display: none;
	width: 100%;
	position: relative;
	float: left;
	background: #333333;
}

.responsive-menu ul, .responsive-menu li {
	list-style: none;
	margin: 0;
	width: 100%;
	background: #333333 !important;
}

.responsive-menu ul li a {
	display: block;
	padding: 10px 15px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px solid #525252;
}

.responsive-menu ul li a:hover {
	border-color: #fff;
	border-top: 1px solid;
	border-bottom: 1px solid;
}

.responsive-menu ul ul li a {
	color: #fff;
	font-weight: 600;
	font-size: 12px;
	padding: 10px 0 10px 15px;
}

.responsive-menu ul ul ul li a {
	padding-left: 40px;
	font-weight: normal;
}



/* Header Slides */
.header_slide.container {background:#009cf2; }
.columns.slide_image, .columns.slide_caption {margin:0;}
.columns.slide_image {line-height:0;}
.columns.slide_image img {max-width: 100%;}
.columns.slide_caption {margin:40px 0 40px 0; width:240px; color: #FFF; }
.three.columns.slide_caption > * {display:block; padding: 0px;}
.columns.slide_caption h1 {text-transform:uppercase; line-height:25px; max-width:150px;font-color:#FFFFFF;}
.columns.slide_caption p {font-color:#FFFFFF;}

/* search & networking */
#search { margin: 105px 0 0 310px;; height:20px;}
#search_form {margin:0;}
#search_form input#keywords {
	background-color: #64B8D0;
	border: none;
	color: #fff;
	height: 25px;
	width: 100%;
}
#search input#submit { float: right; margin: -38px 5px 0 0; }

#quickLinks { width:192px; margin:0 0 20px 0;}

#networking {background:#fff; padding: 0 15px 15px 15px;}

.networkingButton {padding:8px;}

.uploadButton { color:#FFFFFF; font-weight: bold; font-size: 14px; }

.fileupload-buttonbar { background:#8e00aa; }

#arrowUp { width:192px; min-height:250px; background: none; overflow: hidden;}

#top_navigation {float:right;}

/* panorama */

#panorama { width:720px; height: 330px; margin: 0 0 0 -8px; position: relative; border-right:1px solid white; }

#panorama_static {
	height: 330px;
	margin: 0;
	min-height: 330px;
	padding: 0;
	position: relative;
	top: 0px;
	width: 100%;
}

#panorama li { list-style: none; }

#panorama img { width: 100%; }

.no-script { background: #CCCCCC; }

.innerfade { margin: 0; padding: 0; }


/* content */

.contentTextArea { background-color: #FFFFFF; padding:20px 0 0 0; margin:-3px 0 0 0; color:#333333; min-height: 500px;}

.contentTextArea.noheader { padding:20px 0 0 0;}

.main_content_container { margin: 20px 35px 0 50px}

.main_content_container ul, .main_content_container li, .main_content_container ol { margin: 0 0 10px 0; padding: 0 0 10px 0; list-style-type: square;}

a, a:visited { color: #009cf2; text-decoration: none; }

a:hover { color: #d12eb6; text-decoration:none;}

.contentTextArea ul, .contentTextArea li { margin: 0 0 0 8px; }

.contentTextArea.section_title { margin: 30px 45px 0 45px; }

.contentTextArea.section_content { margin: 10px 45px 0 45px; }

.new { background-image: url('/sites/uds/assets/bullet.png'); background-repeat: no-repeat; padding-left: 55px; display: block; }

/* footer */

#footer { background:#eeeeee; min-height:250px; padding:30px 20px 20px 20px; margin:0 0 0 0; }

#footer a {color:#B4B4B4}
#footer a p {color:#B4B4B4}
#footer a:hover {color:#d12eb6;}
#footer a:hover div {background:#eeeeee;}

.footer_boxes {margin-bottom:0;}

.footer_boxes div.columns {margin:0; padding:30px 20px 10px 20px}
.footer_boxes h3 {line-height:11px}

.footer_boxes div.first {background:#eeeeee}
.footer_boxes div.second {background:#eeeeee}
.footer_boxes div.last {background:#eeeeee}

.footer_grey_area {background:#eeeeee; color:#fff;}
#footer .social {margin:40px 0 0 20px;}
#footer .social a {margin: 0 5px 0 0;}
#footer .social a:hover {opacity:.85;}

#footer .address {margin:0 0 50px 20px;}

#footerMainPages { background:#eeeeee;}

#copyright {
	color: #999999;
	font-size: 13px;
	padding:0 0 45px 0;
	line-height: 1.3;
	margin:0;
}

#copyright a:link, #copyright a:visited, #copyright a:active { color:#666666; }
#copyright a:hover {color:#333333;}

/* forms */

.greybox {background:#ddd; padding:20px; border:1px solid #999; margin: 0 0 20px 0;}
.contact label { min-width:70px; margin:0px; padding:0; }
.contact input, .contact select, .contact textarea {display:inline;}
.error {color:#d2232a; font-weight:normal;}
label.error {margin:-20px 0 0 0; min-width:70px; }
#contactForm p {margin:0; }

#mailing_signup .ajax_overlay {height:100% !important; width:100% !important;}
#mailing_signup {color:#d12eb6; line-height:1.2; position:relative; padding:10px; margin:-10px 0 15px 0;}
#mailing_signup form {margin:0; width:100%;}
#mailing_signup label {font-weight:normal; margin:5px 0;}
#mailing_signup h2 {text-align: center; }
#mailing_signup .rounded_input {width:175px; display:inline; margin:0 0 5px 0;}
#mailing_signup .button {opacity:.9; font-size:14px; font-weight: normal; padding:2px 8px 5px 8px; margin:5px 0 0;}
#mailing_signup .button:hover {opacity:1;}

/* PAGE STYLES
================================================== */

/* Sidebar2 */

#sidebar2 {margin: 20px 0 0 10px;}
#sidebar2 .sidebar_icon {float:left; margin: 0 10px 0 0;}
#sidebar2 .section_content {margin: 0 25px 0 0;}
#sidebar2 .participate {margin:0 0 0 12px;}

/* iFramed content */
.framed_content {width:100%; height:800px; overflow-y:auto; overflow-x:hidden;}
.iframe_alternative {opacity:.8}
.iframe_alternative:hover {opacity:1;}

/* Images */

.listed_image {float:right; }
.titleinfo ul, .titleinfo li, .titleinfo ol { list-style: none; }
.listing_row ul, .listing_row li, .listing_row ol { list-style: none; }
.listed_image ul, .listed_image li, .listed_image ol { list-style: none; }

/* LOGIN STYLES
================================================== */

#login {
	background: #fff;
	border: 1px solid #ccc;
	font-family: 'Arial',Sans-serif;
	margin: 20px auto;
	margin-top: 100px;
	padding: 30px;
	text-align: left;
	max-width: 450px;
}

#login h1 { color: #000; margin: 15px 5px 5px 0; padding: 0; }

#login img { margin: 0 0 10px -10px; }

#login p {
	color: #333;
	margin: 5px 0 0;
	margin-left: 0;
	padding: 0;
}

#login p a:link, #login p a:visited { font-size: 10px; }

#login p a:hover { font-size: 10px; }

#login p.loginSubmit { }

#login p.loginForgot { }

#login .error { }

#login p.loginReminderText {
	border: 1px solid #ededed;
	color: #333;
	margin: 10px 0;
	padding: 4px;
}

#login input.loginUserBox, #login input.loginPassBox { margin: 2px 0 8px 0; }

div.login-link { }

div.login-link a:link, div.login-link a:visited { font-size: x-small; }

/* BLOG STYLES
================================================== */

/* blog pagination */
a.page_link{padding:0 2px}
a.previous_link{padding:0 5px 0 0}
a.page_link.active_page{color:#000!important;}

/* blog page styles */

#blog_category_list { }
#blog_category_list h3 { margin: 40px 0 5px 0; }
#blog_category_list ul { }
#blog_category_list ul li { }
#blog_category_list_home { float: left; margin: 0; }
#blog_category_list_home h3 { margin: 40px 0 5px 0; }
#blog_category_list_home ul { }
#blog_category_list_home ul li { list-style: none; }

.archiveyear { color: #fff; }
.archiveyear a { }
.archivemonths { }
.archivemonths li { list-style: none; }
.archivemonths li h2 { color: #fff; margin: 0 0; padding: 0; }
.archivemonths li h2 a { }
.archivedpostlist { padding: 3px 0 3px 15px; }

/* blog post styles */

.postbody { padding: 0; }
.postcategory, .posttags { display: block; font-size: 10px; padding: 0; }
.postmeta { color: #999999; font-size: 11px; }
.comment { margin: 0 0 4px 0; padding: 4px 2px; }
.comment.zebrastripe { background: rgba(255, 255, 255, 0.2); background: #fff; }
.commentdate { }
.postcomments form label { font-weight: normal; }
.postcomments form label .light { font-weight: normal; }
.comments_to_post { }
.postcomments form input { }
.blogPosting { border-bottom: 0px solid #7fc9e9; margin-bottom: 14px; }
.postlist ul, .postlist li { margin: 5px 0 5px -7px; padding: 0; }
.success {color: #328e3d}

/* MEDIA QUERIES
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	#panorama { height: 310px; margin: 0 0 0 -4px; width: 100%; }
		nav.primary { margin: 54px 0 0 0; }
	nav.primary ul li a { margin: 0 18px !important; }
	#icons { margin-left: 15px; }
	#icons a { margin-right: 2px; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.columns.slide_caption {margin: 20px 0;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	#logo {width: 100%;}
	#logo img {width: 90%;}
	#footerMainPages {display:none;}
	#sidebar2{display:none;}

	div.hamburger.columns {display: block;}
	.slide_image {
		padding-top: 0;
		background: #fff;
	}

	nav.primary.columns, nav.primary.columns ul { display: none; }
		#search {margin:0;}
		#networking {margin:10px 0 0;}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#panorama { height: 250px; margin: 0 0 0 -4px; width: 100%; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#panorama { height: 180px; margin: 0 0 0 -4px; width: 100%; }
	html {background: none;}
	.main_content_container {margin: 20px 20px 0 20px;}
}


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

/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2012 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Fontfabric
 * License URL: http://www.fontspring.com/fflicense/fontfabric
 *
 *
 */

@font-face {
	font-family: 'nexa_lightregular';
	src: url('/sites/uds/assets/fonts/Nexa_Free_Light-webfont.eot');
	src: url('/sites/uds/assets/fonts/Nexa_Free_Light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/sites/uds/assets/fonts/Nexa_Free_Light-webfont.woff') format('woff'),
		 url('/sites/uds/assets/fonts/Nexa_Free_Light-webfont.ttf') format('truetype'),
		 url('/sites/uds/assets/fonts/Nexa_Free_Light-webfont.svg#nexa_lightregular') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'nexa_boldregular';
	src: url('/sites/uds/assets/fonts/Nexa_Free_Bold-webfont.eot');
	src: url('/sites/uds/assets/fonts/Nexa_Free_Bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/sites/uds/assets/fonts/Nexa_Free_Bold-webfont.woff') format('woff'),
		 url('/sites/uds/assets/fonts/Nexa_Free_Bold-webfont.ttf') format('truetype'),
		 url('/sites/uds/assets/fonts/Nexa_Free_Bold-webfont.svg#nexa_boldregular') format('svg');
	font-weight: normal;
	font-style: normal;

}