/* -- Global Styles -- */

html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
} 

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: helvetica, arial, sans-serif;
	background: #736F69;
}

object {
	padding: 0;
	margin: 0;
	outline: 0;
	border: 0;
}

img {
	border: 0;
}

a {
	color: #E71105;
	text-decoration: none;
}

a:hover {
	color: #990000;
}

a,
object,
input,
textarea {
	outline: none;
}


hr {
	display: block;
	border: 0;
	height: 1px;
	margin: 25px 0;
	border-bottom: 1px solid #EEE;
}

/* -- Forms -- */

form {
	margin: 0;
	padding: 0;
}

form label {
	display: block;
	width: 320px;
	line-height: 18px;
	padding-bottom: 10px;
	font-weight: bold;
}

textarea {
	overflow: auto;
}

form input.input,
form textarea.textarea {
	width: 320px;
	height: 17px;
	padding: 8px 5px;
	font-size: 14px;
	line-height: 17px;
	color: #555;
	border: 1px solid #ADAAAA;
	border-bottom: 1px solid #E5E2E2;
	border-right: 1px solid #E5E2E2;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
}

form textarea.textarea {
	height: 100px;
}

input.autocomplete {
	display: block;
}

div.autocomplete-results {
	display: none;
	position: absolute;
	width: 180px;
	margin-top: -1px;
	z-index: 1000;
	border: 1px solid #999;
	background: #FFF;
}

div.autocomplete-results ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

div.autocomplete-results li {
	display: block;
	position: relative;
	height: 25px;
	line-height: 20px;
	overflow: auto;
	vertical-align: top;
}

div.autocomplete-results a {
	position: relative;
	display: block;
	padding: 5px;
	height: 15px;
	overflow: hidden;
	color: #333;
	cursor: default;
}

div.autocomplete-results span {
	color: #999;
}

div.autocomplete-results strong {
	color: #000;
}

div.autocomplete-results .focus {
	background: #D5EAF4;
}

input.input-dropdown {
	width: 320px;
	height: 17px;
	padding: 8px 5px;
	font-size: 14px;
	line-height: 17px;
	color: #555;
	border: 1px solid #ADAAAA;
	border-bottom: 1px solid #E5E2E2;
	border-right: 1px solid #E5E2E2;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
    background: #FFF url(/images/cms/dropdown.gif) right 4px no-repeat !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
     input.input-dropdown {
        margin-top: 2px;
     }
}

input.input-error {
    border: 1px solid #B70000 !important;
    background: #FAF0EF !important;
}

select.focused option {
    background: #FFF;
}

div.dropdown-container {
    display: none;
    position: absolute;
    z-index: 1000;
    border: 1px solid #666;
    background: #FFF;
    font-size: 12px;
    line-height: 15px;
    font-family: arial;
    width: 179px;
    margin-top: -1px;
}

div.dropdown-container ul {
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none;
}

div.dropdown-container li {
    position: relative;
    height: 30px;
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
}

div.dropdown-container a {
    position: relative;
    display: block;
    height: 20px;
    margin: 0;
    padding: 5px;
    font-size: 13px;
    line-height: 20px;
    overflow: hidden;
    color: #333;
    cursor: default;
    border: 0 !important;
}

div.dropdown-container .focus {
    background: #D5EAF4;
}


/* -- Blocks -- */

blockquote {
	margin: 20px 0;
	padding: 15px;
	border: 1px solid #EEE;
	background: #F8F8F8;
	font-style: italic;
}

.block {
	position: relative;
	display: block;
}

.left {
	position: relative;
	display: block;
	float: left;
}

.right {
	position: relative;
	display: block;
	float: right;
}

.clear {
	display: block;
	clear: both;
	overflow: hidden;
	height: 0;
}

.autoclear {
	width: 100%;
	overflow: hidden;
}

.center {
	text-align: center;
}

.center img {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}

.hidden {
	display: none;
}

.mobile-show {
	display: none;
}

.justify-fix {
	display: inline-block;
	width: 90%;
}

.photo-left,
.photo-right,
.photo-center {
	display: inline;
	float: left;
	margin: 7px 14px 5px 0;
	color: #999;
	text-align: center;
	font-size: 90%;
}

.photo-right {
	float: right;
	margin: 7px 0 5px 14px;
}

.photo-center {
	display: block;
	float: none;
	margin: 0 auto;
}

.photo-left img,
.photo-right img,
.photo-center img {
	display: block;
	border: 0;
	margin-bottom: 5px;
}

.photo-center img {
	margin-left: auto;
	margin-right: auto;
}

.caption {
	text-align: center;
	color: #665F59;
	font-family: arial;
	font-size: 11px !important;
}

.caption img {
	display: block;
	margin-bottom: 10px;
}


/* -- Messages -- */

.flash-success,
.flash-error,
.flash-warning,
.flash-notice {
	display: block;
	padding: 8px;
	margin: 20px 0;
	background: #E71105;
	font-family: helvetica, arial, sans-serif;
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.none-found {
	text-align: center;
	padding: 30px 0;
	font-size: 1.3em;
}


/* -- Buttons -- */

.button,
.button-lg {
	display: inline-block;
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
	font-family: helvetica, arial, sans-serif;
	padding: 6px 15px 5px;
	background: #6C8AB0 url(/images/common/button-bg.png) repeat-x;
	color: #FFF !important;
	text-shadow: -1px -1px 0 rgba(0,0,0,.1);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 0;
	border-bottom: 1px solid #5E7EA7 !important;
	cursor: pointer;
}

.button:hover,
.button-lg:hover {
	color: #FFF;
	background-position: 0 -40px;
	border-bottom: 1px solid #6C8AB0 !important;
}

.button-lg {
	font-size: 17px;
	line-height: 29px;	
}

.button.disabled,
.button-lg.disabled,
.button.disabled:hover,
.button-lg.disabled:hover {
	background: #6C8AB0 url(/images/common/button-bg.png) repeat-x;
	opacity: .3;
	cursor: default;		
}

.listen {
	display: inline-block;
	position: relative;
	width: 22px;
	height: 1px;
	padding-top: 21px;
	overflow: hidden;
	background: url(/images/common/listen-icon.png) no-repeat;
	border: 0 !important;
} 

.listen:hover {
	background-position: 0 -22px;
	border: 0 !important;
}

.listen-sm {
	display: inline-block;
	position: relative;
	width: 15px;
	height: 1px;
	padding-top: 12px;
	overflow: hidden;
	background: url(/images/common/listen-icon-sm.gif) no-repeat;
	border: 0 !important;
}

.audio,
.audio-playing,
.audio-disabled,
.stream,
.stream-playing,
.stream-disabled {
	display: block;
	float: left;
	width: 19px;
	height: 1px;
	padding-top: 18px;
	overflow: hidden;
	margin: 3px 6px 0 0;
	background: url(/images/common/audio-buttons.gif) no-repeat;
}

.audio,
.stream {
	background-position: -19px 0;
}

.audio:hover,
.stream:hover {
	background-position: -19px -19px;
}

.audio-playing,
.stream-playing {
	background-position: -38px 0;
}

.audio-playing:hover,
.stream-playing:hover {
	background-position: -38px -19px;
}

.audio-disabled {
	background: url(/images/common/no-audio.gif) no-repeat;
}




/* -- Wrapper -- */

div#wrapper {
	width: 100%;
	text-align: center;
	background: #CCC url(/images/common/background.png);
}


/* -- Header -- */

div#header {
	width: 100%;
	height: 200px;
	background: #706B68 url(/images/common/header-bg-repeat.png) repeat-x;
	box-shadow: 0 0 10px rgba(0,0,0,.3);
}

div#header-content {
	width: 1046px;
	height: 200px;
	margin: auto;
	text-align: left;
	background: url(/images/common/header-bg-main.jpg) center top no-repeat;
}

div#header h1 {
	float: left;
	padding: 8px 0 0 30px;
	margin: 0;
}

div#header h1 img {
	display: block;
}

div#header div.right {
	height: 105px;
	padding: 20px 43px 0 0;
	overflow: hidden;
}

div#header div#user {
	text-align: right;
	height: 22px;
	padding: 12px 3px 0 0;
	font-size: 12px;
	line-height: 14px;
	color: #969190;
}

div#header div#user a {
	display: inline-block;
	margin: 0 3px;
	color: #EBEBEA;
}

div#header div#user a:hover {
	color: #FFF;
}

div#header div#user a.share {
	padding-left: 15px;
	background: url(/images/common/header-share-icon.gif) no-repeat;
}

div#header form#search {
	float: right;
	margin: 0;
	padding: 0;
	width: 263px;
	height: 29px;
	overflow: hidden;
	background: #E8E6E6 url(/images/common/search-field.png) no-repeat;
}

div#header form#search.focus {
	background-position: 0 -29px;
}

div#header form#search p {
	margin: 0;
	padding: 0;
}

div#header form#search p input#query {
	float: left;
	width: 223px;
	height: 19px;
	padding: 5px 6px;
	background: none;
	border: 0;
	outline: none;
	font-family: helvetica, arial, sans-serif;
	font-size: 13px;
	line-height: 19px;
	color: #666;
}

div#header form#search p input#search-submit {
	float: left;
	margin-top: 4px;
}

div#header p#tab-buttons {
	clear: right;
	text-align: right;
	margin: 0;
	padding: 15px 0 0 2px;
}

div#header p#tab-buttons a {
	display: inline-block;
	height: 26px;
	padding: 0 17px;
	margin-left: -1px;
	overflow: hidden;
	font-size: 12px;
	line-height: 30px;
	color: #E9E7E7;
	background: #4D4947;
	box-shadow: inset 0 1px 0 rgba(255,255,255, .25);
	border-bottom: 1px solid #464241;
	border-radius: 10px 10px 0 0;
	-webkit-font-smoothing: antialiased;
}

div#header p#tab-buttons a:hover {
	background: #44403E;
}




div#header div#mobile-triggers {
	display: none;
}

div#header div#navigation {
	display: block;
	clear: both;
	height: 53px;
	overflow: hidden;
	text-align: center;
}

div#header div#navigation ul {
	display: block;
	width: 1005px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	text-align: left;
	zoom: 1;
}

div#header div#navigation ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

div#header div#navigation ul li a {
	display: block;
	height: 15px;
	padding: 19px 15px 18px 14px;
	margin: 0 1px 0 0;
	color: #FFF;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-shadow: -1px -1px 1px rgba(0,0,0,.2);
}

div#header div#navigation ul li.selected a,
div#header div#navigation ul li a:hover {
	background: #87A1C4;
	outline: 1px solid rgba(91,122,165,.25);
	text-shadow: none;
}

div#header div#navigation ul li ul {
	display: none;
	position: absolute;
	z-index: 9999;
	height: auto;
	width: 200px;
	padding: 10px 0;
	margin: 0;
	background: #E9E7E7;
	border-top: 1px solid #666;
	box-shadow: 2px 2px 2px #333;
	box-shadow: 2px 2px 2px rgba(0,0,0,.25);
}

.lte-ie8 div#header div#navigation ul li ul {
	border-bottom: 1px solid #CCC;
}

div#header div#navigation ul li:hover ul {
	display: block !important;
}

div#header div#navigation ul li ul li {
	float: none;
}

div#header div#navigation ul li ul li a,
div#header div#navigation ul li.selected ul li a {
	height: auto;
	padding: 6px 16px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	text-transform: none;
	text-shadow: 1px 1px 0 #EEE;
	background: none !important;
	outline: none !important;
	color: #57749D;
}

div#header div#navigation ul li ul li a:hover,
div#header div#navigation ul li.selected ul li a:hover {
	background: none;
	outline: none;
	color: #394C6A;
}


/* -- Content -- */

div#content {
	margin: auto;
	width: 1000px;
	margin: -22px auto 0;
	padding: 0;
	background: #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,.3);
}

div#content div#content-shadow {
	position: absolute;
	z-index: 6;
	width: 1000px;
	min-height: 17px;
	background: url(/images/common/content-shadow.png) 0 -5px repeat-x;
}

div#content div#content-layout {
	width: 1000px;
	min-height: 700px;
	text-align: left;
	font-family: georgia, times new roman, serif;
	font-size: 16px;
	line-height: 25px;
	color: #333;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	background: url(/images/common/page-default.jpg) no-repeat;
}

div#content div#content-layout h2 {
	position: absolute;
	z-index: 6;
	height: 30px;
	padding: 4px 25px 12px;
	margin: 60px 0 0 -5px;
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-weight: 300;
	font-size: 26px;
	line-height: 30px;
	color: #DAD9D9;
	background: url(/images/common/subhead-bg.png) no-repeat;
	cursor: default;
}

div#content div.columns {
	width: 100%;
	padding-top: 105px;
	overflow: hidden;
}

div#content div.columns div.column-single {
	padding: 0 45px 50px;
}

div#content div.columns div.column-left {
	width: 515px;
	padding: 0 45px 50px;
	float: left;
}

div#content div.columns div.column-single h3,
div#content div.columns div.column-left h3 {
	margin: 20px 0;
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-weight: 300;
	font-size: 42px;
	line-height: 44px;
	cursor: default;
}

div#content div.columns div.column-single h4,
div#content div.columns div.column-left h4 {
	padding: 25px 0 0;
	margin: 30px 0 -2px;
	font-size: 22px;
	line-height: 28px;
	font-weight: normal;
	border-top: 1px solid #EEE;
	color: #444;
}

div#content div.columns div.column-left .inter-heading,
div#content div.columns div.column-single .inter-heading {
	display: block;
	margin: 10px 0 20px;
	padding: 0;
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 22px;
	letter-spacing: 1px;
	color: #736F69;
	text-transform: uppercase;
	cursor: default;
}

div#content div.columns div.column-left .smaller,
div#content div.columns div.column-single .smaller {
	font-size: 14px;
	line-height: 18px;
}

div#content div.columns div.column-left .detail,
div#content div.columns div.column-single .detail {
	font-size: 13px;
	line-height: 16px;
	color: #666;
}

div#content div.columns div.column-left .tags,
div#content div.columns div.column-single .tags {
	display: block;
	width: 100%;
	padding: 20px 0;
	margin: 0;
	overflow: hidden;
}

div#content div.columns div.column-left .tags a,
div#content div.columns div.column-single .tags a {
	display: block;
	float: left;
	padding: 4px 8px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #E5E2E2;
	color: #665F59;
	text-transform: uppercase;
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	line-height: 13px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 0 !important;
}

div#content div.columns div.column-left .tags a:hover,
div#content div.columns div.column-single .tags a:hover {
	background: #F2F2F2;
}

div#content div.columns div.listing .item {
	font-size: 15px;
	line-height: 20px;
}

div#content div.columns div.column-left ul {
	margin: 20px 0;
	padding: 0;
	list-style: none;
}

div#content div.columns div.column-left ul li {
	list-style: none;
	margin: 0;
	padding-left: 19px;
	background: url(/images/common/bullet.gif) 3px 11px no-repeat;
}

div#content div.columns div.column-left ul.nb li {
	padding-left: 0;
	background: none;
}

/* -- Pagination -- */

div#content div.columns div.column-left div.pagination {
	overflow: hidden;
	width: 100%;
	height: 30px;
	padding: 15px 0 10px;
}

div#content div.columns div.column-left div.pagination div {
	position: relative;
	float: left;
	left: 50%;
	text-align: left;
}

div#content div.columns div.column-left div.pagination ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	left: -50%;
}

div#content div.columns div.column-left div.pagination ul li {
	position: relative;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

div#content div.columns div.column-left div.pagination ul li a {
	display: block;
	margin-right: 3px;
	margin-bottom: 10px;
	padding: 8px 2px;
	width: 30px;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	color: #333;
	background: #E9E7E7;
	border: 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

div#content div.columns div.column-left div.pagination ul li a:hover {
	background: #F2F2F2;
	border: 0 !important;
}

div#content div.columns div.column-left div.pagination ul li.current a,
div#content div.columns div.column-left div.pagination ul li.current a:hover,
div#content div.columns div.column-left div.pagination ul li.selected a,
div#content div.columns div.column-left div.pagination ul li.selected a:hover{
	background: #E81E12;
	color: #FFF;
	cursor: default;
}

div#content div.columns div.column-left div.pagination li.elipsis {
	display: block;
	margin-right: 3px;
	padding: 5px 0;
	width: 30px;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	color: #333;
	cursor: default;
	background: none;
}



/* -- Right Column -- */

div#content div.columns div.column-right {
	float: right;
	width: 310px;
	padding: 0 42px 0 0;
}

div#content div.landing div.column-right {
	padding-top: 340px;
}


div#content div.columns div.column-right .sidebar {
	background: #E5E2E2;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	margin-bottom: 20px;
}

div#content div.columns div.column-right .sidebar h3 {
	display: block;
	height: 34px;
	margin: 0;
	padding: 0 10px;
	overflow: hidden;
	background: #D3CFCE;
	color: #665F59;
	text-align: center;
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-weight: normal;
	font-size: 17px;
	line-height: 34px;
	border-radius: 9px 9px 0 0;
	-moz-border-radius: 9px 9px 0 0;
	-webkit-border-radius: 9px 9px 0 0;
	cursor: default;
}

div#content div.columns div.column-right .sidebar p {
	width: 286px;
	overflow: hidden;
	margin: 4px 0;
	padding: 12px;
	font-size: 13px;
	line-height: 17px;
	margin-bottom: -10px;
}

div#content div.columns div.column-right .sidebar p:last-child {
	margin-bottom: 4px;
}


div#content div.columns div.column-right .sidebar p img {
	display: block;
	background: #D3CFCE;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

div#content div.columns div.column-right .sidebar ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 6px 6px 4px;
	font-size: 13px;
	line-height: 16px;
}

div#content div.columns div.column-right .sidebar ul li {
	list-style: none;
	margin-bottom: 2px;
	padding: 0;
}

div#content div.columns div.column-right .sidebar ul li a {
	display: block;
	padding: 10px 10px 10px 25px;
	background: #F2F2F2 url(/images/common/list-arrow.gif) 0 1px no-repeat; 
}

div#content div.columns div.column-right .sidebar ul li.selected a,
div#content div.columns div.column-right .sidebar ul li a:hover {
	background-color: #FFF;
	color: #E71105;
}

div#content div.columns div.column-right .sidebar ul li:first-child a {
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
}

div#content div.columns div.column-right .sidebar ul li:last-child a {
	border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
}

div#content div.columns div.column-right .sidebar span.caption {
	display: block;
	padding-top: 5px;
}

div#content div.columns div.column-right .photo-left,
div#content div.columns div.column-right .photo-right,
div#content div.columns div.column-right .photo-center {
	display: inline;
	float: left;
	margin: 3px 10px 10px 0;
	color: #999;
	text-align: center;
	font-size: 90%;
}

div#content div.columns div.column-right .photo-right {
	float: right;
	margin: 3px 0 10px 10px;
}

div#content div.columns div.column-right .button {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	text-align: center;
}

div#content div#affiliations {
	position: relative;
	height: 60px;
	padding: 3px;
	margin: 0 10px;
	background: #E9E7E7;
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
}

div#content div#affiliations a {
	display: inline-block;
	position: relative;
	height: 20px;
	padding: 20px 10px 20px 55px;
	background: url(/images/common/affiliation-icons.png) no-repeat;
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #736F69;
}

div#content div#affiliations a:hover {
	color: #3C3734;
}

div#content div#affiliations a#affiliation-ecu {
	background-position: 0 -60px;
}

div#content div#affiliations a#affiliation-edn {
	background-position: 0 -120px;
}


/* -- Magazine Layout -- */

div#magazine {
	width: 100%;
	overflow: hidden;
}

div#magazine-header {
	height: 480px;
	overflow: hidden;
}

div#magazine-cover {
	width: 100%;
	height: 480px;
	background-position: center;
	background-color: #666;
}

div#magazine-nav {
	position: absolute;
	z-index: 99;
	width: 1000px;
	margin-top: -470px;
}

div#magazine-nav ul {
	float: right;
	width: 237px;
	padding: 0;
	margin-right: 20px;
	list-style: none;
	background: #333;
	background: rgba(51,51,51,.8);
}

div#magazine-nav ul li {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	vertical-align: top;
}

div#magazine-nav ul li a {
	display: block;
	position: relative;
	padding: 4px 10px 4px 22px;
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #FFF;
}

div#magazine-nav ul li a.selected {
	background: #000;
	background: rgba(0,0,0,.5) url(/images/common/magazine-nav-bullet.gif) 9px 9px no-repeat;
}

div#magazine-title {
	position: absolute;
	z-index: 99;
	width: 1000px;
	height: 48px;
	padding: 10px 0;
	margin-left: 0;
	margin-top: -68px;
	text-align: center;
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-weight: 300;
	font-size: 42px;
	line-height: 48px;
	color: #333;
	background: rgb(200,200,200);
	background: rgba(255,255,255,.8);
	cursor: default;
}

a#magazine-prev {
	float: left;
	display: block;
	width: 48px;
	height: 1px;
	padding-top: 47px;
	overflow: hidden;
	background: url(/images/common/magazine-arrows.png) 8px 6px no-repeat;
	opacity: .75;
	-moz-opacity: .75;
	-webkit-opacity: .75;
	_filter: alpha(opacity=75);
}

a#magazine-next {
	float: right;
	display: block;
	width: 48px;
	height: 1px;
	padding-top: 47px;
	overflow: hidden;
	background: url(/images/common/magazine-arrows.png) -62px 6px no-repeat;
	opacity: .75;
	-moz-opacity: .75;
	-webkit-opacity: .75;
	_filter: alpha(opacity=75);
}

div#magazine-title a:hover {
	opacity: 1;
}

div#magazine-title a.disabled,
div#magazine-title a.disabled:hover {
	opacity: .3;
	cursor: default;
}

div#magazine-subnav {
	display: block;
	height: 100px;
	width: 960px;
	margin: 26px 13px 0;
	overflow: hidden;
}

div#magazine-subnav-nav {
	position: absolute;
	z-index: 3;
	width: 973px;
}

div#magazine-subnav-nav div {
	float: left;
	width: 103px;
}

div#magazine-subnav-nav div a {
	display: block;
	position: absolute;
	z-index: 3;
	width: 103px;
	height: 100px;
	background: url(/images/common/magazine-subnav-fade.png);
}

div#magazine-subnav-nav div.prev a {
	display: none;
}

div#magazine-subnav-nav div.next {
	float: right;
}

div#magazine-subnav-nav div.next a {
	background-position: -103px 0;
}

div#magazine-subnav ul {
	display: block;
	width: 9999px;
	height: 100px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

div#magazine-subnav ul li {
	display: block;
	float: left;
	width: 260px;
	height: 86px;
	margin-right: 8px;
	overflow: hidden;
}

div#magazine-subnav ul li.selected {
	height: 100px;
}

div#magazine-subnav ul li a {
	display: block;
	width: 260px;
	overflow: hidden;
	background-color: #E8E6E6;
}

div#magazine-subnav ul li a:hover {
	background-color: #D8D5D5;
}

div#magazine-subnav ul li a img {
	display: block;
	float: left;
}

div#magazine-subnav ul li.selected a {
	height: 100px;
	background-image: url(/images/common/magazine-subnav-arrow.gif);
	background-position: 0 bottom;
	background-repeat: no-repeat;
}

div#magazine-subnav ul li span {
	display: block;
	float: left;
	width: 150px;
	padding: 18px 10px;
	font-family: 'Open Sans', helvetica, arial;
	font-size: 18px;
	color: #333;
}

div#magazine .sub-section {
	width: 880px;
	overflow: hidden;
	padding-bottom: 20px;
	margin: 0 60px;
	border-bottom: 1px solid #E9E7E7;
}

div#magazine .sub-section .sub-images {
	float: left;
	width: 205px;
	padding-top: 40px;
}

div#magazine .sub-section .sub-images img {
	display: block;
	margin-bottom: 20px;
}

div#magazine .sub-section .sub-images a.image-overflow {
	display: block;
	width: 195px;
	padding: 5px;
	background: #F2F2F2;
	text-align: center;
}

div#magazine .sub-section .sub-text {
	float: left;
	width: 600px;
	padding: 20px 0 0 40px;
}

div#magazine .sub-section-full h4,
div#magazine .sub-section .sub-text h4 {
	margin: 20px 0 -2px;
	font-size: 22px;
	line-height: 28px;
	font-weight: normal;
	color: #444;
}

div#magazine .sub-section-full {
	margin: 35px 60px 0;
	border-bottom: 1px solid #E9E7E7;
}

div#magazine .sub-section-gallery {
	margin-top: 22px;
	padding: 19px 0 19px 19px;
	background: #E8E6E6;
}

div#magazine .sub-section-gallery ul {
	display: block;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

div#magazine .sub-section-gallery ul li {
	display: block;
	float: left;
	margin: 0;
	padding: 5px;
}

div#magazine .sub-section-gallery ul li a {
	display: block;
}

div#magazine .sub-section-gallery ul li a.selected,
div#magazine .sub-section-gallery ul li a:hover {
	outline: 3px solid #F83A2A;
}

div#magazine .sub-section-gallery ul li a img {
	display: block;
}

div#magazine .sub-section-full p {
	margin-right: 60px;
}

div#magazine .alt .sub-images {
	float: right;
}

div#magazine .alt .sub-text {
	padding-left: 0;
}

div#magazine a.file {
	display: inline-block;
	height: 17px;
	padding-left: 23px;
	line-height: 17px;
	background: url(/images/common/file-icon.gif) no-repeat;
}

div#magazine-section-nav {
	height: 86px;
	padding: 80px 0;
	margin: 0 60px;
	overflow: hidden;
	border-bottom: 1px solid #E9E7E7;
}

div#magazine-section-nav div {
	float: left;
	width: 50%;
}

div#magazine-section-nav div a {
	display: block;
	background: #E8E6E6;
	height: 86px;
	overflow: hidden;
}
div#magazine-section-nav div a:hover {
	background-color: #D8D5D5;
}

div#magazine-section-nav div a img {
	display: block;
	float: left;
	padding-left: 18px;
	background: url(/images/common/magazine-section-arrows.png) no-repeat;
}

div#magazine-section-nav div.next a img {
	float: right;
	padding-left: 0;
	padding-right: 18px;
	background-position: right bottom;
}

div#magazine-section-nav div a span {
	display: block;
	float: left;
	padding: 22px 10px 0;
	font-family: 'Open Sans', helvetica, arial;
	font-size: 18px;
	color: #333;
}

div#magazine-section-nav div a span em {
	display: block;
	font-size: 13px;
	line-height: 14px;
	font-style: normal;
	font-family: georgia, times new roman, serif;
	color: #736F69;
}

div#magazine-section-nav div.next a span {
	float: right;
	text-align: right;
}

div#magazine-bottom {
	padding: 25px 60px 60px;
	height: 20px;
	overflow: hidden;
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-size: 16px;
	line-height: 18px;
}

div#magazine-bottom a.left {
	display: inline-block;
	height: 20px;
	padding-left: 20px;
	background: url(/images/common/magazine-page-arrows.gif) left bottom no-repeat;
}

div#magazine-bottom a.right {
	display: inline-block;
	height: 20px;
	padding-right: 20px;
	background: url(/images/common/magazine-page-arrows.gif) right top no-repeat;
}

#magazine h3 {
	margin: 16px 0 20px;
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-weight: 300;
	font-size: 42px;
	line-height: 44px;
	cursor: default;
}

div#magazine-detail {
	height: 585px;
	margin-bottom: 40px;
	background: #E8E6E6;
	overflow: hidden;
}

div#magazine-detail-image {
	float: left;
	width: 585px;
	height: 585px;
	background-color: #000;
	background-position: center center;
	background-repeat: no-repeat;
}

div#magazine-detail-image a {
	display: block;
	width: 585px;
	height: 585px;
	overflow: hidden;
	text-align: center;
}

div#magazine-detail-image a img {
	display: none;
}

div#magazine-detail-image a span {
	display: none;
}

div#magazine-detail-image a:hover span {
	display: block;
	width: 90px;
	margin: 520px auto 0;
	padding: 2px;
	background: #333;
	font-size: 13px;
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #FFF;
	text-shadow: -1px -1px 0 #000;
}

div#magazine-detail-close {
	padding: 20px 0 3px;
	height: 12px;
	overflow: hidden;
}

div#magazine-detail-close a {
	display: block;
	float: right;
	width: 12px;
	height: 1px;
	padding-top: 11px;
	overflow: hidden;
	background: url(/images/common/magazine-close.gif) no-repeat;
}

div#magazine-detail-close a:hover {
	background-position: 0 -12px;
}

div#magazine-detail-text {
	float: left;
	width: 260px;
	height: 545px;
	padding-left: 16px;
}

div#magazine-detail-text h4 {
	margin-top: 0 !important;
	font-size: 25px !important;
}

div#magazine-detail-text h5 {
	font-weight: normal;
	font-size: 18px;
	line-height: 22px;
	margin: 4px 0 0;
}

div#magazine-detail-text p {
	font-size: 14px;
	line-height: 20px;
	margin-right: 0 !important;
}

div#magazine-detail-nav {
	float: left;
	width: 260px;
	padding: 0 16px;
	font-family: 'Open Sans', helvetica, arial;
	font-size: 14px;
}

div#magazine-detail-breadcrumb {
	padding: 60px 0;
	margin: 0 60px;
	text-align: center;
	font-family: 'Open Sans', helvetica, arial;
	font-size: 16px;
	color: #A4A09F;
	border-bottom: 1px solid #E9E7E7;
}



/* -- Footer -- */

div#footer {
	position: relative;
	clear: both;
	width: 100%;
	height: 50px;
	padding: 25px 0 20px;
	text-align: center;
	background: #736F69;
	color: #ABA9A5;
	font-size: 11px;
	line-height: 14px;
	border-top: 1px solid #5A5654;
}

div#footer a {
	color: #E3E2E1;
	font-size: 14px;
	line-height: 16px;
}

div#footer a:hover {
	color: #FFF;
}

div#footer div#copyright {
	padding-top: 10px;
}

div#footer div#copyright a {
	color: #ABA9A5;
	font-size: 11px;
	line-height: 14px;
}

div#footer div#copyright a:hover {
	text-decoration: underline;
}

/* -- Popup -- */

div#popup-bg {
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 99999;
	background: rgba(0,0,0,.5);
}

div#popup {
	display: block;
	position: absolute;
	z-index: 9999;
	width: 630px;
	padding: 40px 45px 30px;
	overflow: hidden;
	background: #FFF;
	box-shadow: 0 0 7px rgba(0,0,0,.7);
	font-family: georgia, times new roman, serif;
	color: #333;
	background: #FFF;
	font-size: 13px;
	line-height: 20px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.lte-ie8 div#popup {
	border: 1px solid #CCC;
}

div#popup h3 {
	margin: 0 0 20px;
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-weight: 300;
	font-size: 22px;
	line-height: 24px;
	cursor: default;
}

div#popup a.close {
	display: block;
	float: right;
	width: 19px;
	height: 19px;
	overflow: hidden;
	background: #A7B7CC;
	color: #FFF;
	font-family: arial;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

div#popup a.close:hover {
	background: #7891B1;
}

div#popup div.scroll {
	overflow: auto;
	padding-right: 20px;
}

div#popup label {
	width: 99%;
}

div#popup label span {
	font-weight: normal;
	color: #666;
}

div#popup input.input,
div#popup textarea.textarea {
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
}

div#popup .error {
	border: 1px solid #E71105;
	padding: 5px;
	color: #E71105;
	font-weight: bold;
}



/* -- Lightbox -- */

div#lightbox {
	position: absolute;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.6);
	background: rgba(0,0,0,.4);
}	

div#lightbox div.overlay {
	position: absolute;
	z-index: 1000;
	width: 900px;
	height: 740px;
	overflow: hidden;
	padding: 15px 20px 40px;
	background: rgb(50,50,50);
	background: #111;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}	

div#lightbox div.title {
	height: 30px;
	overflow: hidden;
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-weight: 300;
	font-size: 19px;
	line-height: 21px;
	color: #FFF;
} 
	
div#lightbox a.close {
	position: relative;
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	background: url(/images/common/lightbox-close.png) center no-repeat;
}	

div#lightbox div.nav {
	position: absolute;
	z-index: 1001;
	width: 900px;
}

div#lightbox a.prev {
	position: relative;
	display: block;
	float: left;
	width: 50%;
	height: 700px;
}	

div#lightbox a.prev:hover span {
	display: block;
	margin-top: 325px;
	margin-left: 2%;
	width: 50px;
	height: 50px;
	overflow: hidden;
	background: url(/images/common/nav-buttons.png) no-repeat;
}	

div#lightbox a.next {
	position: relative;
	display: block;
	float: right;
	width: 50%;
	height: 700px;
}	
	
div#lightbox a.next:hover span {
	display: block;
	float: right;
	margin-top: 325px;
	margin-right: 2%;
	width: 50px;
	height: 50px;
	overflow: hidden;
	background: url(/images/common/nav-buttons.png) -50px 0 no-repeat;
}	

div#lightbox div.image {
	position: relative;
	text-align: center;
	height: 700px;
}

div#lightbox div.image img {
	position: relative;
	display: block;
	margin: auto;
}

div#lightbox div.image img.loading {
	margin-top: 360px;
}
	
div#lightbox div.caption {
	position: absolute;
	height: 30px;
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-size: 15px;
	color: #CCC;
	text-align: center;
	margin-top: 20px;
	overflow: hidden;
}


/* -- Prayer Request - */

div.prayer-wrapper {
	height: 650px;	
	position: relative;
}

div.prayer-wrapper .error {
	position: absolute;
	width: 100%;
}

#request-form {
	margin: 90px 0 0;	
}





/* -- Print -- */

@media print {
	
	html,
	body {
		width: auto;
		height: auto;
		padding: auto;
		margin: auto;
		background: #FFF;
		text-align: left;
	}
	
	a {
		color: #000;
		text-decoration: underline;
	}

	div#header {
		width: auto;
		height: auto;
		margin: none;
	}
	
	div#header h1 {
		float: none;
		margin: 0 0 20px;
		padding: 0;
	}
	
	div#header ul#navigation {
		display: none;
	}
	
	div#content,
	div#layout {
		width: auto;
		margin: 0;
	}
	
	div#footer {
		display: none;
	}
	
}