* { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0; }
body { line-height: 17px; color: black; background: #aed036; font-family:Verdana; font-size:12px; color:#666666; margin:0; padding:0; height:100%; }
ul { list-style: none; }
a img,:link img,:visited img { border:none; }
.clearer {float: none; clear: both; line-height: 0; display: block; }
html {margin:0; padding:0; height:100%; }
sup { font-size: 10px; line-height: 1; vertical-align: top; }

#mainWrap {
	width: 100%;
	min-height:100%;
	height: auto !important;
	height:100%;
	position: relative;
	background:url(/thelutheran/images/top_gradient_full.gif) top left repeat-x;
}
.centreDiv {
	margin: 0 auto 0 auto;
	margin-left: auto;
	margin-right: auto;
}
#navPanel {
	width: 950px; height: 134px;
	z-index: 2;
}
#navPanel img {
	float: left; display: block;
}

#bodyContent {
	width: 950px;
	padding-bottom: 100px;
}

#contentLeft {
	float:left;
	padding-left:15px;
	width: 650px;
	position:relative;
}

#contentRight {
	float: right;
	width:259px;
}

#contentRightSubs .btn {
	height: 118px; display: block; overflow: hidden;
	position: relative; margin-top: 10px; z-index: 1;
	cursor: pointer;
}

#contentRightSubs .btn span {
	display: block; width: 100%; height: 100%; float: none;
	position: absolute; top: 0px; left: 0px; z-index: 80;
}

#contentRightSubs #btnSubs {
	width: 259px;
}
#contentRightSubs #btnSubs span {
	background: url("images/subscribe_now.jpg") 0px 0px no-repeat;
}
#contentRightSubs #btnSubs:hover {
	z-index: 2; text-indent: 1000px;
}
#contentRightSubs #btnSubs:hover span {
	background: url("images/subscribe_now.jpg") 0px -119px no-repeat;
	z-index: 1;
}
#contentRightRenew { height: 91px; display: block; overflow: hidden; position: relative; margin-top: 10px; z-index: 1; }
#contentRightRenew span { width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; z-index: 80; float: none; }
#contentRightRenew #btnRenew {
	width: 259px;
}
#contentRightRenew #btnRenew span {
	background: url(/thelutheran/images/renew.jpg) 0px -5px no-repeat;
}
#contentRightRenew #btnRenew:hover {
	z-index: 2; text-indent: 1000px;
}
#contentRightRenew #btnRenew:hover span {
	background: url("images/renew.jpg") 0px -100px no-repeat;
	z-index: 1;
}

#contentRightRenewSubs { height: 91px; display: block; overflow: hidden; position: relative; margin-top: 5px; z-index: 1; }
#contentRightRenewSubs span { width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; z-index: 80; float: none; }
#contentRightRenewSubs #btnRenewSubs {
	width: 259px;
}
#contentRightRenewSubs #btnRenewSubs span {
	background: url(/thelutheran/images/renew_subs.jpg) 0px 0px no-repeat;
}
#contentRightRenewSubs #btnRenewSubs:hover {
	z-index: 2; text-indent: 1000px;
}
#contentRightRenewSubs #btnRenewSubs:hover span {
	background: url("images/renew_subs.jpg") 0px -91px no-repeat;
	z-index: 1;
}


#giftSubs img {
	margin-left:12px;
}

#coverStory {
	background: url("images/bg_green.gif") 0px 0px repeat;
	width:620px;
	padding:5px;
	margin:10px 0 10px 0;
}
div > #coverStory {
	width:640px;
	padding:5px;
}

#coverStorySecond {
	background: url("images/bg_green.gif") 0px 0px repeat;
	width:610px;
	padding:5px;
	margin:10px 0 10px 0; 
	display:none;
}
div > #coverStorySecond {
	width: 640px;
	padding:5px;
	margin:10px 0 10px 0; 
}

#coverStory .right {
	width:300px;
}

#coverStory .right #flashContent {
	padding-left:10px;
	z-index:1;
	width:250px;
}

.coverStoryInner {
	background:url("/thelutheran/images/swirl.gif") 300px 0 no-repeat;
	width:610px;
	padding:10px 5px 5px 5px;
}

div > .coverStoryInner {
	width: 650px;
	padding:10px 5px 5px 5px;
}
.coverStoryInner .left {
	width:45%;
	text-align:left;
	margin-left:0;
	padding-left:10px;
}

#coverStoryInner p {
	width: 280px;
}
#coverStoryInner img {
	margin: 20px 85px 0 0;
}

#featuresHome {
	width:630px;
}

#featuresSecond {
	width:630px;
	display:none;
}

#featuresThird {
	width:630px;
	display:none;
}

.featuresLeft {
	position:relative;
	float:left;
	width:310px;
}
.featuresRight {
	position:relative;
	float:right;
	width:310px;
}

.featuresImages {
	position:relative;
	float:left;
	width:76px;
	padding-left:20px;
}
div > .featuresImages {
	width:84px;
}

div > .featuresImages { padding-right:0px;}


.featuresContent {
	padding-left:0px;
	float:right;
	width:200px;
}

div > .featuresContent {
	width:206px;
}

.featuresContent p {
	padding-left:0;
}

.featuresContent >  p {
	padding-left:10px;
}

.columnsContent {
	width:210px;
	padding-left:0px;
	float:right;
}

#columnsHome {
	width:630px;
}
#columnsThird {
	width:630px;
	display:none;
}

#aboutTop {
	padding:10px 15px 10px 0;
}

#aboutMiddle {
	padding:10px 15px 10px 0;
	width:635px;
}

#contactManuscripts {
	width:47%;
	margin-top:10px;
}

#contactAddress img {
	margin: 10px 0 0 10px;
}

.contactAddressTop {
	margin-top:10px;
}

#advertise .left {
	width: 60%;
}
#advertise .right {
	width: 38%;
}
#subscriptionBox {
	display:none;
}
#featuresBox {
	display:none;
}

#raq h2 {
	font-size:15px;
	background: url("images/underline.gif") 0px 20px repeat-x;
	padding-bottom:7px;
}

*:lang(en) #raq h2 {
	font-size:16px;
}


#stm h2 {
	font-size:16px;
	background: url("images/underline.gif") 0px 20px repeat-x;
	padding-bottom:7px;
}
#giftSubs h2 {
	font-size:16px;
	background: url("images/underline.gif") 0px 20px repeat-x;
	padding-bottom:7px;
	margin-right:15px;
}

div > #giftSubs h2 {
	margin-right:0;
}

#giftSubs {
	margin:0;
	padding-top:5px;
	background: url("images/bg_green.gif") 0px 0px repeat;
}

div > #giftSubs {
	padding: 5px 20px 30px 0;
	margin-bottom:10px;
}
#studyGuides h2 {
	font-size:16px;
	background: url("images/underline.gif") 0px 20px repeat-x;
	padding-bottom:7px;
}

#footer {
	width: 100%; height: 84px; clear: both; float: none; margin-top: 0;
	padding-top: 1px; 
	padding-bottom:10px;
	background: url("images/top_gradient_blue.gif") top center repeat-x;
	font-size: 10px; text-align: center; color: #999999;
	position: absolute;  
	bottom: 0 !important;
	bottom: -1px;
}

#footerContent {
	margin:auto;
	width:950px;
}

#cover {
	color: #FFFFFF;
	text-decoration:none;
}

a {
	color:#488fb3;
	text-decoration:underline;
}
a:hover {
	color:#ffffff;
}

a.nobackground:hover { 
	background: transparent; 
}

h1 {
	color:#FFFFFF;
	font-family: Trebuchet MS;
	font-size: 42px;
	font-weight:bold;
	margin: 25px 0 10px 0;
}

h2 {
	color:#FFFFFF;
	font-family: Trebuchet MS;
	font-size:20px;
	background: url("images/underline.gif") 0px 25px repeat-x;
	padding-bottom:12px;
	margin:10px 0 0 20px;
}

h2 span {
	font-size:14px;
}

h3 {
	color:#488fb3;
	font-family:Trebuchet MS;
	font-size:20px;
	margin: 20px 0 10px 0;
}

h3.home_top {
	margin:20px 0 0 0;
	padding-bottom:0;
}

h4 {
	color:#488fb3;
	font-family:Trebuchet MS;
	font-size:16px;
	margin: 10px 0 0px 10px;
}

h4.home {
	margin-left: 20px;
}

h5.title {
	font-size:38px;
	margin:0;
	line-height:100%;
	font-family:Verdana;
	display:block;
}

h5.screenshot {
	font-size:33px;
	margin:0;
	line-height:100%;
	font-family:Verdana;
	display:block;
}

.headline {
	color:#488fb3;
	font-size:20px;
}

table {
	width:97%;
	margin:5px 0px 0 20px;
}

div > table {
	margin:5px 20px 0 20px;
}

th {
	font-weight:bold;
	background: url("images/underline.gif") 0px 18px repeat-x;
	font-size:14px;
	padding-bottom:5px;
	text-align:left;
}

.rightStyles {
	background: url("images/bg_green.gif") 0px 0px repeat;
	padding: 5px 20px 30px 0;
	margin-bottom:10px;
}

.rightStyles p {
	padding: 5px 0 0 20px;
}

.rightStyles h3, .rightStyles h4 { 
	margin-left: 20px; 
}

.thisIssue {
	font-weight:bold;
}

.thisIssueSelected {
	color:#FFFFFF;
}

.pdf {
	margin-top:10px;
}

.left {
	float: left;
	width:50%;
	padding-right:5px;
}

.leftColumns {
	float: left;
	width:50%;
}


.left h4 {
	margin-left:20px;
}

.left h6 {
	margin:10px 0 0 20px;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
}

.right {
	float: right;
	width:48%;
	margin-left:5px;
}

.rightColumns {
	float: right;
	width:50%;
}


.right h5 {
	margin:0 0 0 20px;
	line-height:100%;
}

.right h4 {
	margin-left:20px;
}

.right h6 {
	margin:10px 0 0 20px;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
}

.right img {
	margin-left:20px;
}

.advertise {
	color:#FFFFFF;
	font-weight:bold;
}

.bold {
	font-weight:bold;
	font-size:12px;
}
.italic {
	font-style: italic;
}

.promoTools {
	margin:10px 0 0 20px;
}
.pastIssuesLeft {
	float: left;
	width: 115px;
	padding-top:10px;
	padding-right:0px;
}

div > .pastIssuesLeft {
	padding-right:10px;
}

.pastIssuesLeft img {
	margin: 10px 0px 0 20px;
}
div > .pastIssuesLeft img {
	margin: 10px 10px 0 20px;
}


.pastIssuesRight {
	float:right;
	width: 180px;
	padding-top:10px;
}

.pastIssues {
	color:#488fb3;
	font-size:20px;
}

.columnsType {
	margin-left:0px;
	color:#FFFFFF;
	font-size:18px;
}

.author {
	font-weight:bold;
	color: #FFFFFF;
}

img.features {
	border: 5px solid #90a347;
	margin: 5px 0px 10px 20px;
}

img.featuresCover {
	border: 5px solid #90a347;
	margin: 10px 0px 10px 0px;
}

img.columns {
	border: 5px solid #90a347;
	margin: 20px 0px 10px 0px;
	display:block;
}

img.columnsPage {
	border: 5px solid #90a347;
	margin: 10px 0px 10px 10px;
	float:right;
}

img.linda {
	float:left;
}

img.rebecka {
	float:right;
}

h2.advertisements {
	font-size:18px;
}

h3.pastIssues {
	font-size:16px;
	margin-left:20px;
}

h4.homeColumns {
	margin: 0px 0 10px 0;
}

h4.raq {
	margin: 20px 0 0 20px;
}
.footerLogo {
	float:right;
}

.footerLutheran {
	float:left;
	margin-top:14px;
}
.footerLutheranText {
	float:left;
	margin:50px 0 0 10px;
	text-align:center;
	width:70%;
	color:#333333;
}

.footerLutheranText a {
	color:#FFFFFF;
}
a.neoterik {
	padding-left: 16px;
	background: url('images/neoterik_logo_small.jpg') 0px 1px no-repeat;
}
.isAvailable {
	font-weight:bold;
	margin-left:20px;
}

#coverFeatureStory1 p {
	margin-left:20px;
}
#coverFeatureStory2 p {
	margin-left:20px;
}

#coverColumnsStory1 p {
	margin-left:20px;
}
#coverColumnsStory2 p {
	margin-left:20px;
}
#coverColumnBold {
	font-weight:bold;
	font-style:italic;
	margin:5px 0;
}
#coverStoryMain p {
	margin-left:20px;
}
#rates {
	width:620px;
}
.pastIssuesDate {
	 font-size:11px;
}
div > .pastIssuesDate {
	font-size:12px;
}

#past2007 {
	display:none;
}

#past2008 {
	display:none;
}
#past2009 {
	display:none;
}
#past2010 {
	display:block;
}
h2.pastIssues {
	font-size:26px;
}
label {
	margin-left: 20px; 
	line-height: 20px;
	vertical-align: middle;
}
label span {
	display: block;
	float: left;
	width: 150px;
	margin-left: 20px;
}
label input {
	height: 17px;
	margin-bottom: 10px;
	width: 200px;
	border: 1px solid #aaa;
	line-height: 16px;
	padding: 4px;
}
label input.submit, label input.radio {
	height: auto;
	width: auto;
	padding: 5px;
	border: 1px solid #333;
}
label input.radio {
	margin-bottom: 0;
	margin-right: 5px;
}

#signupform label.error strong {
  	float: none;
	background: url(images/exclamation.gif) top left no-repeat;
	padding-left: 20px;
	font-weight: normal;
}

#signupform label.error.checked {
	background: url(images/accept.gif) top left no-repeat;
	padding-left: 20px;
}
#signupform p label.error strong {
  	float: none;
	background: url(images/exclamation.gif) top left no-repeat;
	padding-left: 20px;
	font-weight: normal;
}
#signupform p label.error { 
	position: absolute;
	bottom: 0px;
	left: 0px;
}
#signupform p {
	position: relative;
	padding-bottom: 20px;
	padding-left: 0;
}
#signupform .gray { color: #aaa; }
#signupform .gray input { background-color: #e3f7be; border: 1px solid #ccc; } 
#signupform .gray h3, #signupform .gray h4 { color: #aaa; }
#signupform #gift_you_subs { display: none; }
#signupform #gift_you_subs label span { width: 180px; }
#signupform #multiple_gifts_2, #signupform #multiple_gifts_3 { display: none; }
#signupform .radio { border: none; }
ol { padding-left: 40px; }
ol li { padding-left: 10px; }