﻿/* CSS for RCIA Community written by Doug Forness*/

/* -------------------------------------------------------- General */

* { margin: 0; padding: 0; }

body {
	margin: 20px 15px;
	font-family: Verdana, Arial, Helvetica, 'sans-serif';
	font-size: 90%; }

.copyright { font-size: 75%; text-align: center; }

.center { text-align: center; }

.right { text-align: right; }

.justify { text-align: justify; }

td { vertical-align: top; }

hr {
	margin: 1em 0;
	color: #add8e6;
	background-color: #add8e6;
	height: 7px;
	width: 100%;
	border: 1px solid teal; }

hr.salmon {
	margin: 1em 0;
	color: #f99;
	background-color: #f99;
	height: 7px;
	width: 100%;
	border: 1px solid teal; }

hr.thirdwidth { width: 33%; }

h5 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	color: #005588;
	text-align: center; }

h4 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	color: #005588;
	text-align: center; }

h4.poemtitle {
	font-family: Georgia, 'Times New Roman', Times, serif;
	color: black;
	text-align: left; }

h3 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	color: #005588;
	text-align: center; }

h2 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	color: #005588;
	text-align: center; }

h1 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	color: #005588;
	text-align: center; }

h5 { margin: .5em; }

h4 { margin: .5em; }

h3 { margin: .5em; }

h2 { margin: .5em; }

h1 { font-size: 2.8em; }

h5.addressheader {
	font-size: .8em;
	margin-top: 2em;
	font-family: Verdana, Helvetica, 'sans-serif': }

img.dropcap {
	float: left;
	margin: .3em 1em .5em 0; }

img.floatleft {
	float: left;
	margin: 1em 1.5em 1em 0; }

img.floatright {
	float: right;
	margin: 0 0 1em 1.5em; }

img.floatrighttop {
	float: right;
	margin: 3em 0 1em 1.5em; }

img.floatrighttop2 {
	float: right;
	margin: 1em 0 1em 1.5em; }

div.longquote {	margin: 2em 3em; }

div.floatleft {
	float: left;
	margin: 0 2em 1em 0; }

div.floatlefttop {
	float: left;
	clear: left;
	margin: 0 2em 1em 0; }

div.floatright {
	float: right;
	margin: 0em 0 1em 2em; }

div.floatrighttop {
	float: right;
	margin: 0 0 1em 2em; }

p.caption {
	text-align: center;
	font-size: .9em;
	margin-top: .5em; }

div.space { margin: 2em 0em 0em 0em;}
	
/* ------------------------------------------------ General Anchors */

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

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

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

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

a.citation:link {
	font-size: .8em;
	color: blue;
	text-decoration:none; }

a.citation:hover {
	font-size: .8em;
	color: red;
	text-decoration:underline; }

a.citation:active {
	font-size: .8em;
	color: #000;
	text-decoration: underline; }

a.citation:visited {
	font-size: .8em;
	color: blue;
	text-decoration: none; }

/* ---------------------------------------------- Page Backgrounds */

body.howto {
	background-color: #ddd;
	background-image: url(images/whitedove1000x800c.jpg);
	background-position: 75px -100px;
	background-repeat: no-repeat;	}
	
body.whoweare {
	background-color: #ddd;
	background-image: url(images/whitedove1000x800c.jpg);
	background-position: 75px -100px;
	background-repeat: no-repeat;
	background-attachment: fixed;	}
	
body.rciacommunity {
	background-color: #ddd;
	background-image: url(images/whitedove1000x800c.jpg);
	background-position: 75px -100px;
	background-repeat: no-repeat;
	background-attachment: fixed; }

body.rcianews {
	background-color: #ddd;
	background-image: url(images/whitedove1000x800c.jpg);
	background-position: 75px -100px;
	background-repeat: no-repeat;
	background-attachment: fixed; }
	
body.rciaapologetics {
	background-color: #ddd;
	background-image: url(images/whitedove1000x800c.jpg);
	background-position: 75px -100px;
	background-repeat: no-repeat; }
	
body.inspirationcorner {
	background-color: #abd;
	background-image: url(images/sunsetlight.jpg);
	background-position: 0px -50px;
	background-repeat: no-repeat; }

body.aboutourparish {
	background-color: #ccc;
	background-image: url(images/iriswhite.gif);
	background-position: 650px 50px;
	background-repeat: no-repeat;
	background-attachment: fixed; }

body.review {
	background-color: #9ce;
	background-image: url(images/irisbright.gif);
	background-position: 40px 575px;
	background-repeat: no-repeat; }

body.teamschedule {
	background-color: #9ce;
	background-image: url(./images/irisbright.gif);
	background-position: -40px -140px;
	background-repeat: no-repeat; }

body.rciafirststeps { background-color: #ddd; }

#letter {
	background-color: lightblue;
	padding: 1em;
	border: 1px solid teal;	}

div.poems {
	background-color: lightblue;
	width: 20em;
	padding: 2em 3em;
	border: 1px solid teal;	}
	
/* -------------------------------------------------- Page Heading */

#headingsubtitle { margin: 75px 0 0 75px; }

#addressheader { margin: 25px 0 0 75px; }

div.pagetitle01 { position: absolute; top: 20px; left: 225px; }

div.pagetitle02 { position: absolute; top: 20px; left: 275px; }

div.pageheader {
	margin: -.5em 0 2em -1em;
	width: 850px;
	height: 150px; }

div.pageheader2 {
	margin: -.5em 0 2em -1em;
	width: 900px;
	height: 150px; }
	
h1.maintitle { padding-top: .5em; }

h1.maintitlebigger {
	padding-top: .5em;
	font-size: 3em; }

#floatlogoleft { float: left; }

img.incarnationlogoclearleft { float: left; clear: left; }

#incarnationtitle01 { position: absolute; top: 10px; left: 10px; }


/* div.lineofphotos { position: absolute; top: 245px; left: 240px; width: 600px; } */

/* ----------------------------------------------------------- Logo */

img.incarnationlogo { float: left; margin-left: 1em; }

img.incarnationlogo2 { float: left; margin: 10px 0 0 10px; }

#homepagelink { position: absolute; top: 155px; left: 50px; }

/* ------------------------------------------------- Navigation Bars */



#navyouareheretop { background-color: aqua; }

#navyouarehere {
	border-bottom: 5px solid teal;
	border-top: 2px solid teal;
	border-left: 2px solid teal;
	border-right: 2px solid teal;
	background-color: aqua; }

#sidebarbackground {
	background-color: lightblue;
	border: 1px solid black; }

#sidebarbackgroundedd {
	background-color: #edd;
	border: 1px solid black; }

.lightbluebackground {
	background-color: lightblue;
	border: 1px solid black;
	padding: 1em .5em .5em .5em; }

.lightbluebackgroundpadded {
	background-color: lightblue;
	border: 1px solid black;
	padding: 1em; }

.lightbluebackgroundfloat {
	background-color: lightblue;
	border: 1px solid black;
	padding-top: 1em; }

p.navlink{
	font-size: .8em;
	border-bottom: 5px solid teal;
	border-top: 2px solid transparent;
	padding: .5em; }

p.navlink:hover {
	border-bottom: 5px solid teal;
	border-top: 2px solid teal;
	background-color: aqua; }

div.linkshorizontal {
	margin: 3em 0 1em 2.5em;
	text-align: left; }

div.linkshorizontalnarrow {
	margin: 2em 0 0 .3em;
	text-align: center; }

div.linkshorizontalnarrowleft {
	margin: 2em 0 0 .3em;
	text-align: left; }

a.linkshorizontal {
	text-align: center;
	font-size: .8em;
	margin: 0 .5em;
	padding: .3em;
	line-height: 2.5em;
	background-color: lightblue;
	border: 1px solid black; }

a.linkshorizontal:hover { background-color: aqua; }

a.topofpage {
	text-align: center;
	font-size: .8em;
	margin: 0 .5em;
	padding: .3em;
	line-height: 2.5em;
	background-color: #faa;
	border: 1px solid black; }

a.topofpage:hover {
	background-color: #8a8;
	color: #fff; }

div.linksecondary {
	margin: 3em 0 1em .3em;
	text-align: left; }

div.linkshorizontalnarrow {
	margin: 2em 0 0 .3em;
	text-align: center; }

a.linksecondary {
	text-align: center;
	font-size: .8em;
	margin: 0 .5em;
	padding: .3em .5em;
	line-height: 2.5em;
	background-color: #faa;
	border: 1px solid black; }

a.linksecondarybold {
	text-align: center;
	font-size: .8em;
	font-weight: bold;
	margin: 0 0 0 7em;
	padding: .5em .8em;
	line-height: 2.5em;
	background-color: #faa;
	border: 1px solid black; }

a.linksecondarybold:hover {
	background-color: #8a8;
	color: #fff; }

a.linksecondary:hover {
	background-color: #8a8;
	color: #fff; }

#emailusa {
	font-size: 1em;
	margin: 0; }

#emailusb {
	font-size: 1em;
	margin: 0; }

/* ---------------------------- Mass Times and Contact Information */

div.navverticalleft {
	width: 12em;
	float: left;
	margin-top: 4em;
	background-color: lightblue;
	border-left: 2px solid teal;
	border-top: 5px solid teal;
	border-right: 2px solid teal; }

div.masstimes {
	width: 16em;
	position: absolute; top: 300px; left: 750px;
	padding: 0 1.5em;
	font-size: .8em;
	border: 1px solid #0088aa; }

div.masstimesschedule {
	width: 16em;
	position: absolute; top: 300px; left: 750px;
	padding: 0 1.5em;
	font-size: .8em;
	border: 1px solid #0088aa; }

div.masstimes h3 { text-decoration: underline; }

div.masstimesschedule h3 { text-decoration: underline; }

.masstimes {
	text-align: left;
	margin: .5em 0; }

/* --------------------------------------------------- main content */

div.maincontent {
	position: absolute; top: 250px; left: 50px;
	width: 640px;
	text-align: justify; }

div.maincontent p { margin-bottom: 1em; }

div.maincontentschedule {
	position: absolute; top: 250px; left: 50px;
	width: 640px;
	text-align: justify; }

/* -------------------------------------------------- specific pages */

div.questionform {
	margin: 1em 0;
	padding: 0 1em;
	border: 1px black solid;
	background-color: lightblue; }

table.schedule {
	border: 1px solid teal;
	width: 100%;
	font-size: .8em; }

table.schedule td {
	width: auto;
	white-space: nowrap;
	border: 1px solid teal;
	padding: .5em;
	text-align: left; }


/* ---------------------------- inquiry page */

td.inquirylightgray { border:1px #ccc solid; background-color: #ccc; }
td.inquirymediumgray { border:1px #bbb solid; background-color: #bbb; }
td.inquirydarkgray { border:1px #aaa solid; background-color: #aaa ; }

/* ----------------------------------------------------- index page */

div.indexmasstimes {
	float: left;
	clear: left;
	border-left: 1px solid teal;
	padding: 1.5em 0 0 1.5em;
	font-size: .8em;
	width: 14em; }

div.indexmasstimes h3 { text-decoration: underline; }

#eventsmaincontent { padding-top: 2em; }

#indexmaincontent { padding-top: 2em; }

a.questions {
	text-align: center;
	float: left;
	width: 32em;
	font-size: .8em;
	padding: .3em;
	background-color: lightblue;
	border: 1px solid black;
	margin: 0 0 1em 0; }

a.questions:hover { background-color: aqua; }

td.tableheadings {
	background-color: lightblue;
	font-weight: bold;
	text-align: center;
	vertical-align: middle; }

div.participants {
	width: 35em;
	margin: 3em auto;
	padding: 0 .5em 0 1.5em;
	font-size: .8em;
	line-height: 1.5em;
	border: 1px solid #0088aa; }

table.participants { width: 100%; }

h3.participants {
	font-size: 1.5em;
	text-decoration: underline;
	text-align: center;
	margin-left: -1em; }

td.topleft {
	font-weight: bold;
	text-decoration: underline; }

td.topright {
	font-weight: bold;
	text-decoration: underline; }


/* --------------------------------------------------------- Footer */

div.footercontainer { text-align: center; }

#footer {
	margin: 3em 0;
	width: 25em;
	padding: 3px 0;
	text-align: center;
	border: 1px solid black;
	background-color: silver; }

#footer p {
	text-align: center;
	margin: 0;
	font-size: .6em; }

/* --------------------------------------------------------- Print */

body.printschedule {
	font-size: 10pt;
	font-family: Verdana, Tahoma, Helvetica, 'sans-serif'; }

table.buttons1 {
	width: auto;
	margin: .5em 0 0 0; }

table.buttons2 {
	width: auto;
	margin: .5em 0 0 0; }

.left { text-align: left; }

.gray { background-color: #ccc; }

tr.pagebreak { page-break-before: always; }

table.legend {
	margin: 0em 0 1em 0;
	width: 854px; }

#legend {
	width: 34em;
	font-size: .8em;
	padding: 1em 2em;
	border: 1px solid black; }

#printtitle {
	vertical-align: middle;
	border: 1px solid black; }

#h2print {
	margin: 0;
	font-size: 2em;
	color: black; }

table.scheduleprint1 {
	width: auto;
	font-size: .9em;
	line-height: 1.5em;
	border: none;
	text-align: left; }

table.scheduleprint2 {
	width: auto;
	font-size: .8em;
	line-height: 1.5em;
	border: none;
	text-align: left; }

table.scheduleprint1 td {
	padding: 0em .7em;
	width: auto;
	white-space: nowrap;
	text-align: left; }

table.scheduleprint2 td {
	padding: 0em .7em;
	width: auto;
	white-space: nowrap;
	text-align: left; }

td.tableheadingsprint {
	border-bottom: solid black 1px;
	height: 2.3em;
	font-weight: bold;
	padding: 0em .7em;
	vertical-align: bottom; }

div.linksecondaryprint {
	margin: 3em 0 1em .3em;
	text-align: left; }

a.linksecondaryprint {
	text-align: center;
	font-size: .8em;
	margin: 0 .5em;
	padding: 1em 3em;
	line-height: 2.5em;
	background-color: #faf;
	border: 1px solid black; }

a.linksecondaryprint:hover {
	background-color: #8a8;
	color: #fff; }

div.masstimesschedulefarright {
	width: 16em;
	float: right;
	padding: 0 1.5em;
	font-size: .8em;
	border: 1px solid #0088aa; }

/* ---------------------------------------- BEGIN UNFINISHED CODE */

#section {
	margin: 5em 0 2em 0;
	padding-bottom: .7em;
	border-bottom: 2px dotted #B43939;
	border: 2px solid lightgreen; }

/* Content > Sidebar > Login */

#formid {
}

#formid form {
}

#formid fieldset {
	border: none;
}

#formid legend {
	display: none;
}

#formid label {
	font-size: x-small;
	font-weight: bold;
}

#formid input {
	margin-bottom: 5px;
	padding: 2px 5px;
	border: 1px solid #B43939;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#inputtext2 {
	color: #B43939;
}

#inputtext1 {
	color: #B43939;
}

#inputsubmit1 {
	background: #B43939;
	color: #FFFFFF;
}

/* Content > Sidebar > Menu */

#menu {
	margin-bottom: 10px;
	border-bottom: 4px solid #D1BC5C;
}

#menu ul {
	margin: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	padding: 10px;
	border-top: 1px solid #D1BC5C;
	font-weight: bold;
}

#menu .active a {
	background: #B43939;
	text-decoration: none;
	color: #FFFFFF;
}

#menu a:hover {
	background: #B43939;
	text-decoration: none;
	color: #FFFFFF;
}

/* Content > Sidebar > info*/

#info {
}

#info ul {
	margin: 0;
	list-style: none;
}

#info h3 {
	font: bold Verdana, Arial, Helvetica, sans-serif;
   font-size: .8em;
	color: #000000;
}

#info p {
	margin-bottom: 1.4em;
	font-size: smaller;
	line-height: normal;
}

/* Events */

#events {
}

#events ul {
	margin: 0;
	list-style: none;
}

#events h3 {
	font: bold Verdana, Arial, Helvetica, sans-serif;
   font-size: .8em;
	color: #000000;
}

#events p {
	margin-bottom: 0.4em;
	font-size: smaller;
	line-height: normal;
}

/* ----------------------------------------- END UNFINISHED CODE */


