/****************************************************************/ /* Design: St Elizabeth Seton Catholic Church */ /****************************************************************/ /*************/ /* CONTENT */ /*************/ .main h1 {margin:0; padding:5px 20px 12px 20px; border-bottom:solid 1px rgb(215,215,215); color:#004080; font-weight:bold; font-size:200%; text-align:center;} /* HEADING -- Standard icon (1-Column / 2-Column) */ .content h1 {margin:0; padding:5px 20px 12px 20px; border-bottom:solid 1px rgb(215,215,215); color:#004080; font-weight:bold; font-size:220%; text-align:center;} .content-2col-box-leftcolumn h1, .content-2col-box-rightcolumn h1 {margin:0; padding:5px 20px 12px 20px; border-bottom:solid 1px rgb(215,215,215); color:#004080; font-weight:bold; font-size:180%; text-align:left;} .content h2 {clear:both; /*Start IE Hack*/ position:relative; z-index:1; top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; margin: 0 20px 0 20px; padding:15px 15px 5px 15px; border-top:solid 1px rgb(215,215,215); color:rgb(75,75,75); font-weight:bold; font-size:140%;} .content-2col-box-leftcolumn h2, .content-2col-box-rightcolumn h2 {margin:0; padding:15px 0 5px 15px; border-top:solid 1px rgb(215,215,215); color:#004080; font-weight:bold; font-size:140%;} .content h3 {margin:1.0em 0 0 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:180%;} .content h3.line {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ margin:0 20px -0.3em 20px; padding:1.0em 0 0 0; border-top:solid 1px rgb(215,215,215);} .content h4 {margin:1.0em 0 0 0; padding:0 20px 0 20px; color:#004080; font-weight:bold; font-size:160%;} .content h5 {margin:1.0em 0 0 0; padding:0 20px 0 20px; color:#004080; font-weight:bold; font-size:140%;} .content h6 {margin:1.0em 0 0 0 0; padding:0 20px 0 20px; color:#6633CC; font-weight:normal; font-size:120%; text-align:center;} /* HEADING -- No icon */ .content h2.indent {padding:10px 0 0 40px;} .content h1.svdp {background: url(../img/icon_st_vincent_logo.jpg) no-repeat; background-position:289px 2px; color:#004080;} /* PARAGRAPH TEXT */ .content p {margin:1.0em 0 1.0em 0; color:rgb(0,0,0); line-height:1.3em; padding: 0 20px 0 20px; font-size:131%;} .content p.details {margin:-0.2em 0 1.0em 0; line-height:1.0em; font-size:120%;} /* LIST */ .content ul {margin:1.4em 0 1.0em 0; padding:0em 20px 0em 20px; list-style:none;} .content ul li {margin:0 0 0.3em 2px; padding:0 5px 0 5px; line-height:1.3em; text-align:left; font-size:120%;} .content ol {margin:1.4em 0 1.0em 0; padding:0 20px 0 40px !important /*Non-IE6*/; padding:0 20px 0 50px /*IE6*/;} .content ol li {list-style-type:decimal; list-style-position:outside; margin:0 0 0.3em 3px; line-height:1.3em; font-size:131%;} .content ul.indent {padding:0 50px 0 50px;} .content ol.indent {padding:0 20px 0 70px !important /*Non-IE6*/; padding:0 20px 0 80px /*IE6*/;} /* TABLE (1-Column / 2-Column) */ .content table {clear:both; width:400px; margin:2.0em 0 0.2em 20px; table-layout:fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);} .content_frame table {clear:both; width:460px; margin:2.0em 0 2.0em 0; table-layout:fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);} .content_subframe table {clear:both; width:610px; margin:0em 0 0em 0; table-layout:fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244); font-size:.9em;} .registration_form { width:755px; background-color:#FFFFFF;} .registration_form p {color:#804000; font-size:140%; text-align:center;} .registration_form table {width:750px; border:#A96B5C; empty-cells:show; border-collapse:collapse; margin:2px;} .registration_form table tr th {font-family: Verdana, Arial, Helvetica, sans-serif; text-align:center; font-size:110%; color:#804000; font-weight:bold;} .registration_form table tr td {width:325x; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left; font-size:100%;} .registration_form table tr td table{width:325px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left; font-size:100%;} .registration_form table tr td table tr td{width:125px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left; font-size:100%;} .registration_form table tr th.comment {font-family: Verdana, Arial, Helvetica, sans-serif; text-align:center; background-color:#804000; font-weight:bold; font-size:110%; color:#FFFFFF;} .registration_form table p {color:#804000; font-size:120%; text-align:center; font-weight:bold;} .content-2col-box-leftcolumn table, .content-2col-box-rightcolumn table {clear:both; width:290px; margin:2.0em 0 0.2em 20px; table-layout:fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);} .content table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:#FFFFFF; text-align:center; color:#004080; font-weight:bold; font-size:140%; vertical-align:middle;} .content table th {height:3.0em; padding:2px 10px 2px 7px; border:solid 2px rgb(245,245,245); background-color:#FFFFFF; text-align:center; color:#004080; font-weight:bold; font-size:120%; vertical-align:middle;} .content table td {height:3.0em; padding:2px 7px 2px 7px; border:solid 2px rgb(245,245,245); background-color:#FFFFFF; text-align:center; font-weight:normal; color:#004080; font-size:110%; vertical-align:middle;} .content p.caption {clear:both; margin:0.5em 0 2.0em 0; text-align:center; color:rgb(80,80,80); font-size:120%;} .content p.bulletin {clear:both; text-align:left; font-size:110%; font-family: "Lucida Sans";} .content_subframe table th.top {height:3.0em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:center; color:#004080; font-weight:bold; font-size:100%;} .content_subframe table th {height:3.0em; padding:2px 10px 2px 7px; border:solid 2px rgb(245,245,245); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:normal; font-size:100%;} .content_subframe table td {height:3.0em; padding:2px 7px 2px 7px; border:solid 2px rgb(245,245,245); background-color:rgb(225,225,225); text-align:center; font-weight:normal; color:rgb(80,80,80); font-size:100%;} .content_subframe p.caption {clear:both; text-align:center; padding-top:10px; color:#004080; font-size:100%;} .content_subframe table ul {text-align:left;} /* CONTACT FORM (1-Column / 2-Column) */ .contactform {width:636px; margin:1.0em 10px 0 20px;} .contactform fieldset {padding:10px 0 10px 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);} .contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:131%;} .contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:100%;} .contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;} .contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;} .contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;} .contactform input.button {float:left; width:9.0em; margin-left:115px !important /*Non-IE6*/; margin-left:118px /*IE6*/; padding:3px !important /*Non-IE6*/; padding:2px /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:100%;} .contactform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);} .content-2col-box-leftcolumn .contactform, .content-2col-box-rightcolumn .contactform {width:297px; margin:1.0em 10px 0 20px;} .content-2col-box-leftcolumn .contactform fieldset, .content-2col-box-rightcolumn .contactform fieldset {padding:10px 0 10px 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);} .content-2col-box-leftcolumn .contactform fieldset legend, .content-2col-box-rightcolumn .contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:131%;} .content-2col-box-leftcolumn .contactform label.left, .content-2col-box-rightcolumn .contactform label.left {float:left; width:100px; margin:0; padding:2px; font-size:100%;} .content-2col-box-leftcolumn .contactform select.combo, .content-2col-box-rightcolumn .contactform select.combo {width:140px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;} .content-2col-box-leftcolumn .contactform input.field, .content-2col-box-rightcolumn .contactform input.field {width:135px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;} .content-2col-box-leftcolumn .contactform textarea, .content-2col-box-rightcolumn .contactform textarea {width:242px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;} .content-2col-box-leftcolumn .contactform input.button, .content-2col-box-rightcolumn .contactform input.button {float:left; width:9.0em; margin-left:130px !important /*Non-IE6*/; margin-left:133px /*IE6*/; padding:3px !important /*Non-IE6*/; padding:2px /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:100%;} .content-2col-box-leftcolumn .contactform input.button:hover, .content-2col-box-rightcolumn .contactform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);} /* SEARCH FORM (1-Column / 2-Column)*/ .content .searchform {width:636px; margin:1.0em 10px 0 20px;} .content-2col-box-leftcolumn .searchform, .content-2col-box-rightcolumn .searchform {width:297px; margin:1.0em 10px 0 20px;;} .content .searchform fieldset {border:none;} .content .searchform input.field {float:left; width:158px; padding:3px 0 3px 0; border:1px solid rgb(200,200,200); font-size:120%;} .content .searchform input.button {clear:both; float:left; width:3.0em; margin-top:0.5em; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:120%;} .content .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);} /****************/ /* SUBCONTENT */ /****************/ /* HEADING -- Standard icon */ .subcontent h1 {margin:0; padding:5px 20px 12px 20px; border-bottom:solid 1px rgb(215,215,215); color:#993300; font-weight:bold; font-size:150%; text-align: center; font-variant:small-caps;} .subcontent h2 {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/ margin:0 0 0 0; padding:15px 0 5px 0; border-top:solid 1px rgb(215,215,215); color:#5C743D; font-weight:bold; font-size:120%; text-align: center; font-variant:small-caps;} .subcontent h3 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:180%;} .subcontent h3.line {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ margin:0 20px -0.3em 20px; padding:1.0em 0 0 0; border-top:solid 1px rgb(215,215,215);} .subcontent h4 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:160%;} .subcontent h5 {margin:1.0em 0 -0.6em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:140%;} .subcontent h6 {margin:0.4em 0 0.5em 0; padding:0 20px 0 20px; color:rgb(50,50,50); font-weight:normal; font-size:130%;} /* PARAGRAPH TEXT */ .subcontent p {margin:1.0em 0 1.0em 0; color:rgb(0,0,0); line-height:1.3em; padding: 0 20px 0 20px; font-size:131%;} .subcontent p.details {margin:-0.2em 0 1.0em 0; line-height:1.0em; font-size:120%;} /* LIST */ .subcontent ul {margin:0 0 0 0; padding:0 30px 0 30px; list-style:none;} .subcontent ul li {margin:0 0 0 0; padding:0 10px 0 10px; line-height:1.2em; font-size:100%; text-align:center;} /* TABLE */ .subcontent table {clear:both; width:230px; margin:2.0em 0 0.2em 20px; table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);} .subcontent table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:120%;} .subcontent table th {height:3.0em; padding:2px 20px 2px 7px; border:solid 2px rgb(245,245,245); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:120%;} .subcontent table td {height:3.0em; padding:2px 7px 2px 7px; border:solid 2px rgb(245,245,245); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:120%;} .subcontent p.caption {clear:both; margin:0.5em 0 2.0em 0; text-align:left; color:rgb(80,80,80); font-size:120%;} /* CONTACT FORM */ .subcontent .contactform {width:230px; margin:1.0em 10px 0 20px;} .subcontent .contactform fieldset {padding:10px 0 10px 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);} .subcontent .contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; color:rgb(80,80,80); font-weight:bold; font-size:131%;} .subcontent .contactform label.left {float:left; width:85px; margin:0; padding:2px; font-size:100%;} .subcontent .contactform select.combo {width:90px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;} .subcontent .contactform input.field {width:85px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;} .subcontent .contactform textarea {width:178px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;} .subcontent .contactform input.button {float:left; width:9.0em; margin-left:67px !important /*Non-IE6*/; margin-left:68px /*IE6*/; padding:3px !important /*Non-IE6*/; padding:2px /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:100%;} .subcontent .contactform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);} /* SEARCH FORM */ .subcontent .searchform {width:230px; margin:10px 20px 0 20px;} .subcontent .searchform fieldset {border:none;} .subcontent .searchform input.field {float:left; width:158px; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:1px solid rgb(200,200,200); font-size:120%;} .subcontent .searchform input.button {clear:both; float:left; width:3.0em; margin-top:0.5em; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:120%;} .subcontent .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);} /**********/ /* IMAGES */ /**********/ .main img {clear:both; float:left; margin:3px 15px 7px 0; border:solid 3px rgb(200,200,200);} .main img.center {clear:both; float:none; display:block; margin:0 auto; border:solid 3px rgb(200,200,200);} .main img.right {clear:both; float:right; margin:3px 0 7px 10px; border:solid 3px rgb(200,200,200);} .main p img {border:none; float:none;} /*********/ /* LINKS */ /*********/ /* Text links */ .main a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;} .main a:hover {color:rgb(42,90,138); text-decoration:underline;} .main a:visited {color:rgb(42,90,138);} /*Image links */ .main a img {border:solid 3px rgb(200,200,200);} .main a:hover img {border:solid 3px rgb(175,175,175);} .floatRight {float:right; border:none;} .floatLeft {float:left; border:none;} .youth_events {font-family: "Comic Sans MS"; font-size:110%; color:#CC0099;} .youth_info {font-family: "Comic Sans MS"; font-size:110%; color:#9900CC;} .youth_creed {color:#800000; font-family: "Comic Sans MS";} .youth_data { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:120%; color:#0000FF;} .youth_creed h1 {margin:0; padding:5px 20px 12px 20px; border-bottom:solid 1px rgb(215,215,215); color:#004080; font-weight:bold; font-size:220%;} .youth_creed h3 {color:#800000; font-size:180%; font-family: Geneva, Arial, Helvetica, sans-serif;} .youth_creed h4 {color:#800000; font-size:160%; font-family: "Century Gothic";} .youth_creed h5 {color:#800000; font-size:140%; font-family: Geneva, Arial, Helvetica, sans-serif;} .youth_creed h6 {color:#800000; font-size:120%; font-family: Geneva, Arial, Helvetica, sans-serif;} .youth_creed ul li {text-align:center; font-size:140%; font-weight:normal;} .halloween {text-align:center; color:#800000; font-size:120%; font-family: "Comic Sans MS";} .harvest_home {background-color:#F5D17E; text-align:center;} .harvest_home p {text-align:center; color:#800000; font-size:120%; font-family: "Lucida Sans";} .harvest_home img {clear:both; float:none; display:block; margin:0 auto; border:none;} .harvest_home h3 {text-align:center; color:#800000; font-size:150%; font-family: Geneva, Arial, Helvetica, sans-serif;} .harvest_home h4 {text-align:center; color:#800000; font-size:140%; font-family: "Century Gothic";} .harvest_home ul li {text-align:center; font-size:105%; font-weight:normal;} .psr {background-color:white;} .psr p {color:#2C3582;} .psr table {color:#2C3582; text-align:left; font-size:10px; font-family:"Century Gothic"; width:325px;} .psr table th {background-color:#FFFFFF; text-align:center; color:#2C3582; font-weight:bold; font-size:140%; border:hidden; vertical-align:top;} .psr table td { border:hidden;} /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .ubercolortabs {white-space:nowrap /*IE hack*/; float:left; width:958px; border-left:solid 10px rgb(200,200,200); border-right:solid 10px rgb(200,200,200); background-color:rgb(255,255,255); overflow:hidden;} /*Color navigation bar normal mode*/ .ubercolortabs ul{font: bold 11px Arial, Verdana, sans-serif; margin: 0; padding: 0; list-style: none;} .ubercolortabs li{display: inline; margin: 0 2px 0 0; padding: 0; text-transform: uppercase;} .ubercolortabs a{float: left; color: white; background: #804000 url(../img/roundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/ margin: 0 2px 0 0; padding: 0 0 1px 3px; text-decoration: none; letter-spacing: 1px;} .ubercolortabs a span{float: left; display: block; background: transparent url(../img/roundright.gif) no-repeat right top; /*right corner image*/ padding: 7px 9px 3px 6px; cursor: pointer;} .ubercolortabs a span{float: none;} .ubercolortabs a:hover, .ubercolortabs li.selected a{background-color: #AE5300; /*background color of tabs onMouseover*/ color: white;} .ubercolortabs a:hover span{background-color: transparent;} /*CSS for horizontal line.*/ .ubercolordivider{clear: both; padding: 0; width: 100%; height: 5px; line-height: 5px; background: #804000;} .assignment_tabs {white-space:nowrap /*IE hack*/; float:left; width:650px; background-color:#FFFFFF; overflow:hidden;} /*Color navigation bar normal mode*/ .assignment_tabs ul{font: bold 10px Arial, Verdana, sans-serif; margin: 0; padding: 0; list-style: none;} .assignment_tabs li{display: inline; padding: 0; text-transform: uppercase;} .assignment_tabs a{float: left; color: white; background: #B9B9B9 url(../img/roundleft.gif) no-repeat; margin: 0 2px 0 0; padding: 0 0 1px 3px; text-decoration: none; letter-spacing: 1px;} .assignment_tabs a span{float: left; display: block; background: transparent url(../img/roundright.gif) no-repeat right top; padding: 7px 9px 3px 6px; cursor: pointer;} .assignment_tabs a span{float: none;} .assignment_tabs a:hover, .assignment_tabs li.selected a{background-color: #AE5300; /*background color of tabs onMouseover*/color: white;} .assignment_tabs a:hover span{background-color: transparent;}