/*  

Theme Name: slm

Description: A custom theme for St. Leonard's Ministries.

Version: 1.0

Author: Maya Bruck

Author URI: http://www.mayabruck.com

*/


dt  {
color: #527E99;
margin-bottom: 2px;
	text-transform: uppercase;
font-size: 12px;
}

dd {
margin: 0px 0 15px 10px;
color: #000000;
line-height: 18px;
}

.total {
color: #000000;
font-size: 14px;
font-weight: bold;
padding: 10px 50px 10px 5px;
margin-right: 110px;
border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
background-color: #fafafa;
}

body {
	background: #797b7e  url('images/background.gif') repeat-x;
	background-attachment: fixed;
	color: #555;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	margin:  0;
	text-align: center;
}

#container {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 832px;
}

#container2 {
	background: url('images/body_back.png') repeat-y;
	width: 832px;
}

a img {
	border: none;
}

a {
color: #000;
	outline: none;
	text-decoration: none;
}

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


.current a {
	color: #527e99;
	font-weight: bold;
}



.current_sidebar, .current_sidebar2 {
	background-color: #F3F5F6;
	color: #527e99;
	font-weight: bold;
}

.current_sidebar2 {
	border: none;
}

table {
	line-height: 18px;
	padding-bottom: 5px;

}

.contact {
	border-bottom: 1px dashed #ccc;
	margin: 0 30px 15px 0;
	padding-bottom: 20px;
}


a .anchor {
font-size: 9px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

a .watlink {
font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
}


#slh-about {

margin-top: -50px;
}



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



#header {
	background: url('images/header.png') no-repeat;
	position: relative;
height: 150px;
width: 832px;
}

#header img {
	display: block;
}

#corner_nav {
	font-size: 13px;
	position: absolute;
	right: 50px;
	padding-top: 0px;
margin-top: 28px;
}


#corner-nav ul {
	list-style: none;
	margin: 0;
}




#corner_nav a {
	color: #666;
	text-decoration: none;
}

#top-nav {
	background-color: #F3F5F6;
	font-size: 11px;
	letter-spacing: 1px;
	margin-left: 16px;
	padding: 5px 0 5px 31px;
	text-transform: uppercase;
	width: 766px;
}

#top-nav ul {
	list-style: none;
	margin: 0;
	padding: 11px 22px 11px 0px;
}

#top-nav li, #corner_nav li {
	display: inline;
	margin: 0;
	padding: 0;
}

#top-nav a:hover, #corner_nav a:hover {
	color: #527e99;
	text-decoration: none;
}

#home-link {margin: 0; float: left;}


/* Body ------------------------------------------------*/



#content {
	display: inline;
	float: right;
	margin: 5px 16px 0px 0px;
	width: 533px;
}

.post {
	margin-bottom: 70px;

}

#content h1 {
	color: #D5BC32;
	font-size: 30px;
	font-style: italic;
	font-weight: lighter;
	margin: .67em 0 10px 0;
}

.smaller {
	font-size: 17px;
	font-style: normal;
}

#content h1 a, #content h1 a:hover {
	color: #D5BC32;
	text-decoration: none;
}

#content h2 {
border-bottom: 1px dashed #527e99;
	color: #111;
	font-size: 1.3em;
	font-weight: normal;
margin: 8px 30px 8px 0;
	padding-bottom: 5px;
}

#content h3 {
	border-bottom: 1px dashed #527e99;
	color: #111;
	font-size: 1.3em;
	font-weight: normal;
margin: 30px 30px 8px 0;
	padding-bottom: 5px;
}

#content h4 {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	font-size: 15px;
	font-weight: lighter;
	line-height: 30px;
	margin: 5px 30px 25px 0px;
	padding: 10px 0 15px 0;
}

#content h5 {
	font-size: 15px;
	font-style: italic;
	font-weight: normal;
	margin: 10px 0 8px 0;
}

#content h6 {
	color: #111;
	font-size: 1.1em;
	margin: 5px 0 12px 0;
}

#content h7 {
	color: #111;
	font-size: 1.3em;
	font-weight: normal;
margin: 0px 0 30px 0;
}


#content p {
	line-height: 22px;
	margin: 0 40px 20px 0;
}

#content ul, #content ol {
	margin: 0px 0 10px 15px;
	padding: 0;
}

#content li {
	color: #555;
	font-size: 13px;
	line-height: 22px;
	margin: 0 20px 4px 0px;
}

#content .post-info {
	background: #F4F4F4;
	color: #505050;
	font-size: 0.8em;
	padding: 4px 8px 4px 8px;
}

#content .post-info a {
	text-decoration: none;
}

#content .post-info a:hover {
	text-decoration: underline;
}

#content .single-date {
	color: #707070;
	font-size: 0.9em;
	margin-bottom: 3px;
	text-align: right;
}

#content .attachment-image {
	border-bottom: 1px #999;
	padding: 10px 0 10px 0;
	text-align: center;
}

#content img {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-bottom: 15px;
	padding: 6px 0 6px 0;
}


#success img { margin: -78px 0 20px -27px; border-top: 0px; border-bottom: 0px; padding-bottom: 50px; }

.program-link {
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
}


blockquote {
	background: #F4F4F4;
	font-size: 0.9em;
	margin: 5px 0 15px 0;
	padding: 4px 8px 4px 8px;
}

.navigation {
	display: block;
	margin-top: 0px;
}

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

img.alignright {
	display: inline;
	margin: 0 0 2px 4px;
	padding: 4px;
}

img.alignleft {
	display: inline;
	margin: 7px 20px 0px 0;
	padding: 0px;
}

.alignright {
	float: left;
	margin-left: 10px;
}

.alignleft {
	float: left;
}

.center {
	text-align: center;
}




/* News & Views  ------------------------------------------------*/


#newsPage #content {
margin-right: 36px;
}

#newsPage .post {
	background: url(images/news_header.png) no-repeat scroll;
	margin: 0 0 30px 0px;
	width: 553px;
}

#newsPage #content h1 {
	color: #D5BC32;
	font-size: 30px;
	font-style: italic;
	font-weight: lighter;
	margin: 20px 0 20px 20px;
}

#newsPage #content h3 {
	margin: 0 0 14px 20px;
	padding: 25px 0 12px 0;
}

#newsPage #content p {
	color: #555;
	font-size: 13px;
	line-height: 22px;
	margin: 0 40px 20px 20px;
}


 #newsPage #sidebar li li a
{
display: block;
padding: 10px 0 10px 5px;
width: 200px;
text-decoration: none;
border-bottom: 1px dashed #ccc;
}



.post-date {
	color: #666;
	font-size: 10px;
	margin-left: 20px;
}

#archives-2 {
	padding-top: 40px!important;
}

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


.home a {display: none;}

#about {
	background: url('images/about_back.png') no-repeat;
float: left;
display: inline;
width: 240px;
	height: 304px;
margin-left: 16px;
}

#about h1 {
	color: #ffffff;
	font-size: 24px;
	font-weight: normal;
	margin: 25px 0 5px 31px;
}

#about p {
	color: #ffffff;
	font-size: 13px;
	line-height: 25px;
margin: 0px 0 0 31px;
}

#donate-tab {
background: url('images/about_tab.png') no-repeat;
margin: -170px 0 0 -38px;
position: absolute;
width: 38px;
height: 160px;
}

#donate-tab img {
width: 100%;
height: 100%;
}


#quotes {
float: right;
	display: inline;
width: 550px;
margin-right: 16px;

}


.thumbnail-class {
	border: none;
	float: left;
position: relative;

	margin: 0px 15px 0 -267px;
	width: 240px;
}

.left {
	float: left;
	margin: 0 15px 0 0;
}

#home #content img {
	border: none;
}




/* Side Bar ------------------------------------------------*/


#sidebar_container {
display: inline;
	float: left;
	margin: 81px 0px 20px 48px;
	width: 200px;
}



#sidebar_container h1, #sidebar h2 {
	border-bottom: 1px solid #ccc;
	color: #527e99;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0px;
	padding-bottom: 10px;
	text-transform: uppercase;
width: 200px;
}

#sidebar ul, .more-link {
	color: #000;
	font-size: 10px;
	letter-spacing: 1px;
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}



#sidebar a
{
display: block;
padding: 10px 0 10px 5px;
width: 195px;
text-decoration: none;
border-bottom: 1px dashed #ccc;
}

#sidebar .current_sidebar
{
display: block;
padding: 10px 0 10px 5px;
width: 195px;
text-decoration: none;
border-bottom: 1px dashed #ccc;
}


#sidebar a:hover
{
color: #527e99;
background-color: #F3F5F6;
text-decoration: none;
}



 #sidebar li li a
{
display: block;
margin: 0;
border-top: none;
border-bottom: none;
}


#sidebar ul ul a
{
display: block;
padding: 9px 0px 2px 15px;
width: 185px;
text-decoration: none;
}

#sidebar ul ul a:hover
{
color: #527e99;
background-color: #F3F5F6;;
text-decoration: none;
}

#top, .top {
	border-top: 1px dashed #ccc;
	margin-top: 13px;
}

.dashed { border-top: 1px dashed #ccc; margin-top: 12px; }



#recent-posts {
	margin-bottom: 35px;
}



#sidequote-small, #sidequote-jr, #sidequote-med, #sidequote-large {
	position: absolute;
width: 260px;
}

#sidequote-small {
background: url('images/sidequote-small.png') no-repeat 100%;
margin: 31px 0 0 -65px;
}

#sidequote-jr {
background: url('images/sidequote-jr.png') no-repeat 100%;
margin: 31px 0 0 -65px;
}

#sidequote-med {
background: url('images/sidequote-med.png') no-repeat 100%;
margin: 31px 0 0 -65px;
}

#sidequote-large {
background: url('images/sidequote-large.png') no-repeat 100%;
margin: 35px 0 0 -65px;
}

#sidequote-small img, #sidequote-jr img, #sidequote-med img, #sidequote-large img {
margin-left: 36px;
}


/* Footer -------------------------------------------------*/



#footer {
	background-color: #f1f1dd;
	clear: both;
	height: 50px;
	margin: 0 17px 0 16px;
	padding: 15px 22px 0px 33px;
}

#footer p {
	color: #777;
	font-size: 10px;
	margin: 0px 0px 0 232px;
	text-align: left;
}

#footer a {
	color: #777;
	text-decoration: underline;
}

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

#links {float: left;}

#footer_image_1 {
	margin-right: 10px;
}

#footer_image_2 {
}

/* Registration  -------------------------------------------------*/

.wufoo li{
	width:62%;
}
form ul{
	margin:0!important;
	padding:0!important;
	list-style-type:none;
	width:100%;
}
form li{
	display:block;
	margin:0!important;
	padding:6px 5px 9px 0px!important;
	clear:both;
}
form li:after, form li div:after{
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}
* html form li{height: 1%;}
* html form li div{display:inline-block;}
*+html form li div{display:inline-block;}

form li div, form li span{
	margin:0 .3em 0 0;
	padding:0;
	color:#444;
}
form li span{
	float:left;
}

form li div.col span{
	display:block;
	width:100%;
	float:left;
	padding:0;
}

li.notStacked div.col span{
	width:auto;
	margin:0 7px 0 0;
}

form li.complex{
	padding-bottom:0;
}
form li div span.left, form li div span.right{
	margin:0;
	width:47%;
}
form li div span.full input, 
form li div span.full select, 
form li div span.left input, 
form li div span.right input,
form li div span.left select,
form li div span.right select{
	width:100%;
}

.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both !important;
}


#verify {padding-bottom: 50px!important;}

/* ----- SECTIONS ----- */

form li.section {
	clear:both;
	border-top:1px dashed #ccc;
	padding: 10px 0 0 9px;
margin-top: 10px!important;
	width:90% !important;
	position:static;
line-height: 18px!important;
}

form li.waiver {
font-size: 80%!important;
	width:90% !important;
line-height: 18px!important;
}

form ul li.first{
	border-top:none !important;
	margin-top:0px !important;
}
form .section div{
	display:block;
	font-size:85%;
	margin:0 0 1.2em 0;
	padding:0;
}


/* ----- LABELS ----- */

form li div label, form li span label{
	margin:0;
	padding-top:6px;
	clear:both;
	font-size:85%;
	line-height:10px;
	color:#444;
	display:block;
}
form li div span label{
	padding-bottom:12px;
}
label.desc{
	font-size:95%;
	font-weight:bold;
	color:#222;
	line-height:150%;
	margin:0;
	padding:0 0 3px 0;
	border:none;
	display:block;
}
label.choice{
	display:block;
	font-size:100%;
	line-height:150%;
	margin:-17px 0 0 23px;
	padding:0 0 5px 0;
	color:#222;
	width:88%;
}

label.amount{
	display:block;
	font-size:100%;
	line-height:150%;
	margin:-18px 0 0 43px;
	padding:0 0 5px 0;
	color:#222;
	width:88%;
}

label.shirts{
	display:block;
	font-size:11px;
	line-height:150%;
	margin:-18px 0 0 40px;
	padding:0 0 5px 0;
	color:#222;
	width:88%;
}

.safari label.shirts { margin-left: 30px;}

.safari label.choice{
	margin-top:-16px;
}
.safari label.amount{
	margin-top:-17px;
}
form.rightLabel div.col{
	margin-top:-3px;
}

span.symbol{
	font-size:120%;
	line-height:135%;
}


/* ----- MIN/MAX COUNT ----- */

form li div label var{
	font-weight:bold;
	font-style:normal;
}
form li div label .currently{
	display:none;
}

/* ----- FIELDS ----- */

input.text, input.search, input.file, textarea.textarea, select.select{
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:100%;
	color:#333;
	margin:0;
	padding:2px 0;
}
input.text, input.search, textarea.textarea{
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	background:#fff url(/images/fieldbg.gif) repeat-x top;
}
select.select{
	padding:1px 0;
}
input.search{
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	padding-left:6px;
}
input.checkbox, input.radio{
	display:block;
	margin:4px 0 0 0;
	padding:0;
	width:13px;
	height:13px;
}
input.other{
	margin:0 0 8px 25px;
}
 
.safari select.select{
	font-size:120% !important;
	margin:0 0 1px 0;
}
* html select.select{
	margin:1px 0;
}
*+html select.select{
	margin:1px 0;
	border:1px solid red;
}


form.li #fo1li9{
padding:6px 5px 2px 9px !important;
}

/* ----- BUTTONS ----- */

input.btTxt{
	padding:0 7px;
	width:auto;
	overflow:visible;
}
form li.buttons{
	clear:both;
	padding-top:10px;
}
form li.buttons input{
	font-size:100%;
	margin-right: 5px;
}

/* ----- TEXT DIRECTION ----- */

.rtl .info h2, .rtl .info div, .rtl label.desc, .rtl label.choice, 
.rtl div label, .rtl span label, .rtl input.text, 
.rtl textarea.textarea, .rtl select.select, .rtl p.instruct, 
.rtl .section h3, .rtl .section div, .rtl input.btTxt{
	direction:rtl;
}

/* ----- SIZES ----- */

.third{
	width:32% !important;
}
.half{
	width:48% !important;
}
.full{
	width:100% !important;
}

input.small, select.small{
	width:25%;
}
input.medium, select.medium{
	width:50%;
}
input.large, select.large, textarea.textarea{
	width:100%;
}

textarea.small{
	height:5.5em;
}
textarea.medium{
	height:10em;
}
textarea.large{
	height:20em;
}

/* ----- ERRORS ----- */

#errorLi{
	width:99%;
	margin:0 auto;
	background:#fff !important;
	border:1px solid red;
	margin-bottom:1em;
	text-align:center;
	padding:1em 0 1em 0;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
}
#errorMsgLbl{
	margin:0 0 5px 0;
	padding:0;
	font-size:125%;
	color:#DF0000 !important;
}
#errorMsg{
	margin:0 0 2px 0;
	color:#000 !important;
	font-size:100%;
}
#errorMsg strong{
	padding:2px 3px;
	background-color: #FFDFDF !important;
	color:red !important;
}
form li.error{
	display:block !important;
	background-color: #FFDFDF !important;
	margin-bottom:3px !important;
}
form li.error label, form li.error span.symbol{
	color:#DF0000 !important;
}
form p.error{
	display:none;
	margin:0 !important;
	padding:7px 0 0 0 !important;
	color:#DF0000 !important;
	font-weight:bold;
	font-size:10px;
	line-height:10px !important;
	clear:both;
}
form li.complex p.error{
	padding:0 0 9px 0 !important;
}
form li.error p.error{
	display:block;
}
.leftLabel p.error, .rightLabel p.error{
	margin-left:30%;
	padding-left:15px;
}
.noI .leftLabel p.error, .noI .rightLabel p.error{
	margin-left:35%;
	padding-left:15px;
}

/* ----- REQUIRED ----- */

form span.req{
	display:inline;
	float:none;
	color:red !important;
	font-weight:bold;
	margin:0;
	padding:0;
}

/* ----- INSTRUCTIONS ----- */

form p.instruct{
line-height:16px!important;
margin:0 15px 8px 0!important;
}

form p.instruct small, form .choice small{
	font-size:85%;
	color:#444;
}

/* ----- ADVANCED CLASSNAMES ----- */

.hideSeconds .seconds, .hideAMPM .ampm{
	display:none;
}

/* ----- ALT INSTRUCTIONS ----- */

.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct{
	visibility:visible;
	position:static;
	margin:0;
	padding:6px 0 0 0;
	width:100%;
	clear:left;
	background:none;
	border:none;
}
li.altInstruct p.complex , li.leftHalf p.complex, li.rightHalf p.complex{
	padding:0 0 9px 0;
}

/* ----- LABEL LAYOUT ----- */

.leftLabel li, .rightLabel li{
	width:74% !important;
	padding-top:9px;
}


.leftLabel label.desc, .rightLabel label.desc{
	float:left;
	width:29%;
	margin:0px 15px 0 0;
}
.rightLabel label.desc{
	text-align:right;
}
.leftLabel li div.col, .rightLabel li div.col,
.leftLabel li.complex div, .rightLabel li.complex div{
	float:left;
}


.leftLabel .small, .rightLabel .small{
	width:17%;
}
.leftLabel .medium, .rightLabel .medium{
	width:35%;
}
.leftLabel .large, .leftLabel textarea.textarea,
.rightLabel .large, .rightLabel textarea.textarea,
.leftLabel li div.col, .rightLabel li div.col,
.leftLabel li.complex div, .rightLabel li.complex div{
	width:64%;
}


* html .leftLabel .small, * html .rightLabel .small{
	width:23%;
}
* html .leftLabel .medium, * html .rightLabel .medium{
	width:55%;
}
* html .leftLabel .large, * html .leftLabel textarea.textarea,
* html .rightLabel .large, * html .rightLabel textarea.textarea{
	width:97%;
}


.leftLabel p.instruct, .rightLabel p.instruct{
	width:27%;
	margin-left:5px;
}
.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct{
	margin-left:29% !important;
	padding-left:15px;
	width:65%;
}


.leftLabel .buttons, .rightLabel .buttons{
	margin-left:15px;
}
* html .leftLabel .buttons, * html .rightLabel .buttons{
	margin-left:4px;
}
*+html .leftLabel .buttons, *+html .rightLabel .buttons{
	margin-left:7px;
}
.leftLabel .buttons .submit, .rightLabel .buttons .submit{
	margin-left:29%;
}
* html .leftLabel .buttons .submit, * html .rightLabel .buttons .submit{
	margin-left:22%;
}


/* ----- FIELD FLOATING ----- */

form li.leftHalf, form li.rightHalf{
	width:46% !important;
}
li.leftHalf{
	clear:left;
	float:left;
}
li.rightHalf{
	clear:none;
	float:right;
}
li.leftHalf .medium, li.rightHalf .medium,
li.leftHalf .small, li.rightHalf .small{
	width:100%;
}