/* CSS Document */
html, body{ background: #FFF url(../images/bg.jpg) repeat-y center top; height:100%; margin:0; padding:0; font-family: "Century Gothic", Arial, Sans Serif; font-size: 12px; color:#333;}

h1 { font:bold 20px "Century Gothic", Arial, Tahoma; letter-spacing:-1px; color: #333;}

h2 { font-family: "Century Gothic", Arial, Tahoma; font-size: 18px; letter-spacing:-.025em; font-weight: bold; color: #333;}

a:link { color: #999; text-decoration: none;}

a:visited { color: #666; text-decoration: none; }

a:hover { color: #000; text-decoration: none;}

a:active { text-decoration: none;}


#main {	position: relative;	width: 607px; height: 100%;	padding: 0 10px; text-align: left; margin: 0 auto;}

#left { position: absolute; left:2px; top:30px; width:160px; height:500px; background: url(../images/bg_nav.jpg) no-repeat; color:#FFF; border-bottom: #FFF solid 5px;}

#right { position: absolute; right:0px; top:0px; width:448px; background-color:#FFF;}

#logo { position: absolute; top: 10px; width: 191px; height:129px; background: url(../images/logo.gif) no-repeat; left: -13px;}

#address { position:absolute; text-align:center; left: 0px; top: 400px; color: #FFF; width: 161px;}



/* START NAV */

#navcontainer ul { margin: 130px 0 0 0; padding: 0; list-style-type: none; font-family: "Century Gothic", Courier, Arial; font-size: 11px;}

#navcontainer li { margin: 0 0 3px 4px; }

#navcontainer a { display: block; padding: 2px 0px 2px 14px; width: 137px; background-color: #FFF;}

#navcontainer a:link, #navlist a:visited { color: #333; text-decoration: none; }

#navcontainer a:hover { background-color:#990000; color: #FFF;}

#active a:link, #active a:visited, #active a:hover { font-weight:bold; background-color: #CCC; color: #333;}


#navFooter { position: relative; background-color:#FFF; padding: 0 5px 7px 5px; margin: 0 auto; text-align: center; font-size: 10px;}

ul#minitabs{list-style: none;margin: 0;padding: 7px 0; border-bottom: 1px solid #CCC; font-weight: normal; text-align: center; white-space: nowrap;}

ul#minitabs li{display: inline;margin: 0 2px;}

ul#minitabs a{text-decoration: none; padding: 0 0 3px; border-bottom: 4px solid #FFF;color: #999;}

ul#minitabs a#current{border-color: #CCC; color: #333;}

ul#minitabs a:hover{border-color: #990000; color: #333;}

/* END NAV*/


#creed { position: absolute; right:0px; top:-5px; width:448px; height:25px; background:#FFF url(../images/creed.jpg) no-repeat center top;}

#header { position: absolute; right:0px; top:17px; width:448px; background: #FFF url(../images.php) no-repeat center top; padding: 300px 0px 0px 0px;}

#church { position: absolute; right:0px; top:17px; width:448px; background:#FFF url(../images/church_1.jpg) no-repeat center top; padding: 350px 0px 0px 0px;}

#dixon { position: absolute; right:0px; top:17px; width:448px; background:#FFF url(../images/dixon.jpg) no-repeat center top; padding: 350px 0px 0px 0px;}

#kiowski { position: absolute; right:0px; top:17px; width:448px; background:#FFF url(../images/kiowski.jpg) no-repeat center top; padding: 350px 0px 0px 0px;}

#proctor { position: absolute; right:0px; top:17px; width:448px; background:#FFF url(../images/proctor.jpg) no-repeat center top; padding: 350px 0px 0px 0px;}

#reyes { position: absolute; right:0px; top:17px; width:448px; background:#FFF url(../images/reyes.jpg) no-repeat center top; padding: 350px 0px 0px 0px;}

.lead { float:right; width:130px; height:250px; border-left:solid 1px #600; padding-left:10px; margin-left:10px;}

.lead h2 { margin:0px 0px 10px 0px; padding:0px; text-transform:uppercase;}

.lead ul { list-style:none; margin:0px; padding:0px;}

.lead li { list-style:none; display:block; margin-bottom:10px; width:150px;}

.lead li a { text-decoration:none; color:#600; }

.lead li a:hover{ color:#c00;}

#title { position: absolute; top: 25px; right: 254px; width:176px; height:35px; font-size: 24px; color:#EFEFEF; z-index: 1;}

#title2 { position: absolute; top: 25px; right: 300px; width:130px; height:35px; font-size: 24px; color:#FFF; z-index: 1;}

#text { padding: 5px 25px;}

#date { text-align:right; font-family:Verdana; font-size: 10px; border-top: thin dotted #999;}

#date2 { text-align:right; font-family:verdana; font-size: 10px; border-top: thin dotted #999;}

#footer { position: relative; background-image: url(../images/bg_footer.jpg); background-repeat: no-repeat; background-position: center top; background-color:#FFF; width:100%; height:58px; padding-top: 6px; color: #CCC; text-align: center; font-size: 10px;}

#eventsContact { display: block; background-color: #750000; padding: 3px 10px 3px 10px; width: 90%;}

#eventsFlyer { display: block; background-color: #CCC; padding: 3px 10px 3px 10px; width: 90%;}

.eventsTitle{ font-family: "Century Gothic", Arial, Tahoma; font-size: 20px; font-weight: bold;	color: #750000;}

.picpad { margin-right:15px;}


/*  Colours  */

.red {color:#600;}