/* ------------------------------------------------
Schonstatt CSS screen stylesheet
author: Rafael Nevarez
Revision: October 12, 2006
------------------------------------------------ */

/* Common Tags
------------------------------------------------ */
* {
	margin:0;
	padding:0;
}
body{
	background: #fff url(../images/bg-body.jpg) repeat-x bottom fixed;
	font: normal 11px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #555;
}
input{
	font: normal 11px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;		
	padding: 1px 2px;
}
input.btn{
	padding: 0 0;	
}
input[type="submit"], input[type="button"] { /* Standards vs IE hack */
	padding: 0 3px;
}
select{
	font: normal 11px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
option{
	padding: 0 5px;
}
a{
	color: #0075a0;
}
a:hover{
	color: #0092c7;
}
p{
	margin: 0 0 14px 0;
}
p.extraLarge{
	color: #444;
	font-size: 15px;
	font-weight: normal;
	margin: 0 0 15px 0;
}

h2, .h2{
	color: #5b8dd8;	
	font: normal 26px "Palatino Linotype", "Georgia", Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #ddd;
	padding: 0 0 0 0;
	margin: 0 0 8px 0;
	letter-spacing: -1px;
}
h2.big{
	border-bottom: none;
	font-size: 30px;
}

h3, .h3{
	color: #000;
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 10px 0;
}
.large{
	color: #333;
	font-size: 13px;
}

h5, .h5{
	color: #ff5c00;
	font-weight: normal;
	font-size: 11px;
	margin: 0 0 2px 0;
}

ul{
	list-style: none;
}
#mainLeft ul{
	margin: 0 0 20px 0;
}

li{
	background: url(../images/bullet_orange.gif) no-repeat -3px top;
	padding-left: 15px;
	margin: 0 0 8px 0;
}


strong{
	color: #222;
}

/* Site Layout
------------------------------------------------ */
#all{
	margin: 0 auto;	
	width: 720px;
}
#wrapper{
	clear:both;	
	float: left;	
	padding: 0 0px;
	width: 720px;	
	min-height: 600px;
}
* html .wrapper { height: 600px } /* IE Min-Height Hack */ 

#header{
	background: #fff;
	width: 100%;
	float: left;
	clear: both;
}

#mainTop{
	width: 100%;
	height: 300px;
	float: left;
}

#mainLeft{
	float: left;
	width: 450px;
	padding: 10px 30px 0 20px;

}
#mainRight{
	width: 200px;
	margin: 0 20px 0 0;
	float: right;	
}

#footer{
	border-top: 1px solid #ddd;
	clear: both;
	color: #777;
	float: left;
	text-align: center;	
	display: inline;
	margin: 30px 2% 20px 2%;
	padding: 5px 0 0 0;
	width: 96%;
}
#footer a{
	color: #0075a0;
	text-decoration: underline;
}


/* Images
------------------------------------------------ */

img.Left{
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #ccc;
}
img.Right{
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #ccc;
}
img.FullWidth{
	margin: 0 0 10px;
	border: 1px solid #ccc;
}

/* Logo
------------------------------------------------ */
.Logo{
	background: url(../images/logo-header.gif) no-repeat left top;
	cursor: pointer;
	clear: none;
	float: left;
	width: 300px;
	height: 80px;
}

/* Top Links
------------------------------------------------ */
.topLinks{
	height: 20px;
	float: right;	
	padding: 25px 5px 4px;
}
.topLinks ul{
	list-style: none;
	float: right;
}
.topLinks ul li{
	float: left;
	background: none;
	padding: 0;
	margin: 0;
}
.topLinks ul li a{
	color: #888;
	float: left;
	padding: 0 8px;
	text-decoration: none;
	border-right: 1px solid #ccc;
}
.topLinks ul li a:hover{
	color: #000;
}
.topLinks ul li a.last{
	border-right: none;
}

/* Top Navigation
------------------------------------------------ */
.topNavigation{
	clear: both;
	float: left;
	width: 100%;
	padding: 0 0 0px 0;
	height: 23px;
}
.topNavigation ul{
	list-style: none;
	float: left;
}
.topNavigation ul li{
	float: left;
	background: none;
	padding: 0;
	margin: 0;
}
.topNavigation ul li a{
	color: #fff;
	float: left;
	padding: 3px 15px;
	text-decoration: none;
}
.topNavigation ul li a:hover, .topNavigation ul li a.selected{
	color: #fff;
	background: #749ad5;
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
}
.topNavigation ul li a.current{
	color: #fff;
}


/* SubTop Navigation
------------------------------------------------ */
.subTopNavigation{
	clear: both;
	float: left;
	width: 98%;
	margin: 0 1%;
	background: #bbb;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
	display: inline; /* IE Margin Hack */
}
.subTopNavigation ul{
	list-style: none;
	float: left;
}
.subTopNavigation ul li{
	float: left;
	background: none;
	padding: 0;
	margin: 0;
}
.subTopNavigation ul li a{
	color: #fff;
	float: left;
	padding: 3px 15px;
	text-decoration: none;
}
.subTopNavigation ul li a:hover{
	color: #fff;
}
.subTopNavigation ul li a.current{
	color: #fff;
}


/* Boxes
------------------------------------------------ */
.Box{
	padding: 0;
	clear: both;
	float: left;
	margin: 0;
/*	width: 100%;*/
	width: 200px;
}
.Box .Title{
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 7px 3px 8px; 	
	color: #84a5d6;
	font: normal 20px "Palatino Linotype", "Georgia", Arial, Helvetica, sans-serif;	
	line-height: 18px;
	
}
.Box .Content{
	background: #fff url(../images/bg-box-content.gif) repeat-y left top;
	padding: 0px 10px 5px;
	color: #777;
}
.Box .bottom{
	background: #fff url(../images/bg-box-bottom.gif) no-repeat left bottom;
	height: 15px;
}

/* Per Page Styles
------------------------------------------------ */
.index #mainLeft{
	padding-top: 10px;
}
.index #mainTop{
	background: url(../images/bg-main-index.jpg) no-repeat left bottom;
}


.formation #mainTop{
	background: url(../images/bg-main-formation.jpg) no-repeat left bottom;
}
.how-do-i-know #mainTop{
	background: url(../images/bg-main-how-do-i-know.jpg) no-repeat left bottom;
}
.faqs #mainTop{
	background: url(../images/bg-main-faqs.jpg) no-repeat left bottom;
}


.our-charism-schoenstatt #mainTop{
	background: url(../images/bg-main-our-charism.jpg) no-repeat left bottom;
}
.our-history #mainTop{
	background: url(../images/bg-main-our-history.jpg) no-repeat left bottom;
}
.our-founder #mainTop{
	background: url(../images/bg-main-our-founder.jpg) no-repeat left bottom;
}
.a-life-out-of-love #mainTop{
	background: url(../images/bg-main-sr-emilie.jpg) no-repeat left bottom;
}
.testimonies-of-sisters #mainTop{
	background: url(../images/bg-main-testimonies-of-sisters.jpg) no-repeat left bottom;
}
.testimonies-of-sisters #mainLeft{
	width: 670px;
}


.our-apostolate #mainTop{
	background: url(../images/bg-main-our-apostolate.jpg) no-repeat left bottom;
}
.a-life-of-prayer #mainTop{
	background: url(../images/bg-main-a-life-of-prayer.jpg) no-repeat left bottom;
}
.community-life #mainTop{
	background: url(../images/bg-main-community-life.jpg) no-repeat left bottom;
}


.news-events #mainTop{
	background: url(../images/bg-main-news-events.jpg) no-repeat left bottom;
}

	
/* Icons
------------------------------------------------ */
.email{ background: url(../images/email.gif) no-repeat left 1px; padding-left: 21px; }
.phone{ background: url(../images/telephone.gif) no-repeat left 1px; padding-left: 21px; }