/*
	AmaTech Solutions - St. Clare:  CSS 
	Created 2/23/2008 4:04am
*/

/*globals*/

html,*{
	margin:0 0 0 0;
}
body{
	font-family:serif,san-serif, times, arial;
	background:#FFFFFF url(../images/background.png) top center repeat-y;
	text-align:center;
	color:black;
	height:100%;
	overflow: -moz-scrollbars-vertical;

}

#banner{
	display:block;
	background:#FFFFFF url(../images/banner.png) top center no-repeat;
	margin:0 auto;
	height:150px;
}

#quote{
  margin:0 auto;
}

#banner #banLinkHolder{
  width:702px;
  margin:0 auto;
  text-align:left;
}

#banner #banLinkHolder #home{
  outline:none;
  display:block;
  position:absolute;
  width:702px;
  height:110px;
  margin:25px auto;
}

#navContainer{
  display:block;
  height:17px;
  text-align:center;
  background:transparent url(../images/nav.png) top center no-repeat;
  margin:0 auto;
}

#navContainer #nav{
	width:701px;
	text-align:left;
	margin:0 auto;
}

#navContainer #nav a{
	display:block;
	position:absolute;
	/*background:transparent url(../images/nav.png) top center no-repeat;*/
	height:17px;
	outline: none;
}

#navContainer #nav #about{
  width:76px;
}
#navContainer #nav #event{
  margin-left:76px;
  width:56px;
}
#navContainer #nav #faith{
  margin-left:132px;
  width:133px;
}
#navContainer #nav #ministries{
  margin-left:265px;
  width:91px;
}
#navContainer #nav #sacraments{
  margin-left:356px;
  width:98px;
}
#navContainer #nav #ways{
  margin-left:454px;
  width:62px;
}
#navContainer #nav #parish{
  margin-left:516px;
  width:137px;
}
#navContainer #nav #links{
  margin-left:653px;
  width:48px;
}

#pageBoxTop{
  display:block;
  margin:0;
  padding:0;
  background:transparent url(../images/box-top.png) top center no-repeat;
  height:24px;
}

#pageBoxMid{
  display:block;
	background:transparent url(../images/box-mid.png) top center repeat-y;
	margin:0 auto;
	width:727px;
	min-height:350px;
}
#pageBoxMid #pageContent{
  display:block;
	text-align:left;
	width:707px;
	margin:0 auto;
}

#pageBoxMid #pageContent img.right{
  float:right;
  margin:5px;
}

#pageBoxMid #pageContent a{
	color:#33CC00;
	text-decoration:none;
}

#pageBoxMid #pageContent a:hover{
	text-decoration:underline;
}

#pageBoxMid #pageContent h1{
  text-align:center;
	font-size:24px;
	/*text-decoration:underline;*/
	padding-bottom:10px;
}

#pageBoxMid #pageContent h2{
	text-align:left;
	font-size:20px;
	font-weight:bold;
}

#pageBoxMid #pageContent fieldset{
	width:80%;
	margin:0 auto;
	padding:10px;
}

#pageBoxMid #pageContent .error{
	display:block;
	text-align:center;
	margin:5px auto 5px auto;
	background:#ffa2a2;
	border:3px solid red;
	padding:10px 20px;
	width:300px;
}

#pageBoxMid #pageContent .success{
	display:block;
	text-align:center;
	margin:0 auto 20px auto;
	background:#00de00;
	border:3px solid #33CC00;
	padding:10px 20px;
	width:300px;
	font-size:90%;
}

#pageBoxBot{
  display:block;
  margin:0;
  padding:0;
  background:transparent url(../images/box-bot.png) top center no-repeat;
  height:24px;
}

#footer{
	float:left;
	background:transparent;
	padding-top:35px;
	font-size:70%;
	text-align:center;
	width:100%;
	height:25px;
}