﻿*{		
		margin:0;
		padding:0;
}
body{	
		background: #FFF;
 		height: 100%;
 		padding-top:1em;
 		padding-bottom:1em;
}
header{	
		background-color:white;
		width:900px;
		color:black;
		padding:10px;
		margin:auto;
}
.headers{
		text-align: center; 
		margin-left: 100px;
		margin-right: 100px
}
.titles {
		text-align: center; 
		margin-left: 100px;
		margin-right: 100px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: small;
}
.regularcontent {
		text-align: left;
		margin-left: 100px;
		margin-right: 100px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: small;
}
.clientinfoheader {
    text-align: left;
		margin-left: 25px;
		margin-right: 25px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: small;
}
.centeredlist {
		text-align: center;
		margin-left: 100px;
		margin-right: 100px;
		height:auto;
		font-family: Arial, Helvetica, sans-serif;
		font-size: small;
}
.column-left{float: left; width: 33%;}
.column-right{float: right; width: 33%; }
.column-center{display: inline-block; width: 33%;}
section {
		background-color:white;
		width:900px;
		margin:auto;
		padding:5px;
}
#parentcontainer {
		width:900px;
		margin:auto;
		background-color:#CCE0E3;
		height:40px;
}

#formcontainer {
		width:300px;
		margin:auto;
		background-color:#CCE0E3;
		height:40px;
}

.maincontainer {
		width:910px;
		margin:auto;
		height:auto;
		background-color:white;
}
#maincontainer {
		width:910px;
		margin:auto;
		height:auto;
		background-color:white;
		text-align:center;
}
#smallcontainer{
		width:750px;
		margin:auto;
		background-color:white;
		height:600px;
		padding-top:3em;
}
.fade {
		opacity: 1;
		transition: opacity .25s ease-in-out;
		-moz-transition: opacity .25s ease-in-out;
		-webkit-transition: opacity.25s ease-in-out;
}
.fade:hover {
		opacity: 0.5;
}
table {
    font-family:Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 9px;
}

tr:nth-child(even) {
    background-color: #dddddd;
}

/*** ASP FORMS ***/


/*** END OF ASP FORMS ***/

/*** SLIDER ***/
#content-slider{
		width:100%;
		height:auto;
		margin:auto;
		padding-top:5px;
}
/*** END OF SLIDER ***/


/*** HEADER ***/
.bluebackgroundcell {
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: small;
		background-color: #99FFCC;
}
.whitebackgroundcell {
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: small;
}
#topdonatebutton{
		float:right;
		padding:10px;
}
#topsection {
		background-color:#CCE0E3;
		width:910px;
		margin:auto;
		padding:0px;
}
#addressframe {

		width:100px;
		text-align:center;
		padding:5px;
		height:30px;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:small
}
#logoframe {
		background-color:white;
		color:black;
		text-align:left;
		padding:5px;
		
}
#sociallinks {
		float:right;
}
#title {
		background-color:#FFFFCC;
		color:black;
		text-align:center;
		padding:5px;
		width:800px;
		float:right;
}
.content h1 {
	font-size:48px;
	color:#000;
	text-shadow:0px 1px 1px #f4f4f4;
	text-align:center;
	padding: 60px 0 30px;
}
#menu {
		width:910px;
		height: auto;
		background-color:#363839;
		margin:auto;
}
ul#menu {
    	padding-top: 0px;
		margin:auto;		
}
ul#menu li {
		background-color:#363839;
		padding: 1em 1.2em;
		display: inline-block;
		transition: background .25s ease-in-out;
		-moz-transition: background .25s ease-in-out;
		-webkit-transition: background .25s ease-in-out;
}
ul#menu li a{
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		color:white;
}
ul#menu li:hover {
	    color: white;
	    text-decoration:none;
	    background-color:#ddd;
}
.phonenumbers {
		font-weight:bold;
		color: #0453E3;
}
.tooltip {
		position:relative;
		display: inline-block;
		
}
.tooltiptext {
		visibility: hidden;
		width: 120px;
		top: 100%;
		left: 50%;
		margin-left: -60px;
		background-color: black;
		font:menu;
		color: #fff;
		text-align:center;
		padding: 5px 0;
		position:absolute;
		z-index:auto
}
.tooltip:hover .tooltiptext {
		visibility:visible;
}
/*** END OF HEADER ***/


/*** FOOTER ***/
#sponsors{
	text-align:center;
	float:inherit;
	padding-bottom:0.5em;
}

#footer{
	font-family:Arial, Helvetica, sans-serif;
	overflow: hidden;
	padding: .5em .5em;
	margin:auto;
	width:850px;
	font-size:small;
	font-weight:lighter;
}

#footer p{
	font-family:Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size: 1em;
	color: white;
}

#footer a{
	text-decoration: none;
	color: rgba(255,255,255,0.6);
}
#donatebutton{
	margin:auto;
	text-align:center;
	padding:5px;

}
#sponsorcontainer {
		width:910px;
		margin:auto;
		height:auto;
		background-color:#363839;
}
#sponsor_archdiocese {
		background-color:#363839;
		width:300px;
		height:auto;
		text-align:center;
		padding-left:6px;
		float:left;
}
#sponsor_stu {
		background-color:#363839;
		width:300px;
		height:auto;
		text-align:center;
		padding:0px;
		float:left;
}
#sponsor_fragomen {
		background-color:#363839;
		width:300px;
		height:auto;
		text-align:center;
		padding-right:0px;
		float:left;
}
#bottomsection {
		width:910px;
		margin:auto;
		height:350px;
		background-color:#363839;
}

/*** END OF FOOTER ***/

/*** CONTACT FORM ***/
.contactform {
		max-width: 700px;
		width: 100%;
		margin: -75px auto;
		position: relative;
}

#contact input[type=text], #contact input[type=email], #contact input[type=tel], #contact textarea, #contact button[type=submit] {
	font: 400 12px/16px  Helvetica, Arial, sans-serif;
}

#contact {
	background: #F9F9F9;
	padding: 25px;
	margin: 150px 0 ;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

#contact h3 {
	display: block;
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 10px;
}

#contact h4 {
	margin: 5px 0 15px;
	display: block;
	font-size: 13px;
	font-weight: 400;
}

fieldset {
	border: medium none !important;
	margin: 0 0 10px;
	min-width: 100%;
	padding: 0;
	width: 100%;
}

#contact input[type=text], #contact input[type=email], #contact input[type=tel], #contact input[type=url], #contact textarea {
	width: 100%;
	border: 1px solid #ccc;
	background: #FFF;
	margin: 0 0 5px;
	padding: 10px;
}

#contact input[type=text]:hover, #contact input[type=email]:hover, #contact input[type=tel]:hover, #contact input[type=url]:hover, #contact textarea:hover {
	-webkit-transition: border-color 0.3s ease-in-out;
	-moz-transition: border-color 0.3s ease-in-out;
	transition: border-color 0.3s ease-in-out;
	border: 1px solid #aaa;
}

#contact textarea {
	height: 100px;
	max-width: 100%;
	resize: none;
}

#contact button[type=submit] {
	cursor: pointer;
	width: 100%;
	border: none;
	background: #4c75b0;
	color: #FFF;
	margin: 0 0 5px;
	padding: 10px;
	font-size: 15px;
}

#contact button[type=submit]:hover {
	background: #446aa1;
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out;
}

#contact button[type=submit]:active {
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

#contact input:focus,
#contact textarea:focus {
	outline: 0;
	border: 1px solid #aaa;
}

::-webkit-input-placeholder {
	color: #888;
}

:-moz-placeholder {
	color: #888;
}

::-moz-placeholder {
	color: #888;
}

:-ms-input-placeholder {
	color: #888;
}

/*** END OF CONTACT FORM ***/