@import url("boilerplate.css");
@import url("normalize.css");
@import url("fonts.css");



/* -- Global -------------------- */
.fl {float:left;}
.fr {float:right;}


body,
html {
	font-family: Verdana, Geneva, sans-serif;	
}

.ie-placeholder {
	display: none;
}

strong {
	font-weight: bold;
}

.action {
	display:inline-block;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	

	background:#ebebeb;
	font-size:12px;
	padding:10px 22px 8px;
	line-height: 20px;
	
	text-align: center;
	text-transform:uppercase;
	text-decoration: none;
	
	border: none;

	color:#808080;
	
	cursor: pointer;
	font-family: Verdana, Geneva, sans-serif;	

}

.action.action-spaced {
	margin: 0 10px;
}

.action.action-spaced-right {
	margin-right: 10px;
}

.action.action-spaced-left {
	margin-left: 10px;
}

.action.action-small {
	padding: 6px 16px 4px;
	font-size: 11px;
}

.action.action-large {
	font-size: 15px;
}

.action.action-blue {
	background:#569bbe;
	color:#fff;
}

.action.action-dark-blue {
	background: #1169a7;
	color: #fff;
}

.action.action-green {
	background: #749a47;
	color: #fff;
}
	
.action.action-olive {
	background: #aeb864;
	color: #fff;
}

.action.action-purple {
/* 	background: #1169a7; */
	background: #8177b7;
	color: #fff;
}

.action.action-orange {
	background: #e86d1f;
	color: #fff;
}

.action.action-gold {
	background: #e8941a;
	color: #fff;
}

.action.action-red {
	background: #b32317;
	color: #fff;
}

.action.action-yellow {
	background: #ffaa00;
	color: #fff;
}

.action.action-block {
	display: block;
}

.action-link {
	background: transparent;
	color: #569bbe;
	border: none;
}

.action:hover {
	opacity: .85;
}


.inner {
	width: 930px;
	margin: 0 auto;
	position: relative;
}

/*
these classes are currently unused, only leaving them here in case they're needed down the road
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}
*/


.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.clear {
	clear: both;
    display: block;
}


.mobile-only,
#mobile-nav {
	display: none;
}


/* -- sidebar -------------------- */


#sidebar,
#sidebar-left {
	display: inline;
	float: left;
	margin-right: 10px;
	width: 220px;
}


/* -- left-nav (sidebar) -------------------- */

.left-nav nav ul {
	margin:0px;
	padding:0px;
	margin-bottom: 20px;
}

.left-nav nav a {
	display: block;
	padding: 7px 12px 7px 14px;
	margin-bottom: 4px;
	font-size:13px;
	text-decoration: none;
	background:#ebebeb;
	color: #575757;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}

.left-nav nav ul {
	padding: 0;
	margin: 0;
}


.left-nav nav a.current {
	color: #fff;
	background:#569bbe url(/assets/images/icons/right-arrow.png) 98% 5px no-repeat;
}

.left-nav nav a:hover {
	color: #fff;
	background-color: #aaa;
}


.left-nav nav .l3 {
	display: block; 
	font-size:11px;
	margin-left: 15px;
}




.left-nav nav .l3 a {
	background:#ebebeb; 
	font-size:11px;
	padding-right:20px;
}

.left-nav nav .l3 a.current {
	color: #fff;
	background:#569bbe url(/assets/images/icons/right-arrow.png) 98% 5px no-repeat;
}


.left-nav nav .l3 a:hover {
	color: #fff;
	background-color: #aaa;
}


.left-nav nav .l4 {
	display: block; 
	padding: 0;
	margin: 0px 0px 8px 30px;
}


.left-nav nav .l4 a {
	font-size:11px;
	background: #ebebeb;
	padding: 3px;
	margin: 0;
	padding-left:13px;
}

.left-nav nav .l4.current a {
	color:#569bbe;
}

.left-nav nav .l4 a:hover {
	background: transparent;
	color:#569bbe;
}



.main-content {
	margin: 20px auto;
}


.right-content {
	display: inline;
	float: right;
}

.right-content .inner-content {
	width: 100%;
}


.extra-wide {
	border-top:3px solid #e5e5e5;
	background:url(/assets/images/layout/bg-light.jpg);
	padding:38px 0;
	width: 100%;
	position: relative;
}



/* -- two column (content) -------------------- */

.two-columns-main {
/* 	overflow: hidden; */
	*zoom: 1;
	width: 930px;
}

.two-columns-inner {
	overflow: hidden;
	*zoom: 1;
	display: inline;
	float: left;
	margin-right: 0;
	width: 700px;
}

.two-columns-inner.overflow-visible {
	overflow: visible;
}

.two-columns-inner .inner-content {
	display: inline;
	width:685px;
	float: left;
	margin: 0 20px 0 10px;
}

.two-columns-inner .inner-widgets {
	display: inline;
	float: left;
	width: 240px;
}


.full-content .inner-content {
	display: inline;
	float: left;

	width: 690px;
	
	min-height: 20px;
}

.full-content .inner-widgets {
	display: inline;
	float: left;
	width: 240px;
	overflow-x: hidden;
	overflow-y: visible;
}


.inner-content.inner-content-border-right {
	border-right: 1px solid #d5d5d5;
	padding-right: 18px;
	margin-right: 20px;
	width: 410px;
}

.full-content .inner-content.inner-content-border-right {
	border-right: 1px solid #d5d5d5;
	padding-right: 18px;
	margin-right: 20px;
}


/* -- Header -------------------- */


#header {
	background:url(/assets/images/layout/bg-light.jpg);
	height:177px;
	width: 100%;
	border-bottom: 1px solid #bbb;
}

#header ul {padding-left:0px;}

#header .header-top {
	background:url(/assets/images/layout/bg-dark-small.jpg);
	width: 100%;
	height: 34px;
}

#header .header-top a {
	display:block;
	color:white;
	text-decoration: none;
	font-size:9px;
}

#header .header-inner {
	position:relative;
	height:145px;
}

#header .logo {
	position:absolute;
	top:12px;
	left:13px;
}

/* -- Eyebrow & Eyebrow Links (header) -------------------- */
	
#eyebrow {
	list-style-type:none;
	margin: 0;
	padding: 0;
	
	position: absolute;
	top: 0;
	left: 0;
}

#eyebrow li {
	display: inline-block;
	margin: 0;
	float: left;
}

#eyebrow li a {
	float:left;
	padding: 8px 13px;
	line-height: 18px;
	
	border-left:1px solid #090909;
	border-right:1px solid #4c4c4c;
	
}

#eyebrow li a:hover {
	background: #444;
}

#eyebrow li a.current {
	color:#2f2f2f;
	background:url(/assets/images/layout/bg-light.jpg);
}





/* -- Top Menu (header) -------------------- */

#top-menu {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
}

#top-menu li {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0;
}

#top-menu a.top-link.facebook {
	text-indent:-9999px;
	padding: 8px 12px;
	background:url(/assets/images/icons/header-sprite2.png) 4px 9px no-repeat;
}

#top-menu a.top-link.twitter {
	text-indent:-9999px;
	padding: 8px 12px;
	background:url(/assets/images/icons/header-sprite2.png) 5px -20px no-repeat;
}

#top-menu a.top-link.translate {
	padding: 8px 5px 8px 23px;
	background:url(/assets/images/icons/header-sprite2.png) 6px -52px no-repeat;
}

#top-menu a.top-link.careers {
	padding: 8px 12px 8px 26px;
	background:url(/assets/images/icons/header-sprite3.png) 6px -137px no-repeat;
}

#top-menu a.top-link.call-process {
	width: 68px;
	padding: 8px 6px 8px 32px;
	background:url(/assets/images/icons/header-sprite3.png) 6px -262px no-repeat;
}


#top-menu a.top-link.find-congregation {
	width: 110px;
	padding: 8px 6px 8px 29px;
	background:url(/assets/images/icons/header-sprite3.png) 6px -228px no-repeat;
}


#top-menu li:hover a.top-link,
#top-menu li a.top-link.activated {
	background-color: #6c6c6c;
}


#top-menu .tray {
	background: #fff;
	display: none;
	position: absolute;
	top: 32px;
	right: 0;
	border: 1px solid #6c6c6c;
	border-top: none;
	z-index: 20;
	
	width: 370px;

	height: 180px;
}

#top-menu .tab-nav {
	padding: 0;
	margin: 0;
	background: #6c6c6c;
	width: 100%;
	height: 30px;
	white-space: nowrap;
	overflow: hidden;
}

#top-menu .tab-nav li {
	display: inline-block;
	margin: 0;
	padding: 0;
	border: none;
}

#top-menu .tab-nav li a {
	background: #6c6c6c;
	display: block;
	margin: 0;
	padding: 8px 20px;
	border: none;
	line-height: 14px;
}


/* #top-menu .tab-nav li:hover a, */
#top-menu .tab-nav li:hover a {
	background: #ccc;
}

#top-menu .tab-content p {
	line-height: 34px;
	margin: 0;
}

#top-menu .tab-nav a.active,
#top-menu .tab-nav li:hover a.active {
	background: #fff;
	color: #6c6c6c;
}


#top-menu .tray .tab-content {
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	background: #fff;
}


#top-menu .tab-content form {
	font-size: 13px;
	line-height: 32px;
	margin: 15px 30px;
}

#top-menu input.text { 
	height: 20px;
	line-height: 16px;
	padding: 2px 6px;
	border: 1px solid #ddd;
}

#top-menu input.submit {
	display: block;
}


/* -- Search Form (header) -------------------- */

.search-form {
	position:absolute;
	top:25px;
	right:0px;
	width:314px;
	height:33px;
	padding:4px;
	background:#f4f4f4;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.search-form .search-input {
	float:left;
	border:1px solid #dcdcdc;
	width: 315px;
	padding:9px 110px 8px 9px;
	font-size:13px;
	position: absolute;
	z-index: 1;
	height: 14px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	height: 33px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */

	
}

.search-form .search-btn {
	text-indent:-9999px;
	display:block;
	background: #749a47 url(/assets/images/icons/header-sprite2.png) 9px -108px no-repeat;
	border:1px solid #d6d8d9;
	width:37px;
	height:33px;

	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;	

	position: absolute;
	right: 3px;
	top: 4px;
	z-index: 2;
}
		
.search-form .search-filter-button {
	display: block;
	position: absolute;
	z-index: 1;
	
	right: 50px;
	line-height: 34px;
	
	padding-left: 10px;
	background: url(/assets/images/layout/divider.png) 0 50% no-repeat;
	
	cursor: pointer;

	color: #808080;
	font-size: 12px;
}

.search-form .search-filter-button .tick-down {
	display: inline-block;
	background: url(/assets/images/layout/tick_down.png) 50% 50% no-repeat;
	height: 10px;
	width: 10px;
	margin-left: 5px;
}

.search-form .search-filter {
	background: #fff;
	position: absolute;
	top: 36px;
	right: 5px;
	z-index: 10;
	
	padding: 8px 15px;
	
	font-size: 12px;
	line-height: 24px;
	border:1px solid #dcdcdc;

	color: #808080;
}			

.search-form .search-filter label {
	display: block;
	cursor: pointer;
}

.search-form .search-filter label input[type=radio] {
	margin-right: 6px;
}
	
.search-form .search-filter.visible {
	display: block !important;
}




/* -- Main Navigation (header) -------------------- */

#main-nav {
	position: absolute;
	top:88px;
	width: 650px;
}

#main-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#main-nav li {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0;
	line-height: 20px;
}


#main-nav .l1 {
	display:inline-block;
	color:#808080;
	font-size:15px;
	padding:10px 8px;
	text-decoration:none;
	border: 1px solid transparent;
	position: relative;
	
	z-index: 100;
}

#main-nav .l1.current:after {
	content: '';
	height: 4px;
	background: #569bbe;
	width: 100%;
	position: absolute;
	bottom: 0px;
	right: 12px;
	clip: rect(0px, 500px, 4px, 24px);
}

#main-nav .tray {
	display: none;
	position: absolute;
	z-index: 99;
	
	top: 40px;
	left: 0px;
	
	background: #fff;
	width: 940px;
	border: 1px solid #a5a5a5;
	
	font-size: 13px;
}


#main-nav .tray .inset {
	padding: 15px 20px;
	margin: 0 0 10px 0;
}


#main-nav .tray .tray-submenu {
	margin: 0;
	padding: 10px 20px 10px 10px;
	display: inline-block;
	vertical-align: top;
	
	float: left;
}

#main-nav .tray .tray-submenu {
	max-width: 120px;
}

#main-nav .tray-submenu li {
	display: block;
}

#main-nav .tray-submenu li a {
	color: #569bbe;
	font-size: 13px;
	text-decoration: none;
}


#main-nav .tray-submenu li a:hover {
	text-decoration: underline;
}


#main-nav .col {
	margin: 10px;
	padding: 0 20px 0 0;
	display: inline-block;
	vertical-align: top;
	float: left;
}

#main-nav .col.col-small {
/*	max-width: 130px; */
	padding: 0;
	width:235px;
}

#main-nav .col.col-medium {
	max-width: 280px;
}

#main-nav .col.col-large {
	padding: 0;
	margin: 0;

}

#main-nav .col.col-medium .col-banner {
	width: 300px;
	height: 100px;
	float: left;
	margin: 10px 0;
}

#main-nav .col.col-large .col-banner {
	width: 350px;
	height: 100px;
	float: left;
	margin: 10px;
}

#main-nav .col-banner img {
	width: 100%;
	height: 100%;
}

#main-nav .col-banner.placeholder{
	background: #333;
	height: 100px;
}


#main-nav .col.col-border {
	border-right: 1px solid #a5a5a5;
}


#main-nav .col .col-submenu {
	margin: 0;
	padding: 0 10px 5px;
	display: inline-block;
	vertical-align: top;
	
	float: left;
}

#main-nav .col-submenu li {
	display: block;
}

#main-nav .col-submenu li a {
	color: #569bbe;
	font-size: 13px;
	text-decoration: none;
}


#main-nav .col-submenu li a:hover {
	text-decoration: underline;
}



#main-nav .readmore {
	float: right;
	padding: 5px 8px 3px;
}


#main-nav .active .l1 {
	display: block;
	background: #fff;
	border: 1px solid #a5a5a5;
	border-bottom: none;
}

#main-nav .active .l1.notray {
	border: 1px solid #a5a5a5;
}

#main-nav .active .tray {
	display: block;
}



/* -- Main Actions - (header) Living Lutheran & Give -------------------- */

#main-actions {
	position: absolute;
	top: 68px;
	right: 0;
	min-width: 300px;
}

#main-actions ul {
	list-style: none;
	vertical-align: top;
}

#main-actions li {
	display: block;
	float: left;
}

#main-actions span {
	display: block;

	vertical-align: top;
	margin: 0;
	padding: 0;
	line-height: 20px;

	color:#808080;
	font-size:15px;
	padding: 10px 8px;
	text-decoration:none;
	border: 1px solid transparent;
	z-index: 6;
	position: relative;
	

}

#main-actions .living-lutheran .action {
	position: relative;
}

#main-actions .donate:hover span {
	background: #fff;
	border: 1px solid #a5a5a5;
	border-bottom: none;
}


#main-actions .tray {
	display: none;
	position: absolute;
	z-index: 50;
	
	top: 68px;
	right: 1px;
	
	background: #fff;
	border: 1px solid #a5a5a5;
	
	font-size: 13px;
	
	width: 930px;
}

#main-actions .tray .inset {
	padding: 15px 20px;
	margin: 0 0 10px 0;
}

#main-actions .tray .ad-space {
	width: 180px;
	height: 180px;
	background: #333;
	float: left;
}

#main-actions li:hover .tray {
	display: block;
}



#donate-icon-small {
	background: url(/assets/images/sprites/give-small.jpg) 50% 0 no-repeat;
}

#give-monthly-icon-small {
	background: url(/assets/images/sprites/give-small.jpg) 50% -75px no-repeat;
}

#planned-gifts-icon-small {
	background: url(/assets/images/sprites/give-small.jpg) 50% -155px no-repeat;
}


#volunteer-icon-small {
	background: url(/assets/images/sprites/give-small.jpg) 50% -235px no-repeat;
}


#elca-good-gifts-icon-small {
	background: url(/assets/images/sprites/give-small.jpg) 50% -315px no-repeat;
}


#foundation-icon-small {
	background: url(/assets/images/sprites/give-small.jpg) 50% -400px no-repeat;
}


#main-actions .icon-grid {
	float: left;
	margin: 10px 0;
}

#main-actions .icon-grid .item {
	width: 220px;
	margin: 0 7px 5px;
	text-align: left;

	display: inline-block;
	vertical-align: top;
	border: none;
	
	float: left;
}


#main-actions .icon-grid .item .icon {
	display: block;
	width: 85px;
	height: 75px;
	float: left;

}

#main-actions .icon-grid .item .details {
	margin-left: 90px;
	padding: 10px 0 0 0;
}

#main-actions .icon-grid .item .details h3 {
	font-size: 16px;
	line-height: 16px;
	margin: 0;
}

#main-actions .icon-grid .item .details p {
	font-size: 12px;
}


/* -- Home -------------------- */


#home-rotator-container {
	position: relative;
}


#home-rotator {
	position: relative;
	z-index: 1;
	
	height: 380px;
	width: 100%;
	
	overflow-x: hidden;
	text-align: center;
}


#home-rotator .item {
	margin: 0 !important;
	padding: 0 !important;
	height: 100%;
	width: 100%;	
	/*
	background-size: cover !important;
	background-position: 50% 0 !important;
	*/
	background-position: 50% 50% !important;
	background-repeat: no-repeat !important;
	background-color:#cccccc;
}


#home-rotator .item .title {
	color: #fff;
	font-size: 65px;
	margin-top: 45px;
/*	font-family: 'LatoBold'; */
	font-weight: normal;	
	text-shadow: 2px 2px 3px #333;
}


#home-rotator .item .subtitle {
	color: #fff;
	font-size: 28px;
	margin-bottom: 10px;
/*	font-family: 'LatoBold'; */
	font-weight: normal;	
	text-shadow: 2px 2px 3px #333;
}


#home-rotator-nav {
	position: absolute;
	top: 295px;
	z-index: 2;
	
	text-align: center;
	width: 100%;
}


#home-rotator-nav .navi {
	display: inline-block;
	width: 70px;
	height: 45px;
	position: relative;
	margin: 5px 10px;
	border: 2px solid #fff;
	
	opacity: .55;
	z-index: 1;
	vertical-align: top;
}


#home-rotator-nav .navi .tip {
	width: 250px;
	background: #fff;
	
	display: none;
	position: absolute;
	bottom: 55px;
	left: -100px;
	z-index: 10;

/*	font-family: 'LatoRegular'; */
	font-size: 12px;
	padding: 5px;
	border: 1px solid #a5a5a5;
}

#home-rotator-nav .navi .tip .tick {
	background: url(/assets/images/layout/tip-tick.png) 50% 0 no-repeat;
	position: absolute;
	top: 100%;
	left: 130px;
	width: 12px;
	height: 7px;
}


#home-rotator-nav .navi:hover {
	opacity: 1;
}

#home-rotator-nav .navi:hover .tip {
	display: block;
}

#home-rotator-nav .navi.activeSlide {
	opacity: 1;

}

#home-rotator-nav .navi a.thumbnail {
	display: inline-block;
	width: 70px;
	height: 45px;
	overflow: hidden;
	z-index: 2;
	vertical-align: top;
}


#home-rotator-nav .navi a.thumbnail img {
	height: auto;
	width: 100%;
}


#home-rotator-prev {
	background: url(/assets/images/pages/home/rotator-arrows.png) 0 50% no-repeat;
	width: 60px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 25px;
	z-index: 5;
	cursor: pointer;
	opacity: 0;
}


#home-rotator-next {
	background: url(/assets/images/pages/home/rotator-arrows.png) -90px 50% no-repeat;
	width: 60px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 25px;
	z-index: 5;
	cursor: pointer;
	opacity: 0;
}


#getting-started {
	width: 100%;
	padding: 0;
	color:#fff;
	background:url(/assets/images/layout/bg-dark.jpg) repeat-x;
}

#getting-started h3 {
	float:left;
	font-size:27px;
	margin:0px;
	padding:0px;
	line-height: 60px;
	color: #fff;
}

#personas {
		float:right;
		margin:0px;
		padding:0px;
}

#personas .persona {
	display: block;
	float: left;
	line-height: 30px;
	margin: 0;
}


#personas .persona .tray {
	display:none;
	position:absolute;
	bottom: 60px;
	left:0px;
	width:840px;
	padding:20px 32px 12px;
	border:1px solid #a5a5a5;
	border-bottom: none;
	background:white;
	z-index: 3;
}

#personas .persona .tray .heading-wrap {
	display:table;
	float:left;
	width:210px;
	padding:0 15px 0 0;
}


#personas .persona .tray .heading {
	display: table-cell;
	color: #2f2f2f;
	margin: 0px;
	font-size: 47px;
	height: 123px;
	vertical-align: middle;
	line-height: 45px;
}


#personas .persona .tray .heading.smaller {
	font-size: 28px;
}

#personas .persona .tray .desc {
	float:left;
	width:235px;
	padding:0 20px;
	color:#303030;
	font-size:12px;
	line-height:18px;
}

#personas .persona .tray ul.tray-submenu {
	margin: 0;
	padding-left: 0;
	display: inline-block;
	vertical-align: top;
	float: left;
}


#personas .persona .tray ul.tray-submenu li {
	display: block;
	line-height: 20px;
}


#personas .persona .tray ul.tray-submenu li a {
	color: #569bbe;
	font-size: 13px;
	text-decoration: none;
}


#personas .persona .tray ul.tray-submenu li a:hover {
	text-decoration: underline;
}

#personas .persona.up {
	background: url(/assets/images/pages/home/tick.png) 50% 0 no-repeat;
}

#personas .persona.up .tray {
	display: block;
}

#personas .persona span.title {
	border-left:1px solid #4c4c4c;
	border-right:1px solid #090909;
	display: block;
	padding: 0 20px;
	margin: 15px 0;
	cursor:pointer;
}


#personas .persona:first-child span.title {
	border-left:0px;
}

#personas .persona:last-child span.title {
	border-right:0px;
}

#personas .persona .tray .full,
#personas .persona .tray .thin,
#personas .persona .tray .wide,
#personas .persona .tray .half
 {
	float:left;
	width:840px;
	padding:0 20px;
	color:#303030;
	font-size:12px;
	line-height:18px;
}
#personas .persona .tray .thin { width: 240px; }
#personas .persona .tray .wide { width: 480px; }
#personas .persona .tray .half { width: 380px; }


/* -- Featured Widgets (home and interior) -------------------- */

.home-widgets {

	height:296px;

}

h4.excerpt-title,
h4.excerpt-title a {
/*	font-family: 'LatoBold'; 
	font-weight: normal; */
	font-weight:bold;
	
	color: #303030;
	margin: 10px 0 5px 0;
	padding: 0;
	text-decoration: none;
}

h4.excerpt-title:hover {
	opacity: .7;
}

.excerpt {
	font-size: 13px;
	line-height: 20px;
/*	font-family: 'LatoRegular';*/
	font-weight:normal;
}



.featured {
	border-top:3px solid #e5e5e5;
	background: #fff;
	min-height: 435px;
	position: relative;
	margin: 0;
	padding: 20px 0;
}


.featured h3 {
	font-size: 30px;
	margin: 0 0 15px 0;
	padding: 0px;
	color: #2f2f2f;
}

.featured .poster {
	padding: 7px;
	border: 1px solid #bbb;
	overflow: hidden;
	
	width: 415px;
	height: 190px;
}



.featured .poster .img {
	overflow: hidden;
	height: 100%;
	width: 100%;
}


.featured .left {
	position: relative;
	float: left;
	width: 430px;
}

.featured .right {
	position: relative;
	float: right;
	width: 430px;
}


.featured .featured-rotator-nav {
	position: absolute;
	right: 0;
	top: 0;
}


.featured .featured-rotator-nav a {
	outline: none;
	
	display: inline-block;
	text-indent: -9999px;
	background: #fff;
	
	
	width: 14px;
	height: 14px;
	margin: 2px;
	
	-webkit-box-shadow: 1px 1px 2px #333;
	-moz-box-shadow:    1px 1px 2px #333;
	box-shadow:         1px 1px 2px #333;

	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;


	border/*\**/: 1px solid #ddd\9;

}


.featured .featured-rotator-nav a.activeSlide {
	background: #569bbe;
}


.featured .readmore {
	float: right;
	margin-top: 5px;
}

.readmore {
	font-size:10px; 
	color:#2f2f2f; 
	font-weight:bold;
	text-decoration:none;
}
.readmore:before {
	content:'\00BB'; 
	margin-right:2px;
}

.readmore:hover{
	color:#2f2fFF;
}


/* -- page rotator (interior) -------------------- */

#page-rotator-container {
	position:relative;
	width: 690px;
	height: 350px;
	overflow: hidden;
	margin-bottom: 30px;
	margin-left: 10px;
}

#page-rotator {
	position: relative;
	width:700px;
	height:350px;
}

#page-rotator .thumbnail img {
	width:32px;
}

#page-rotator-nav {
	position: absolute;
	bottom: 14px;
	z-index: 10;
	left: 18px;	
}


#page-rotator-nav .thumbnail {
	position: relative;
	display: block;
	float: left;
	margin-right: 10px;
	width: 32px;
	height: 32px;
	overflow: hidden;
	border: 2px solid white;
}

#page-rotator-nav .thumbnail img {
	height: 32px;
	position: absolute;
	left: -35%;				
}






#news-rotator-container {
	position:relative;
/*	width:428px; */
	height:300px;
	border: 2px solid #eff4f2;
	margin-bottom: 59px;
}

#news-rotator {
	position: relative;
	width: 100%;
	height:300px;
	overflow: hidden;
}

#news-rotator .item {
	position: relative;
	width: 100%;
	height: auto;
}

#news-rotator .image {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: auto;
}

#news-rotator .description {
	background:url(/assets/images/layout/opacity-75-000000.png) repeat;
	    
	position: absolute;
	top: 220px;
	z-index: 10;
	color: #fff;
	padding: 10px;
	width: 100%;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
}

#news-rotator .description h2 {
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	margin: 0;
}

#news-rotator .description p {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow-x: hidden;
}

#news-rotator .thumbnail img {
	width:32px;
}

#news-rotator-nav {
	position: relative;
	z-index: 11;
	height: 75px;
	top: 10px;
	
/*	width: 320px; */
	margin: 0 auto;
	
	text-align: center;
}

#news-rotator-nav .thumbnail {
	position: relative;
	margin-right: 10px;
	width: 75px;
	height: 50px;
	overflow: hidden;
	border: 1px solid transparent;
	display: inline-block;
	
}

#news-rotator-nav .thumbnail img {
	width: 100%;
	height: auto;
}

#news-rotator-nav .thumbnail:hover {
	border: 1px solid #333;
	opacity: .75;
}


#news-rotator-nav2 {
	position: relative;
	z-index: 10;
	height: 26px;
	width: 100%;
	margin-top: -55px;
}

.news-rotator-arrow-link {
	width: 26px;
	height: 26px;
	position: absolute;
	z-index: 5;
	cursor: pointer;
}

.news-rotator-arrow-link:hover {
	opacity: .75;
}

#news-rotator-prev {
	background: url(/assets/images/layout/arrow-left-green.jpg) no-repeat;
	top: 0;
	left: 0;
}

#news-rotator-next {
	background: url(/assets/images/layout/arrow-right-green.jpg) no-repeat;
	top: 0;
	right: 0;
}

ul.news-list {
	margin: 0;
	padding: 0;
}

ul.news-list li {
	list-style: none;
	border-top: 1px solid #ddd;
	padding: 16px 0;
	margin: 0;
}
ul.news-list li:first-child {
	border-top: none;
	padding-top: 0;
}

ul.news-list li p {
	margin-bottom: 0;
}

/* Calendar Page ------------------------------------------------------------ */
.calendar-page {position:relative; width:930px; margin:30px auto;}
.calendar-page #cal-list-nav {position:absolute; right:0px; top:7px;}
.calendar-page #calendar-nav {
  position:relative;
  text-align:center;
  width:290px;
  margin:0 auto;
}
#calendar-nav #cal-nav-prev, #calendar-nav #cal-nav-next {
  width:32px;
  height:32px;
  position:absolute;
  left:00px;
  top:-1px;
  font-size:30px;
  color:#2c5f69;
  text-indent:-9999px;
  background:url(/assets/images/sprites/cal-nav.png) no-repeat 0 50%;
}
#calendar-nav #cal-nav-next {left:auto; left:initial; right:0px; background-position:right 50%;}

#event-calendar { table-layout:fixed; }
#event-calendar tr { background:#ffffff; }
#event-calendar th {
  padding:6px 5px 5px;
  font-size:15px;
  font-weight:normal;
  background:#569bbe;
  color:#ffffff;
  text-align:center;
}
#event-calendar td {
  border:1px solid #c5c5c5;
  height:100px;
  padding:5px;
  background:#ffffff;
  vertical-align:top;
}
#event-calendar td.today { background:#eeeeee; }
#event-calendar td.lastmonth { opacity:.6; }
#event-calendar td.lastmonth:hover { opacity:1; }
#event-calendar td .Date {
  font-size:14px;
  color:#808080;
  padding:0 5px 2px;
}
#event-calendar td .event {
  font-size:11px;
  position:relative;
  padding-left:12px;
  margin-bottom:3px;
}
#event-calendar td .event:before {content:'\2022'; position:absolute; left:0px;}

#event-calendar td .event .event-preview {
  display:none;
  width:220px;
  background:#ffffff;
  border:1px solid #b0b0b0;
  position:absolute;
  z-index:1000;
  top:-30px;
  left:120px;
  padding:15px 20px;
  -moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.5);
  box-shadow:1px 1px 5px rgba(0, 0, 0, 0.5);
}
#event-calendar td .event .event-preview strong {font-size:12px;}
#event-calendar td .event .event-preview .event-title { font-family: Verdana, Geneva, sans-serif; margin-bottom:5px;}
#event-calendar .event-dates, #event-calendar .event-loc, #event-calendar .event-desc {font-size:12px;}
#event-calendar .event-desc {	font-family: Verdana, Geneva, sans-serif;  margin-top:4px;}
#event-calendar td .event .event-preview .arrow {
  width:13px;
  height:25px;
  background:url(/assets/images/layout/event-tip.png) 0 0 no-repeat;
  position:absolute;
  left:-13px;
  top:22px;
}
#event-calendar td .event:hover { cursor:pointer; }
#event-calendar td .event:hover .event-preview { display:block; }

/* Event Detail Page ------------------------------------------------------------ */
#event-detail {
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #ccc9c9;
}
.event-detail-content .related-section {
	clear: both;
	border-top: 1px solid #ccc9c9;
	padding-top: 35px;
	margin-top: 15px;
}
.event-detail-content .related-col {display:inline-block; width:257px; padding-left:75px; border-right:1px solid #ccc9c9;}
.event-detail-content .related-col.first {padding-left:0px;}
.event-detail-content .related-col.last {border-right:none;}
.event-detail-content .related-col ul {padding-left:16px;}
.event-detail-content .related-col li {line-height:15px;}
.event-detail-content .related-col a {color:#2f2f2f; text-decoration:none;}

/* -- breadcrumbs (interior, secondary) -------------------- */

#breadcrumbs {
	width: 100%;
	border-bottom: 1px solid #bbb;
}

#breadcrumbs nav {
	height: 32px;
	width: 930px;
	margin: 0 auto;
	position: relative;
}


#breadcrumbs ul {
	margin: 0 10px;
	padding: 0;
}


#breadcrumbs li {
	display: inline;
	margin: 0;
	padding: 0;
	color: #575757;
}


#breadcrumbs a {
	display: inline-block;
	text-decoration: underline;
	color: #575757;
	font-size: 11px;
	line-height: 30px;
}

#breadcrumbs span {
	display: inline-block;
	color: #575757;
	font-size: 13px;
	line-height: 35px;
/*	font-family: 'LatoBold'; */
	font-weight: bold;
}

#breadcrumbs ul li {
	font-size:11px;
	}

.content.content-more-news {
	border: 2px solid #cdcdcd;
	padding: 15px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	width: 430px;
	margin: 0 10px 0 0;
}


#resources-detail,
#story-detail,
.page-detail {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #ccc9c9;
}


#resources-tabs {
	list-style: none;
	border-bottom: 1px solid #ccc9c9;
	padding: 0;
	margin: 15px 0;
}

#resources-tabs li {
	display: inline-block;
	margin-bottom: -1px;
}

#resources-tabs li a {
	background: #749a47;
	color: #fff;
	text-decoration: none;
	
	display: block;
	padding: 8px 10px;
	
	border: 1px solid #ccc9c9;
	border-bottom: none;
	
	position: relative;
	
}

#resources-tabs.gray-tabs li a {
	background: #ebebeb;
	color: #808080;
	border: 1px solid #ccc9c9;
}

#resources-tabs li a.active {
	background: #fff;
	color: #808080;
	border-bottom: 1px solid #fff;
}

#resources-detail-content .tab-content {
	padding: 15px;
}


#resources-search {
	position: relative;
	height: 90px;
	
	background: url(/assets/images/layout/bg-dividers.jpg) 0 55% repeat-x;
}

#resources-search .search-form {
	zoom: 1.05;
	width: 390px;
	left:0;
}

#resources-search .search-form .search-input {
	width: 390px;
	padding: 9px 9px 8px 9px;
}

.resources-grid {

}

.grid-item {
	width: 154px;
	display: inline-block;
	margin: 10px;
	vertical-align: top;
}

.grid-item .grid-image {
	border: 1px solid #d5d5d5;
	overflow: hidden;
	height: 150px;
	width: 150px;
	padding: 10px;
}

.grid-item .grid-image img {
	width: 150px;
}

.grid-item .grid-label h2 {
	text-align: center;	
	margin: 10px 0;
}

.grid-item .grid-label h2 a {
	text-align: center;
	font-size: 16px;
/*	font-family: 'LatoBold'; */
	font-weight:bold;
	text-decoration: none;
	color: #2f2f2f;
}




/*
	All Blog
*/

.blog-list {

}

.masthead {
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}

.blog-item {
	position: relative;
	margin-bottom: 40px;
	clear:both;
}

.blog-item .image {
	width: 90px;
	height: 90px;
	position: absolute;
	top:0;
	left:0;
	overflow: hidden;
}

.blog-item .details {
	margin-left: 110px;
	padding: 3px 0;
}

.blog-item  h2,
.blog-item  h2 a, 
.blog-item .details h2,
.blog-item .details h2 a {
	font-size: 16px;
	line-height: 19px;
	color: #2f2f2f;
	margin: 0;
	text-decoration: none;
}

.blog-item .author {
	font-size: 12px;
	color: #2f2f2f;
	float:left;
}

.blog-item .date {
	float:right;
	font-size: 12px;
	color: #2f2f2f;
}

/* story detail specific styles */

#story-detail {
	position: relative;	
}





/*
.coverflow-holder {
	height: 360px;
	width: 650px;
	overflow: hidden;
}

.coverflow-holder .coverflow {
	height: 100%;
	width: 100%;
	background: #2b2b2b;
	
}
*/

.coverflow-holder {
	height: 348px;
	width: 650px;
	overflow: hidden;
	background: #2b2b2b;
	position: relative;
}

.coverflow a {
	text-decoration: none;
}

.flipster {
	position: relative;
	padding-top: 50px;
	height: 100%;
}

.flipster .flipster-left-link {
	display: block;
	height: 30px;
	width: 30px;
	position: absolute;
	top: 40%;
	left: 2%;
	z-index: 100;
	background: url(/assets/images/layout/coverflow-left.png) no-repeat;
	cursor: pointer;
	opacity: 0;
}

.flipster .flipster-right-link {
	display: block;
	height: 30px;
	width: 30px;
	position: absolute;
	top: 40%;
	right: 2%;
	z-index: 100;
	background: url(/assets/images/layout/coverflow-right.png) no-repeat;
	cursor: pointer;
	opacity: 0;
}

.flipster:hover .flipster-left-link,
.flipster:hover .flipster-right-link {
	opacity: 1;
}

.flipster > ul {
	padding-top: 2.5%;
	
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	
	
	-webkit-transition: all 333ms;
	-moz-transition: all 333ms;
	transition: all 333ms;
	
	position: relative;
	height: 100%;

	margin: 0;
	padding: 0;

}

.flipster li {
	
	margin: 0;
	padding: 0;
	
	display: block;
	
	-webkit-transition: all 333ms ease-in-out;
	-moz-transition: all 333ms ease-in-out;
	transition: all 333ms ease-in-out;
	
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;
	
	position: absolute;
	width: 20%;
	opacity: 0.99;
	
	/* fix for strange clipping behavior on rotated elements in chrome. don't know why this works */
}

.flipster li .content {
	width: 100%;
}


.flipster li img {
	width: 100%;
	display: block;
	position: relative;
	z-index: 1;
}

.flipster li .content {
	-webkit-transition: all 500ms;
	-ms-transition: all 500ms;
	transition: all 500ms;
	background-color: #000000;

/*
	-webkit-box-shadow: 0px 0px 5% #000000;
	-moz-box-shadow: 0px 0px 5% #000000;
	-ms-box-shadow: 0px 0px 5% #000000;
	box-shadow: 0px 0px 15px #000000;
*/
	
	-webkit-box-reflect: below 10px -webkit-gradient( linear, left bottom, left top, color-stop(0.10, rgba(255,255,255,0.3)), color-stop(0.50, transparent));
	width: 100%;
	position: relative;
}

.flipster li .content a {
	text-decoration: none;
}

.flipster li .meta {
	display: none;
}

.flipster-meta {
	position: absolute;
	top: 65%;
	text-align: center;
	color: #fff;
	width: 100%;
}

.flipster-meta .title {
	white-space: nowrap;
	text-decoration: none;
	font-size: 18px;
/*	font-family: 'LatoBold'; */
	font-weight:bold;
	color: #fff;
	display: block;
}

.flipster-meta .category {
	white-space: nowrap;
	text-decoration: none;
	font-size: 14px;
	color: #fff;
	display: block;
}


.flipster li.flipster-current .meta {
}

.no-transition {
	-webkit-transition: all 0ms !important;
	-moz-transition: all 0ms !important;
	transition: all 0ms !important;
}

.flipster .flipster-left .content  {
	-webkit-transform: rotateY(60deg);
	-moz-transform: rotateY(60deg);
	-ms-transform: rotateY(60deg);
	transform: rotateY(60deg);
}

.flipster .flipster-right .content {
	-webkit-transform: rotateY(-60deg);
	-moz-transform: rotateY(-60deg);
	transform: rotateY(-60deg);
	-ms-transform: rotateY(-60deg);
}

.flipster .flipster-current .content {
	-webkit-transform: rotateY(0deg) translate3d(0, 0, 150px);
	-moz-transform: rotateY(0deg) translate3d(0, 0, 150px);
	-ms-transform: rotateY(0deg) translate3d(0, 0, 150px);
	-ms-transform: rotateY(0deg) translate3d(0, 0, 150px); 
}

/* Old browser compatibility classes */
.compatibility {
	
}



#resources-featured-items {
	margin-bottom: 15px;
}

#resources-featured-items .item {
	
}

#resources-featured-items .image {
	float: left;
	margin-right: 10px;
}

#resources-featured-items .image img {
	border: 1px solid #d0cece;
	padding: 8px;
}

#resources-featured-items .item h2 {
	font-size: 16px;
}



#resources-results-list {
	
}

.resource-item {
	width: 330px;	
	float: left;
	margin: 10px 0;
	position: relative;
	min-height: 100px;
}

.resource-item-small {
	width: 200px;
	float: left;
	margin: 10px 10px 10px 0;
	position: relative;
	min-height: 120px;
	background-repeat:no-repeat;
	background-position:0 0;
}

.resource-item-small.auto-size {
	width: 100%;
	min-height: 0;
}

.resource-item .details-hover,
.resource-item-small .details-hover {
	display: none;
}

.resource-item.type-mov {
	background: url(/assets/images/type-icons/mov-80.png) 0 0 no-repeat;
}

.resource-item.type-doc {
	background: url(/assets/images/type-icons/doc-80.png) 0 0 no-repeat;
}

.resource-item.type-pdf {
	background: url(/assets/images/type-icons/pdf-80.png) 0 0 no-repeat;
}

.resource-item.type-pff {
	background: url(/assets/images/type-icons/pff-80.png) 0 0 no-repeat;
}

.resource-item.type-ppt {
	background: url(/assets/images/type-icons/ppt-80.png) 0 0 no-repeat;
}

.resource-item.type-mpeg {
	background: url(/assets/images/type-icons/mpeg-80.png) 0 0 no-repeat;
}

.resource-item.type-jpeg {
	background: url(/assets/images/type-icons/jpeg-80.png) 0 0 no-repeat;
}

.resource-item-small.type-mov {
	background: url(/assets/images/type-icons/mov-64.png) 0 0 no-repeat;
}

.resource-item-small.type-doc {
	background: url(/assets/images/type-icons/doc-64.png) 0 0 no-repeat;
}

.resource-item-small.type-pdf {
	background: url(/assets/images/type-icons/pdf-64.png) 0 0 no-repeat;
}

.resource-item-small.type-pff {
	background: url(/assets/images/type-icons/pff-64.png) 0 0 no-repeat;
}

.resource-item-small.type-ppt {
	background: url(/assets/images/type-icons/ppt-64.png) 0 0 no-repeat;
}

.resource-item-small.type-mpeg {
	background: url(/assets/images/type-icons/mpeg-64.png) 0 0 no-repeat;
}

.resource-item-small.type-jpeg {
	background: url(/assets/images/type-icons/jpeg-64.png) 0 0 no-repeat;
}



.resource-item.type-accdb {
	background: url(/assets/images/type-icons/accdb-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-accdb {
	background: url(/assets/images/type-icons/accdb-64_32.png) 0 0 no-repeat;
}

.resource-item.type-avi {
	background: url(/assets/images/type-icons/avi-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-avi {
	background: url(/assets/images/type-icons/avi-64_32.png) 0 0 no-repeat;
}

.resource-item.type-bmp {
	background: url(/assets/images/type-icons/bmp-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-bmp {
	background: url(/assets/images/type-icons/bmp-64_32.png) 0 0 no-repeat;
}

.resource-item.type-css {
	background: url(/assets/images/type-icons/css-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-css {
	background: url(/assets/images/type-icons/css-64_32.png) 0 0 no-repeat;
}


.resource-item.type-docx {
	background: url(/assets/images/type-icons/docx_mac-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-docx {
	background: url(/assets/images/type-icons/docx_mac-64_32.png) 0 0 no-repeat;
}

.resource-item.type-eml {
	background: url(/assets/images/type-icons/eml-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-eml {
	background: url(/assets/images/type-icons/eml-64_32.png) 0 0 no-repeat;
}

.resource-item.type-eps {
	background: url(/assets/images/type-icons/eps-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-eps {
	background: url(/assets/images/type-icons/eps-64_32.png) 0 0 no-repeat;
}

.resource-item.type-store {
	background: url(/assets/images/type-icons/store-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-store {
	background: url(/assets/images/type-icons/store-64_32.png) 0 0 no-repeat;
}

.resource-item.type-fla {
	background: url(/assets/images/type-icons/fla-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-fla {
	background: url(/assets/images/type-icons/fla-64_32.png) 0 0 no-repeat;
}

.resource-item.type-gif {
	background: url(/assets/images/type-icons/gif-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-gif {
	background: url(/assets/images/type-icons/gif-64_32.png) 0 0 no-repeat;
}

.resource-item.type-html {
	background: url(/assets/images/type-icons/html-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-html {
	background: url(/assets/images/type-icons/html-64_32.png) 0 0 no-repeat;
}

.resource-item.type-ind {
	background: url(/assets/images/type-icons/ind-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-ind {
	background: url(/assets/images/type-icons/ind-64_32.png) 0 0 no-repeat;
}

.resource-item.type-ini {
	background: url(/assets/images/type-icons/ini-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-ini {
	background: url(/assets/images/type-icons/ini-64_32.png) 0 0 no-repeat;
}

.resource-item.type-jsf {
	background: url(/assets/images/type-icons/jsf-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-jsf {
	background: url(/assets/images/type-icons/jsf-64_32.png) 0 0 no-repeat;
}

.resource-item.type-midi {
	background: url(/assets/images/type-icons/midi-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-midi {
	background: url(/assets/images/type-icons/midi-64_32.png) 0 0 no-repeat;
}


.resource-item.type-mov {
	background: url(/assets/images/type-icons/mov-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-mov {
	background: url(/assets/images/type-icons/mov-64_32.png) 0 0 no-repeat;
}

.resource-item.type-mp3 {
	background: url(/assets/images/type-icons/mp3-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-mp3 {
	background: url(/assets/images/type-icons/mp3-64_32.png) 0 0 no-repeat;
}

.resource-item.type-mpeg {
	background: url(/assets/images/type-icons/mpeg-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-mpeg {
	background: url(/assets/images/type-icons/mpeg-64_32.png) 0 0 no-repeat;
}

.resource-item.type-proj {
	background: url(/assets/images/type-icons/proj-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-proj {
	background: url(/assets/images/type-icons/proj-64_32.png) 0 0 no-repeat;
}

.resource-item.type-psd {
	background: url(/assets/images/type-icons/psd-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-psd {
	background: url(/assets/images/type-icons/psd-64_32.png) 0 0 no-repeat;
}


.resource-item.type-pst {
	background: url(/assets/images/type-icons/pst-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-pst {
	background: url(/assets/images/type-icons/pst-64_32.png) 0 0 no-repeat;
}
.resource-item.type-pub {
	background: url(/assets/images/type-icons/pub-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-pub {
	background: url(/assets/images/type-icons/pub-64_32.png) 0 0 no-repeat;
}
.resource-item.type-rar {
	background: url(/assets/images/type-icons/rar-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-rar {
	background: url(/assets/images/type-icons/rar-64_32.png) 0 0 no-repeat;
}
.resource-item.type-readme {
	background: url(/assets/images/type-icons/readme-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-readme {
	background: url(/assets/images/type-icons/readme-64_32.png) 0 0 no-repeat;
}
.resource-item.type-settings {
	background: url(/assets/images/type-icons/settings-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-settings {
	background: url(/assets/images/type-icons/settings-64_32.png) 0 0 no-repeat;
}
.resource-item.type-text {
	background: url(/assets/images/type-icons/text-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-text {
	background: url(/assets/images/type-icons/text-64_32.png) 0 0 no-repeat;
}
.resource-item.type-tiff {
	background: url(/assets/images/type-icons/tiff-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-tiff {
	background: url(/assets/images/type-icons/tiff-64_32.png) 0 0 no-repeat;
}
.resource-item.type-url {
	background: url(/assets/images/type-icons/url-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-url {
	background: url(/assets/images/type-icons/url-64_32.png) 0 0 no-repeat;
}
.resource-item.type-vsd {
	background: url(/assets/images/type-icons/vsd-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-vsd {
	background: url(/assets/images/type-icons/vsd-64_32.png) 0 0 no-repeat;
}
.resource-item.type-wav {
	background: url(/assets/images/type-icons/wav-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-wav {
	background: url(/assets/images/type-icons/wav-64_32.png) 0 0 no-repeat;
}
.resource-item.type-wma {
	background: url(/assets/images/type-icons/wma-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-wma {
	background: url(/assets/images/type-icons/wma-64_32.png) 0 0 no-repeat;
}
.resource-item.type-wmv {
	background: url(/assets/images/type-icons/wmv-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-wmv {
	background: url(/assets/images/type-icons/wmv-64_32.png) 0 0 no-repeat;
}
.resource-item.type-xlsx {
	background: url(/assets/images/type-icons/xlsx_mac-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-xlsx {
	background: url(/assets/images/type-icons/xlsx_mac-64_32.png) 0 0 no-repeat;
}
.resource-item.type-zip {
	background: url(/assets/images/type-icons/zip-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-zip {
	background: url(/assets/images/type-icons/zip-64_32.png) 0 0 no-repeat;
}


.resource-item.type-png {
	background: url(/assets/images/type-icons/png-80_32.png) 0 0 no-repeat;
}
.resource-item-small.type-png {
	background: url(/assets/images/type-icons/png-64_32.png) 0 0 no-repeat;
}

.resource-item .poster,
.resource-item-small .poster {
	float: left;
	width: 64px;
	overflow: hidden;
}

.resource-item .details {
	margin-left: 90px;
	height: 100%;
}

.resource-item-small .details {
	margin-left: 70px;
	height: 100%;
	overflow: hidden;
}

.resource-item .details h2,
.resource-item .details h2 a {
	font-size: 14px;
	margin: 0;
}

.resource-item-small .details h2,
.resource-item-small .details h2 a {
	font-size: 13px;
	margin: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	color: inherit;
	text-decoration: none;
	/*
	font-family: 'LatoBold';
	*/
	font-weight:bold;
	
}

.resource-item-small .details a.link {
	font-size: 12px;
	display: block;
	text-decoration: underline;
}
.resource-item-small .details a.link:before {
	content: "\00BB";

}

.resource-item .details .link {
	font-size: 12px;
	display: block;
	text-decoration: none;
}

.resource-item-small .details .link {
	font-size: 12px;
	display: block;
	text-decoration: none;
}

.resource-item .details p,
.resource-item-small .details p {
	font-size: 13px;
}



.resource-item .details-hover {
	background: #fff;
	border: 1px solid #d0cece;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 100%;
	
	width: 250px;	
}

.resource-item-small .details-hover {
	position: absolute;
	z-index: 10;
	bottom: 100%;
	left: 0px;
	background: #fff;
	border: 1px solid #d0cece;
	padding: 10px;
	margin-bottom:10px;
}

.resource-item-small .details-hover .container {
}

.resource-item-small .details-hover h2 {
	font-size: 16px;
	margin: 0;
	line-height: auto;
}

.resource-item-small .details-hover p {
	margin: 0;
}

.resource-item-small .details-hover .tick {
	background: transparent url(/assets/images/layout/tick-details-hover.png) 50% -13px no-repeat;
	height: 13px;
	position: absolute;
	bottom: -13px;
	width: 90%;
}

.resource-item .details-hover .tick {
	background: transparent url(/assets/images/layout/tick-details-hover.png) no-repeat;
	width: 13px;
	height: 26px;
	position: absolute;
	top: 20px;
	left: -13px;
}

.resource-item.even .details-hover {
	left: -175px;
}

.resource-item.even .details-hover .tick {
	background: transparent url(/assets/images/layout/tick-details-hover.png) -13px 0 no-repeat;
	width: 13px;
	height: 26px;
	position: absolute;
	top: 20px;
	left: 100%;
}


.resource-item:hover .details-hover,
.resource-item-small:hover .details-hover {
	display: block;
}


#resources-results-list .info h2 {
	text-overflow:ellipsis;
	overflow: hidden;
}

#resources-results-list .info {
	padding: 15px;
}

#resources-results-list .options {
	background: #569bbe;
	text-align: center;
}

#resources-results-list .options a {
	color: #fff;
	display: inline-block;
	padding: 5px;
	font-size: 13px;
}


/* ==========================================================================
   Resource Detail social icons/buttons (some are handled by sharethis)
   ========================================================================== */

#share-this {

	position: absolute;
	left: -100px;
	top: 0;
	
	width: 80px;
	text-align: center;	
	
	font-size: 20px;
	/*
	font-family: 'LatoBold';
	*/
	font-weight:bold;
	margin: 30px 0;
}

#share-this span {
	vertical-align: top !important;
	line-height: 30px;
	margin-top: 2px;
}

#share-this .share-email {
	display: inline-block;
	background: url(/assets/images/layout/share-email.png) 50% 50% no-repeat;
	height: 26px;
	width: 60px;	
	cursor: pointer;
}

/* ==========================================================================
   Our Work (general)
   ========================================================================== */


.icon-grid {
}

.icon-grid .item {
	width: 300px;
	margin: 20px 0;
	text-align: center;

	display: inline-block;
	vertical-align: top;
}


.icon-grid .item .icon {
	display: block;
	width: 200px;
	height: 150px;
	margin: 0 auto;

}

.icon-grid .item.item-left {
	border-right: 1px solid #e6e6e6;
}

.icon-grid .item.item-right {
	border-left: 1px solid #e6e6e6;
}


.icon-grid-title {

/*	font-family: 'LatoRegular'; */
	text-align: center;
	font-size: 38px;
	line-height: 70px;
	margin: 0;
}


#congregations-and-synods-icon {
	background: url(/assets/images/sprites/our-work.jpg) 50% 0 no-repeat;
}

#leadership-icon {
	background: url(/assets/images/sprites/our-work.jpg) 50% -150px no-repeat;
}

#relief-and-development-icon {
	background: url(/assets/images/sprites/our-work.jpg) 50% -310px no-repeat;
}


#global-church-icon {
	background: url(/assets/images/sprites/our-work.jpg) 50% -475px no-repeat;
}


#related-ministries-icon {
	background: url(/assets/images/sprites/our-work.jpg) 50% -630px no-repeat;
}


#publicly-engaged-church-icon {
	background: url(/assets/images/sprites/our-work.jpg) 50% -780px no-repeat;
}


#donate-title {
	text-align: center;
	font-size: 38px;
	line-height: 70px;
}


#give-items .item h3 {
	margin: 0;
}

#give-items .item .sub-title {
	margin: 0 70px 10px;
}



#donate-icon {
	background: url(/assets/images/sprites/give.jpg) 50% 0 no-repeat;
}

#give-monthly-icon {
	background: url(/assets/images/sprites/give.jpg) 50% -150px no-repeat;
}

#planned-gifts-icon {
	background: url(/assets/images/sprites/give.jpg) 50% -310px no-repeat;
}


#volunteer-icon {
	background: url(/assets/images/sprites/give.jpg) 50% -475px no-repeat;
}


#elca-good-gifts-icon {
	background: url(/assets/images/sprites/give.jpg) 50% -630px no-repeat;
}


#foundation-icon {
	background: url(/assets/images/sprites/give.jpg) 50% -780px no-repeat;
}


.col-height {
	min-height: 220px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.col-content {
	height: 170px;
}

.col-content h3,
.col-content p {
	margin: 0;
}


.col-left {
	float: left;
	width: 30%;
	padding-right: 3%;
	border-right: 1px solid #e6e6e6;
}

.col-middle {
	float: left;
	width: 27%;
	padding-left: 3%;
	padding-right: 3%;
}

.col-right {
	float: right;
	width: 30%;
	border-left: 1px solid #e6e6e6;
	padding-left: 3%;
}



.grid-small {
}

.grid-small .grid-item {
	width: 145px;
	text-align: center;
	margin: 0 10px 10px;
}

.grid-small a {
	display: block;
	background: #fff;
	text-decoration: none;
	font-size: 14px;
	color: #2f2f2f;
	font-weight:bold;
}

.grid-small .grid-item img {
	padding: 5px;
	border: 1px solid #d0cece;
	margin-bottom: 10px;
}





.grid-medium {
	border-right: 1px solid #d0cece;
	width: 670px;
}

.grid-medium .grid-item {
	width: 200px;
	text-align: center;
	margin: 0 10px 10px;
}

.grid-medium a {
	display: block;
	text-decoration: none;
	font-size: 14px;
	color: #2f2f2f;
	font-weight:bold;
}

.grid-medium .grid-item img {
	background: #fff;
	padding: 10px;
	border: 1px solid #d0cece;
	margin-bottom: 10px;
}




/* ==========================================================================
   Give Now Page
   ========================================================================== */


#giving-opportunities {
	border: 1px solid #d0cece;
	padding: 10px;
}

.giving-description-holder {
	position: relative;	
	border: 1px solid #d0cece;
	margin: -1px;
	padding: 5px;
	
	border-left: none;
	border-right: none;
}

.giving-description-holder p {
	margin: 0;
}


.giving-description-holder .giving-description {
	display: none;
	position: absolute;
	top: -30px;
	right: 103%;
	width: 200px;
	z-index: 100;
	background: #fff;
	padding: 10px;
	border: 1px solid #d0cece;
}

.giving-description-holder:hover .giving-description {
	display: block;
}

.giving-description p {
	margin: 0 0 10px;
}

.giving-description-holder:first-child,
.giving-description-holder:last-child {
	border: none;
}

.giving-description .tick {
	position: absolute;
	resize: 0;
	top: 30px;
	right: -13px;
	
	background: transparent url(/assets/images/layout/tick-details-hover.png) -13px 0px no-repeat;
	height: 26px;
	width: 13px;
	position: absolute;
}

.sponsorship-page .col-details {float:left; width:315px; margin-right:50px;}
.sponsorship-page .col-donate {float:left; width:310px;}
.sponsorship-page .inner-widgets {float:right; width:210px;}





#top-rotator-container {
	position: relative;
}


#top-rotator {
	position: relative;
	z-index: 1;
	
	height: 380px;
	width: 100%;
	
	overflow-x: hidden;
	text-align: center;
}


#top-rotator .item {
	margin: 0 !important;
	padding: 0 !important;
	height: 100%;
	width: 100%;
	
	position: absolute;
	
	background-size: cover !important;
	background-position: 50% 0 !important;
	background-repeat: no-repeat !important;
}


#top-rotator .item .title {
	color: #fff;
	font-size: 65px;
	margin-top: 45px;
	font-weight: bold;	
	text-shadow: 2px 2px 3px #333;
}


#top-rotator .item .subtitle {
	color: #fff;
	font-size: 28px;
	margin-bottom: 10px;
	font-weight: bold;
	text-shadow: 2px 2px 3px #333;
}


#top-rotator-nav {
	position: absolute;
	top: 295px;
	z-index: 2;
	
	text-align: center;
	width: 100%;
}


#top-rotator-nav .navi {
	display: inline-block;
	width: 70px;
	height: 45px;
	position: relative;
	margin: 5px 10px;
	border: 2px solid #fff;
	
	opacity: .55;
	z-index: 1;
	vertical-align: top;
}


#top-rotator-nav .navi .tip {
	width: 250px;
	background: #fff;
	
	display: none;
	position: absolute;
	bottom: 55px;
	left: -100px;
	z-index: 10;

	font-size: 12px;
	padding: 5px;
	border: 1px solid #a5a5a5;
}

#home-rotator-nav .navi .tip .tick {
	background: url(/assets/images/layout/tip-tick.png) 50% 0 no-repeat;
	position: absolute;
	top: 100%;
	left: 130px;
	width: 12px;
	height: 7px;
}


#home-rotator-nav .navi:hover {
	opacity: 1;
}

#home-rotator-nav .navi:hover .tip {
	display: block;
}

#home-rotator-nav .navi.activeSlide {
	opacity: 1;

}

#home-rotator-nav .navi a.thumbnail {
	display: inline-block;
	width: 70px;
	height: 45px;
	overflow: hidden;
	z-index: 2;
	vertical-align: top;
}


#home-rotator-nav .navi a.thumbnail img {
	height: 100%;
	width: auto;
}


#top-rotator-prev {
	background: url(/assets/images/pages/home/rotator-arrows.png) 0 50% no-repeat;
	width: 60px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 25px;
	z-index: 5;
	cursor: pointer;
	opacity: 0;
}


#top-rotator-next {
	background: url(/assets/images/pages/home/rotator-arrows.png) -90px 50% no-repeat;
	width: 60px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 25px;
	z-index: 5;
	cursor: pointer;
	opacity: 0;
}



.landing  nav{
	margin-bottom:20px;
}


/* ==========================================================================
   Search Page
   ========================================================================== */

#search-nav {
	background: #569bbe;
	height: auto;
	padding: 0;
}

#search-nav ul {
	margin: 0;
	padding: 0 10px;
	text-align: center;
}

#search-nav li {
	list-style: none;
	display: inline;
}

#search-nav a {
	color: #fff;
	padding: 8px;
	text-align: none;
	line-height: 36px;
	text-decoration: none;
}

#search-nav a:hover {
	text-decoration: underline;
}

#search-page {
	position: relative;
	height: 90px;
}

#search-page .search-form {
	left: 0;
	right: auto;
}


#search-page .search-form {
	/*zoom: 1.05;*/
	right: 245px;
	width: 390px;
}

#search-page .search-form .search-input {
	width: 390px;
	padding: 9px 9px 8px 9px;
}


.inner-content.search-detail {
	width: 650px;
	margin-right: 40px;
}


.search-detail-image {
	margin-bottom: 20px;	
}

.search-detail-left {
	width: 45%;
	float: left;
}

.search-detail-right {
	width: 45%;
	float: right;
	margin-right: 30px;
}


.search-detail h1 {
	margin: 0;
}

.search-detail h2 {
	font-size: 17px;
	line-height: 17px;
}


.search-detail h3 {
	font-size: 15px;
	line-height: 15px;
	color: #9a9a9a;
}


.search-detail hr {
	margin: 10px 0;
}

.search-detail a {
	text-decoration: none;
}

.search-detail a:hover {
	text-decoration: underline;
}

.search-releated {
	margin-right: 30px;
}

table.data {
	font-size: 13px;
}

.search-detail p {
	margin: 0 0 15px;
}

.search-releated ul {
	padding: 0;
	margin: 0 15px 0 0;
	display: inline-block;
}

.search-releated li {
	list-style: none;
}

.search-releated a {
	text-decoration: underline;
}





.search-list {
	position: relative;	
}

.search-list-left {
	width: 150px;
	position: absolute;
	left: 0;
	top: 0;
}

.search-list-right {
	margin-left: 165px;
	margin-right: 30px;
}

.search-filters h4 {
	color: #575757;
}

/* changes */
.search-filters .options {
	position: relative;
}

.search-filters .options h4 {
	position: relative;
}

.search-filters .box {
	background: url(/assets/images/sprites/plus-minus.jpg) 0 0 no-repeat;
	display: block;
	height: 11px;
	width: 11px;
	position: absolute;
	left: -14px;
	top: 2px;
	cursor: pointer;
}

.search-filters .options-list.expanded {
	display: block;
}

.search-filters .options-list.collapsed {
	display: none;
}

.search-filters .box.box-expanded {
	background: url(/assets/images/sprites/plus-minus.jpg) 0 0 no-repeat;
}

.search-filters .box.box-collapsed {
	background: url(/assets/images/sprites/plus-minus.jpg) 0 -11px no-repeat;
}


.search-filters .link-list {
	list-style: none;
	padding: 0;
	margin: 0 0 16px;
	line-height: 20px;
}

/* end changes */


.search-filters .link-list li,
.search-filters .link-list a {
	color: #575757;
	font-size: 13px;
	text-decoration: none;
	line-height: 20px;
	margin: 0;
}

.search-filters input[type=checkbox] {
	margin-right: 10px;
}

.search-filters label {
	font-size: 13px;
	color: #575757;
}

/* changes */
.search-filters .checkbox-filter-set {
	line-height: 18px;
	margin-bottom: 15px;
}

.search-list-item {
	position: relative;
	margin-bottom: 20px;
}

.search-list-item .image {
	width: 75px;
	height: 75px;
	position: absolute;
	top:0;
	left:0;
	overflow: hidden;
}

.search-list-item .details {
	margin-left: 90px;
	padding: 3px 0;
}

.search-list-item .details h2,
.search-list-item .details h2 a {
	font-size: 14px;
	line-height: 14px;
	color: #569bbe;
	margin: 0;
	text-decoration: underline;
}

.search-list-item .details a {
	font-size: 13px;
	color: #749a47;
	text-decoration: none;
}

.search-list-item .details a:hover {
	text-decoration: underline;
}

.search-list-item .details p {
	height: 44px;
	overflow: hidden;
	line-height: 16px;
}

.search-list-item .details ul {
	padding: 0;
	margin: 0 15px 0 0;
	display: inline-block;
}

.search-list-item .details li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.search-list-item .details li a {
	color: #569bbe;
	text-decoration: underline;
}





.pagination {
	padding: 5px;
	margin: 0 20px;
	text-align: center;
	background: #ebebeb;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	font-size:11px;
}

.pagination li {
	list-style: none;
	display: inline;
}

.pagination a {
	
	padding: 8px 10px;
	text-align: none;
	line-height: 34px;
	text-decoration: none;

	width: 24px;
	height: 24px;

	color: #808080;
	text-decoration: underline;
	
	vertical-align: top;
	text-decoration: none;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	

}

.pagination a.current,
.pagination a.current:hover {
	background: #749a47;
	color: #fff;
	opacity: 1;
}

.pagination a:hover {
	opacity: .6;
	background-color: #f7f7f7;
	color: #2f2f2f;
}

.pagination a.prev {
	text-indent: -9999px;
	background: url(/assets/images/sprites/arrows-pagination-left-right.png) 0 50% no-repeat;
	
	display: inline-block;
	height: 20px;
	width: 10px;
	padding: 0;
	margin: 5px 10px;
}

.pagination a.next {
	text-indent: -9999px;
	background: url(/assets/images/sprites/arrows-pagination-left-right.png) -10px 50% no-repeat;
	
	display: inline-block;
	height: 20px;
	width: 10px;
	padding: 0;
	margin: 5px 10px;
}

/* ==========================================================================
   Forms (general)
   ========================================================================== */


form#give-now-form {
	
}

form#give-now-form label {
	font-size: 15px;
	color: #575757;
	display: block;
	cursor: pointer;
	padding: 5px;
}

form#give-now-form input[type=radio] {
	margin: 0 5px 0 0;
}

form#give-now-form input[type=text] {
	font-size: 12px;
	height: 24px;
	line-height: 16px;
	padding: 3px 6px;
	margin: 0 0 5px 0;
	border: 1px solid #ddd;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}



form#signup-elca-emails {
	width: 100%;
	margin: 10px 0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

form#signup-elca-emails input[type=text],
form#signup-elca-emails input[type=password] {
	font-size: 12px;
	height: 24px;
	line-height: 16px;
	padding: 3px 6px;
	margin: 0 0 5px 0;
	width: 100%;
	border: 1px solid #ddd;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}


form#signup-elca-emails input[type=submit] {
	float: right;
	display: block;
}



/*
	Comment block
*/

#comments-holder {
	background: #f7f7f7;
	border: 2px solid #e5e5e5;
}

#comment-holder form {
}

#comment-form {
	display: block;
	margin: 20px;
}

#comment-form textarea {
	width: 100%;
	border: 1px solid #ddd;
	padding: 15px;
	font-size: 14px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}


#comment-form .actions {
	text-align: right;
	margin: 10px auto;
}


/*
	end of comment block
*/

.state-select {
	width: 100px;
}


/* autocomplete */
.autocomplete-suggestions { background:url(img/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
.autocomplete-suggestion { border:1px solid #aaa; border-width:0 1px 1px; background:#FFF; padding:10px; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete-suggestion .autocomplete-selected { background:#F0F0F0; }
.autocomplete-suggestion div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
.autocomplete-suggestion strong { font-weight:normal; color:#3399FF; }

/* modal dialogs */
.modal-fade {
	position:fixed;
	left:0%;
	top:0%;
	background-color:black;
	-moz-opacity:0.7;
	opacity:.70;
	filter:alpha(opacity=70);
	width:100%;
	height:100%;
	z-index:90;
}
.modal-window {
	position:fixed;
	left:50%;
	top:50px;
	padding:15px;
	border:0;
	background-color:#FFF;
	width:400px;
	height:600px;
	z-index:100;
	margin-left:-200px;
	border-bottom:40px solid #569BBE;
}

.modal-close {
	position:absolute;
	top:-15px;
	right:-15px;
	background-image:url(/assets/images/layout/close-map-details.png);
	display:block;
	width:30px;
	height:30px;
	
}
/* ==========================================================================
   FireFox specific overrides/hacks
   ========================================================================== */

@-moz-document url-prefix() { 

	input[type=number] {
		max-width: 20px;
	}
	
	#map-search-nav select {
		text-overflow: ellipsis;
		max-width: 100px;
	}	
	
}


/* ==========================================================================
   Safari specific overrides/hacks
   ========================================================================== */

@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type=number] {
		max-width: 40px;
	}

	input[type=number].wider {
		max-width: 100px;
	}
}




#modal {
    position: absolute; /* makes the div go into a position that?s absolute to the browser viewing area */
    left: 25%; /* positions the div half way horizontally */
    top: 25%; /* positions the div half way vertically */
    padding: 25px; 
    width: 50%;
    height: 50%;
    z-index: 100; /* makes the div the top layer, so it?ll lay on top of the other content */
}

#modal-close {
	height: 30px;
	width: 30px;
    background: url(/assets/images/layout/close-modal.png?) 50% 50% no-repeat;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

#modal-content {
	border: 2px solid #000;
	background: #fff;
	padding: 20px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}

#modal-fade {
    display: none;  /* ensures it's invisible until it's called */
    position: fixed;  /* makes the div go into a position that's absolute to the browser viewing area */
    left: 0%; /* makes the div span all the way across the viewing area */
    top: 0%; /* makes the div span all the way across the viewing area */
    background: url(/assets/images/layout/opacity-75-000000.png) repeat;
    width: 100%;
    height: 100%;
    z-index: 90; /* makes the div the second most top layer, so it'll lay on top of everything else EXCEPT for divs with a higher z-index (meaning the #overlay ruleset) */
}


#modal iframe {
	margin: 0 auto;
	
	max-width: 100%;
	max-height: 100%;
	display: block;
}

/*
 * Alert Bar
 */ 
#alertbar_container {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	text-align:center;
	color:#FFF;
	z-index:99;
}

.alertbar {
	width:100%;
	padding:4px;
	display:none;
}

.alertbar .close {
	width:16px;
	height:16px;
	background-image:url("/assets/images/icons/close.gif");
	float:right;
	background-size:cover;
	margin-right:6px;
	cursor:pointer;
}