/*=========== Global reset ======================*/
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
html, body, div, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, th, td {
    margin: 0;
    padding: 0;
    color: #000000;
    font-size: 16px;
}
table { border-collapse: collapse; border-spacing:0 }
fieldset, img {
    border: 0;
    color: #000000;
    font-weight: bold;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
}
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
q:before, q:after { content:''}
a {
    text-decoration: none;
    text-align: center;
}

/* The below restores some sensible defaults */
table, p {
    margin: 0 0 1.6em 0;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-style: inherit;
}
ul, dl, ol {
margin: 0 0 1.6em 2.8em;
padding: 0;
}
strong {
    font-weight: bold;
    color: #000000;
    font-size: 16px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
}
em {
    font-style: italic;
    text-align: center;
    font-size: 16px;
}
a img {
    border: none;
    text-align: center;
} /* Gets rid of IE's blue borders */
/*=========== END: Global reset ======================*/



/*======== COLORS ========
dark blue: #3b506d;
light gray: #ebebeb;
dark green: #627d6f;
med green: #536a21;
======== COLORS ========*/



body {
	background: #ccc;
	float: none;


}


#homepagetext {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 13px;
	font-height: 15px;
	
	
	
	
}



#homepagewrapper {
    width: 960px;
    margin: 0 auto;
    height: 32
		00px;
    background: #fff;
    height: 4350px;
}


#storywrapper {
    width: 960px;
    margin: 0 auto;
   
    background: #fff;
    height: 1400px;
}

#storytext {
	
 font-size: 16px;
	font-style: normal;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	 
	
	}





.storytext2 {
	
 font-size: 16px;
	font-style: normal;
 text-align: left;
	font-family: "Helvetica, Arial, "sans-serif";
	 
	
	}

	}

.storytext1 {
	
 font-size: 16px;
	font-style: normal;
 text-align: center;
	font-family: "Helvetica, Arial, "sans-serif";
	 
	
	}

.storytextMTD {
	
 font-size: 16px;
	font-weight: bold;
 text-align: left;
	font-family: "Helvetica, Arial, "sans-serif";
	 
	
	}

.storytextMTD2 {
	
 font-size: 16px;
font-weight: normal;
 text-align: left;
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
		
		}

#biographywrapper {
	width: 960px;
	margin: 0 auto;
	background: #fff;
	height: 10205px;	
}

#articlewrapper {
	width: 960px;
	margin: 0 auto;
	background: #fff;
	height: 6000px;	
}

#heritagehallwrapper {
	width: 960px;
	margin: 0 auto;
	background: #fff;
	height: 5800px;
	
}

#enrollmentwrapper {
	width: 960px;
	margin: 0 auto;
	background: #fff;
	height: 1615px;
	
}

#eventwrapper {
	width: 960px;
	margin: 0 auto;
	background: #fff;
	height: 1000px;
	
}

#prayerwrapper {
	width: 960px;
	margin: 0 auto;
	background: #fff;
	height: 1050px;
	
}

#quotewrapper {
	width: 960px;
	margin: 0 auto;
	background: #fff;
	height: 2610px;
}

#guildwrapper {
	width: 960px;
	margin: 0 auto;
	background: #fff;
	height: 1850px;
	
	
}

#photowrapper {
    width: 960px;
    margin: 0 auto;
    background: #fff;
    height: 1800px;
	
	
}

.quote {
	font-size: 24px;
color: #850100;
	}
 
	

.prayerheader {
    font-style: strong;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    color: #000;
    text-align: center;
	
}

#enrollment {
    width: 920px;
    margin: 0 auto;
    background: #fff;
    height: auto;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 23px;
    color: #333;
    margin: 20px;
}

#biography {
	width: 920px;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
font-family:  "Times New Roman", Times, serif;
	font-size: 14px;
line-height:20px;
color:#333;
background-color: #fff;
}

.Textheader {
	font-weight: bold;
	text-align: center;


	align:center
font color:  #00000; 										color: #333;
	font-size: 14px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#shadow {
	background-image: url(https://www.mothertheresadudzik.com/images/dropshadow.png);
	background-repeat: repeat-y;
	width: 1200px;
	margin: auto;
}

#header {
	width:  960px;
	height:  350px;
	}

#nav {
    width: 960px;
    margin: 0 auto;
    height: 60px;
    color: #fff;
    text-align: left;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	
	
#homeportrait {
	width:  350px;
	height:  382px;
	float: left;
	}

#welcometext {
    width: 900px;
    height: 525px;
    float: none;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    font-size: 16px;
    padding-right: 15px;
    color: #DC1418;
    line-height: 20px;
    padding-left: 15px;
	}
	
#middle {
	width: 900px;
	height: 500px;
	background-color: #b60000;
	
	}
	
#event {
	width: 465px;
	height: 450px;
	float: left;
	font-size: 16px;
	padding-left: 20px;
	color: #000;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	
	}
	
#sponsor {
	width: 450px;
	height: 375px;
	float: right;

}

#footer {
	width: 960px;
	height: 284px;
	margin: auto;

}

#biography {
    width: 920px;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px;
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    background-color: #fff;
    text-align: left;
}

#heritagehall { 
width: 920px;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
font-family:  "Times New Roman", Times, serif;
	font-size: 14px;
line-height:20px;
color:#333;
background-color: #fff;
}

#eventsection { 
width: 920px;
height:  300px;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
font-family:  "Times New Roman", Times, serif;
	font-size: 14px;
line-height:20px;
color:#333;
background-color: #fff;
}

#prayertext2 {
	
	font-family:  Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif'
	font-size: 13px;
    line-height: 20px;
    font-size: 16px;
}

#biographytext {
	
	font-family:  Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif'
	font-size: 13px;
line-height:20px;
	text-align: left;
}


#top {
clear: both;
height: 167px;
}

.top-purple {
background: #9966cc url(/images/top-bg-purple.jpg) no-repeat left top;
}

.top-mauve {
background: #e66f66 url(/images/top-bg-mauve.jpg) no-repeat left top;
}

.top-yellow {
background: #e6cc66 url(/images/top-bg-yellow.jpg) no-repeat left top;
}

#top-body {

}

#top h1.logo {
float: left;
width: 100px;
height: 144px;
background: transparent url(/images/logo-fsc.png) no-repeat left top;
margin: 10px 0 0 25px !important;
_margin: 10px 0 0 15px !important; /** IE6 Hack **/
padding: 0 !important;
text-indent: -9999px;
}

#top h1.logo a {
width: 100px;
height: 144px;
display: block;
}

#top-right-col {
float: left;
width: 750px;
margin: 0 0 0 18px;
}

#top div.logo-name {
width: 410px;
height: 120px;
background: transparent url(/images/logo-name-fsc.png) no-repeat left 10px;
margin: 0 !important;
padding: 0 !important;
text-indent: -9999px;
}

#top div.logo-name a {
width: 410px;
height: 110px;
display: block;
}

#top #nav-top {
margin: 15px 0 0 75px;
}

#content-row {
_height: 500px; /** IE6 Hack **/
overflow: auto;
_overflow: visible; /** IE6 Hack **/
}

.content-purple {
background: #fff url(/images/content-bg-purple.jpg) repeat-y left top;
}

.content-mauve {
background: #fff url(/images/content-bg-mauve.jpg) repeat-y left top;
}

.content-yellow {
background: #fff url(/images/content-bg-yellow.jpg) repeat-y left top;
}

#left-column {
float: left;
width: 190px;
min-height: 500px;
_height: 500px; /** IE6 Hack **/
}

#left-column-body {

}

.left-bg-mauve {
background: transparent url(/images/left-bg-mauve.jpg) repeat-x left top;
}

.left-bg-purple {
background: transparent url(/images/left-bg-purple.jpg) repeat-x left top;
}

ul.left-nav {
list-style: none;
margin: 0;
padding: 0;
}

ul.left-nav li {
margin: 1em 0;
text-align: center;
}

ul.left-nav a {
cursor: pointer;
}

#right-column {
float: right;
width: 700px;
min-height: 500px;
_height: 500px; /** IE6 Hack **/
}

#right-column-body {
padding: 10px;
}

#footer {
clear: both;
font-size: 0.9em;
}

.footer-mauve {
height: 45px;
background: #cc6666;
color: #fff;
}

.footer-purple {
height: 45px;
background: #996699;
color: #fff;
}

#footer-body {
padding: 10px;
font-family: arial, helvetica, univers, sans-serif;
font-size: 0.9em;
}

#footer .logo-jda {
float: left;
width: 140px;
height: 25px;
margin: 0 0 0 20px;
}

#footer p {
margin: 0;
padding: 0.4em 0 0 0;
text-align: center;
}