/* THE SISTERS OF ST. JOSEPH OF SAULT STE. MARIE */

/* GLOBAL */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
								{
								margin: 0;
								padding: 0;
								border: 0;
								outline: 0;
								font-weight: inherit;
								font-style: inherit;
								font-size: 100%;
								font-family: inherit;
								vertical-align: baseline;
								}

html							{ overflow-y: scroll; }
body							{ font: 62.5%; background: url(../images/body-bg.jpg) top repeat-x #e6e4f6; }

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

ul								{ list-style: none inside; }

/* TYPOGRAPHY */

p								{ font-family: Arial, sans-serif; font-size: 1.0em; color: #4a497e; font-weight: 100; letter-spacing: 1px; line-height: 1.4em; }
p.article						{ padding: 20px 40px 5px 40px; text-align: justify; }
p.sidebar						{ padding: 20px 0px 5px 40px; text-align: justify; background: #ece8eb; margin-right: 40px; padding: 10px;
								  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
p.homepage-message				{ font-family: Georgia, Times, serif; padding: 15px 15px 0px 15px; text-shadow: 0px 2px 0px #fff; font-style: italic; }		

h1								{ font-family: Arial, sans-serif; font-size: 3.0em; color: #4a497e; text-transform: uppercase; font-weight: 100;
								  letter-spacing: 2px; border-bottom: 3px #ffe352 solid; padding-left: 40px; }
h1#page-title					{ width: 564px; height: 88px; display: block; text-indent: -9999px; }
h1.mission						{ background: url(../images/mission.jpg) top left no-repeat; }
h1.ministry						{ background: url(../images/ministry.jpg) top left no-repeat; }
h1.whereweare					{ background: url(../images/whereweare.jpg) top left no-repeat; }
h1.our-works					{ background: url(../images/ourworks.jpg) top left no-repeat; }
h1.news							{ background: url(../images/news.jpg) top left no-repeat; }
h1.associates					{ background: url(../images/associates.jpg) top left no-repeat; }
h1.called						{ background: url(../images/called.jpg) top left no-repeat; }
h1.heritage						{ background: url(../images/heritage.jpg) top left no-repeat; }
h1.faqs							{ background: url(../images/faqs.jpg) top left no-repeat; }
h1.links						{ background: url(../images/links.jpg) top left no-repeat; }
h1.welcome						{ background: url(../images/welcome.jpg) top left no-repeat; }
h1.vocation						{ background: url(../images/vocation.jpg) top left no-repeat; }
h1.spiritual					{ background: url(../images/spiritual.jpg) top left no-repeat; }
h1.contact						{ background: url(../images/contact.jpg) top left no-repeat; }
h1.prayer						{ background: url(../images/prayer.jpg) top left no-repeat; }

h1:hover						{ cursor: default; }

h2								{ font-family: Arial, sans-serif; font-size: 0.9em; color: #919191; font-weight: 100; letter-spacing: 2px; text-transform: uppercase;
								  background: #fff; padding: 3px 10px 3px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 25px 0px 10px 40px;
								  width: 460px; text-align: center; box-shadow: 0px 0px 30px #a7a1c9; -moz-box-shadow: 0px 0px 30px #a7a1c9;
								  -webkit-box-shadow: 0px 0px 30px #a7a1c9; }
h2.faqs							{ width: 400px; }
h2:hover						{ color: #4a497e; cursor: default; }

h3								{ font-size: 1.0em; letter-spacing: 20px; text-align: center; }

/* FLOATS & TOOLS */

.floatleft						{ float: left; }
.floatright						{ float: right; }
.clear							{ clear: both; }
:focus							{ outline: 0; }


/* STRUCTURE */

#page-wrap 						{ width: 1024px; min-height: 600px; margin: 0 auto; background: url(../images/page-wrap-top.jpg) top center no-repeat #fff;
								  display: block; z-index: 22; position: relative; padding-bottom: 20px; margin-bottom: 40px; 
								  -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 0px 0px 30px #a7a1c9; -moz-box-shadow: 0px 0px 30px #a7a1c9;
								  -webkit-box-shadow: 0px 0px 30px #a7a1c9; }

#header							{ width: 1024px; height: 194px; margin: 0 auto; background: url(../images/header.jpg) center top no-repeat; display: block; }

#article-area					{ width: 564px; min-height: 300px; display: block; float: left; background: ; margin: 20px 0px 20px 0px; }

#side-bar						{ width: 460px; display: block; float: right; margin: 20px 0px 20px 0px; }	

#homepage-message				{ width: 944px; height: 60px; display: block; background: #dedbf6; margin: 0px 40px 40px 40px; overflow: hidden; padding-bottom: 35px;
								  margin-bottom: 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0px 0px 30px #a7a1c9; 
								  -moz-box-shadow: 0px 0px 30px #a7a1c9; -webkit-box-shadow: 0px 0px 30px #a7a1c9; }
								  
#footer							{ width: 1024px; height: 55px; display: block; margin: 0 auto; background: #fff; box-shadow: 0px 0px 30px #8b87a8; 
								  -moz-box-shadow: 0px 0px 30px #8b87a8; -webkit-box-shadow: 0px 0px 30px #8b87a8; -moz-border-radius: 6px; -webkit-border-radius: 6px;
								  z-index: 22; position: relative; overflow: hidden; }
								  
/* SIDEBAR STYLES */

img.sidebar						{ border: 4px #ffe352 solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-bottom: 40px;
								  box-shadow: 0px 0px 25px #4a497e; -moz-box-shadow: 0px 0px 25px #4a497e; -webkit-box-shadow: 0px 0px 25px #4a497e; }

/* LISTS AND ARTICLE STYLING */

ul#our-works					{ list-style-image: url(../images/bullet.png); list-style-type: square; width: 565px; padding-top: 15px;  }
ul#our-works li					{ font-family: Arial, sans-serif; font-size: 1.0em; color: #4a497e; font-weight: 100; letter-spacing: 1px; line-height: 1.4em;
								  padding-left: 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 0px 20px 0px 20px; padding-bottom: 12px;}
ul#our-works li:hover			{ background: #e6e4f6; cursor: default; color: #3d3d3d; }


/* NAVIGATION */

ul.sf-menu						{ margin-top: 20px; background: #f6f6bb; }
ul.sf-menu li a					{ height: 40px; }
li a.home						{ background: url(../images/nav-home.jpg) top left no-repeat; width: 122px; display: block; }
li a.home:hover					{ background-position: 0px -40px; }
li a.mission					{ background: url(../images/nav-mission.jpg) top left no-repeat; width: 118px; display: block; }
li a.mission:hover				{ background-position: 0px -40px; }
li a.ministry					{ background: url(../images/nav-ministry.jpg) top left no-repeat; width: 85px; display: block; }
li a.ministry:hover				{ background-position: 0px -40px; }
li a.called						{ background: url(../images/nav-called.jpg) top left no-repeat; width: 70px; display: block; }
li a.called:hover				{ background-position: 0px -40px; }
li a.associates					{ background: url(../images/nav-associates.jpg) top left no-repeat; width: 168px; display: block; }
li a.associates:hover			{ background-position: 0px -40px; }
li a.heritage					{ background: url(../images/nav-heritage.jpg) top left no-repeat; width: 136px; display: block; }
li a.heritage:hover				{ background-position: 0px -40px; }
li a.contact					{ background: url(../images/nav-contact.jpg) top left no-repeat; width: 217px; display: block; }
li a.contact:hover				{ background-position: 0px -40px; }
.navigation-bg					{ height: 80px; display: block; background: url(../images/navigation-bg.jpg) bottom center no-repeat; }

/* DROP DOWN STYLES */



/* FOOTER NAVIGATION */

ul.bottom-nav					{ list-style: none; display: inline; width: 760px; padding: 10px 0px 0px 135px; display: block; }
ul.bottom-nav li				{ height: 34px; float: left; }
ul.bottom-nav li a				{ height: 45px; display: block; }
ul.bottom-nav li.home			{ width: 88px; background: url(../images/nav-bottom-home.jpg) center no-repeat; }
ul.bottom-nav li.mission		{ width: 88px; background: url(../images/nav-bottom-mission.jpg) center no-repeat; }
ul.bottom-nav li.ministry		{ width: 96px; background: url(../images/nav-bottom-ministry.jpg) center no-repeat; }
ul.bottom-nav li.called			{ width: 80px; background: url(../images/nav-bottom-called.jpg) center no-repeat; }
ul.bottom-nav li.associates		{ width: 168px; background: url(../images/nav-bottom-associates.jpg) center no-repeat; }
ul.bottom-nav li.heritage		{ width: 100px; background: url(../images/nav-bottom-heritage.jpg) center no-repeat; }
ul.bottom-nav li.contact		{ width: 140px; background: url(../images/nav-bottom-contact.jpg) center no-repeat; }

	
/* Z-INDEX ELEMENTS */

#top-left-corner 				{ width: 365px; height: 489px; z-index: 11; position: fixed; top: 0px; left: 0px; display: block;
							  	  background: url(../images/top-left-corner.png) top left no-repeat; }
#top-right-corner 				{ width: 365px; height: 489px; z-index: 11; position: fixed; top: 0px; right: 0px; display: block;
							  	  background: url(../images/top-right-corner.png) top right no-repeat; }
#bottom-left-corner 			{ width: 365px; height: 489px; z-index: 11; position: fixed; bottom: 0px; left: 0px; display: block;
							  	  background: url(../images/bottom-left-corner.png) top right no-repeat; }
#bottom-right-corner 			{ width: 365px; height: 489px; z-index: 11; position: fixed; bottom: 0px; right: 0px; display: block;
							  	  background: url(../images/bottom-right-corner.png) top right no-repeat; }
#backtotop						{ width: 120px; height: 60px; z-index: 33; position: fixed; bottom: 10px; right: 36%; display: block;
								  background: url(../images/backtotop.png) top left no-repeat; }
								  
/* RANDOM STYLES */

span.tab						{ color: #fff; filter:alpha(opacity=0); -moz-opacity:0.0; -khtml-opacity: 0.0; opacity: 0.0; }

/* CONTACT FORM */

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 220px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin-left: 15px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

td.left {
	width: 20px;
	text-align: left;
	padding-top: 10px;
]
td.name {
	width: 120px;
}

#catpcha-area {
	margin-left: 200px;
}

td.input-hover 	{ background: aqua; }