/* Header Transition CSS */

#imageContainer {
	position:relative;
	margin:auto;
	width:800px;
        height:150px;
	border:3px solid #000;
	border-bottom: 5px solid #FFB331;
}


#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}

/* Mass Times */

#mass {
         width:150px;
         height:180px;
	 text-align: center;
         position:absolute;
         top:20px; right:20px;
	 border: 1px solid #000;
	 
	 font-size: 1.2em;
	 background-color: #F7F7F7;
	 margin-top: 30px;
	 
}




#mass h3 {
	 font-size: .9em;
	 margin-top: 3px;
	 margin-bottom: 0;
	 font-weight: bold;
}

#mass p {
	 font-size: .7em;
	 margin-top: 3px;
	 margin-bottom: 0;
}

p#about {
	line-height: 1.8em;
	text-indent: 2em;
	
}

p#small {
	font-size: 5em;
}
/* Wrapper */
#wrapper {
        width:800px;
        position:relative;
        margin:auto;
        border: 3px solid #000;
        border-top: solid 12px #0C3F92;
        
}

/* Content */



#content {
	position:absolute;
	top:0; left:110px;
	height:500px;
}

#content p{
	font-size: .8em;
	
}

#col1 {
	width: 300px;
	position: absolute;
	top:0; left: 20px;
}

#col2 {
	width: 300px;
	position: absolute;
	top:0; left: 340px;
}

#staff {
	width: 600px;
	height: 100px;
	margin-bottom: 5px;	
}

p#staff_1 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0;
	text-indent: .2em;
}

p#staff_2 {
	font-size: 1em;
	margin-top: 0;
	margin-bottom: 0;
	text-indent: .75em;
}
/* Navigation */
#nav {
         width:100px;
         height:240px;
         position:absolute;
         top:0; left:0;
         border: 1px solid #000;
         background-color: #0E3B90;
}

#nav img {
	border: none;
	text-decoration: none;
}

p#small_text {
	font-size: .75em;
	margin: 0 0 0 0;
	font-weight:  bold;
}
 
/* Footer */
#foot {
	width: 800px;
	height: 37px;
	position: absolute;
	bottom:0; left:auto;	
}

a#pf {
	font-size: .6em;
	color: #000;
	border-right: solid 1px #000;
	padding-right: 30px;
	padding-left: 20px;
}

p#contact {
	font-size: .9em;
	margin-bottom: 0px;
	margin-top: 0px;	
}

.fleft { float:left; color:#000; margin-left: 5px; font-size: .9em;}
.fright { float:right; color:#000; margin-right: 5px; font-size: .9em;}    
}



/* styles unrelated to the application follow */



body {
	font-size: 1em;
	
	color: #000;	
}
	
h1 {
	font-size: 1.25em;
	font-weight: bold;
	color: #000;
	font-family:"Times New Roman", Times, serif;
	margin-top: 0;
	
}

h5 {
	font-size: 1em;
	font-weight: bold;
	color: #000;
	font-family:"Times New Roman", Times, serif;
	text-indent: 2em;
	margin-top:0;
}
#mass h2 {
	 font-size: 1em;
	 margin-top: 5px;
	 margin-bottom: 0;
	 font-weight: bold;
	 text-align: center;
}