html { overflow-y:scroll; }
body { line-height: 1.3em; color: #323232; background-color: #78a8da; 
    font-family: Georgia, "Lucida Bright", "DejaVu Serif", "Bitstream Vera Serif", serif;     
    background-image: url(images/patterngrade-s.gif); 
    background-repeat: repeat-x; text-align: center; }
h1, h2, h3, h4 { font-family: Georgia, "Lucida Bright", "DejaVu Serif", "Bitstream Vera Serif", serif;  }
h1.pgtitle { color: #0076bf; font-size: 2.2em; font-weight: bold; 
    font-style: normal; line-height: 1.1em; margin: 0.67em 0 0.3em; }
h1, .post h2 { color: #7caadb; font-size: 1.8em; line-height: 1em; 
    font-weight: bold; font-style: italic; margin: 1em 0 0.3em; }
h2 { font-size: 1.3em; margin: 0.8em 0 0.1em; line-height: 1em; }
h3 { font-weight: normal; font-style: italic; margin: 0; }
h4 { font-size: 1.1em; margin-bottom: 0.5em; }
p { margin-bottom: 1em; margin-top: 0 }
a img { border: 0; }
a { text-decoration: none; color: #0076bf; }
a:hover { text-decoration: underline }
.rss a { display: block; width: 200px; height: 0; padding: 20px 0 0;
    overflow: hidden; border: none; 
    background: url(images/subscribe-rss.png) no-repeat; }


#container { background-color: transparent; position: relative; 
    top: 5px; width: 900px; margin-right: auto; margin-bottom: 30px; 
    margin-left: auto; }
#topbar { position: relative; width: 900px; height: 34px; z-index: 5; }


.links, .links ul { margin: 0; padding: 2px 2px 0; list-style-type: none; }
.links a { display: block; color: #fff; font-size: 20px; 
    font-variant: small-caps; background-color: #358dcc;
    background-image: url(images/link.png); 
    background-repeat: no-repeat; background-position: 3px 1px;
    text-decoration: none; padding: 2px 8px 7px 20px;
    border: solid 1px #459cd2; height: 16px; }

.links li { position: relative; float: right; }

.links li ul { position: absolute; top: 26px; right: 0; display: none;
    border: solid 1px #459cd2; padding: 0; }
.links li:hover ul, .links li.hover ul { display: block; }

.links li ul a { font-size: 16px; font-variant: normal; 
    background-color: #358dcc; background-image: none; 
    width: 135px; height: auto; clear: left;
    border: none; padding: 3px 5px;
    filter: alpha(opacity=90); opacity: 0.90; text-align: right; }
.links li ul a:hover { background-color: #0881c5;
    height: auto; filter: alpha(opacity=100);
    opacity: 1; }


#header, #homeheader { background-image: url(images/hgrade.png); 
    background-repeat: repeat-x; background-position: left bottom; 
    position: relative; top: 1px; left: 0; width: 900px; height: 270px; 
    border: 1px solid #358dcc; border-bottom: none; }
#homeheader { height: 300px; }
#logo, #homelogo { color: #fff; font-size: 14px; font-style: italic; 
    line-height: 18px; background-color: transparent; 
    text-align: center; position: absolute; top: 0; left: 0; 
    width: 240px; height: 265px; }
#homelogo { height: 300px; }
#logo p, #homelogo p { margin-top: -10px; }
#frame, #homeframe { background-color: white; 
    background-repeat: no-repeat; position: absolute; top: 10px; 
    left: 240px; width: 650px; height: 250px; }
#homeframe { height: 280px; }
#photo, #homephoto, #homeslides { background-color: #0881c5; position: absolute; 
    top: 5px; right: 5px; width: 640px; height: 240px; overflow: hidden; }
#homephoto, #homeslides { height: 270px; }
#titleback, #hometitleback { background-color: #0076bf; 
    position: absolute; left: 5px; bottom: 5px; width: 640px; 
    height: 3.5em; z-index: 3; filter: alpha(opacity=70); opacity:0.7; }
#hometitleback { height: 5em; }
 .titlewords a, #hometitle, #homewelcome, #qltitle { color: #fff; font-size: 2.75em; 
    line-height: 1.4em; position: absolute; left: 5px; bottom: 5px; 
    z-index: 4; padding-left: 0.3em; list-style-type: none; 
    text-decoration: none; }
#hometitle { font-size: 1.2em; line-height: 1.2em; text-align: right; 
    right: 20px; bottom: 15px; }
.titlewords li { visibility: hidden; }
.titlewords li.selectedPageRoot, .titlewords li.selectedPage { 
    visibility: visible; }

#searchbar { color: #fff; background-color: #0076bf; float: left;
    text-align: left; position: relative; min-height: 30px; 
    width: 900px; border: solid 1px #358dcc; border-bottom-style: none; }
#searchbar.home { width: 239px; position: absolute; bottom: 2px; left: 0;
    background: none; border: none; }
.crumbs { float: left; padding: 5px 10px; color: #CFDDF2; 
    text-align: left; width: 640px; }
.crumbs a { color: #CFDDF2; font-weight: 600; text-decoration: none; }
.search { margin: 5px 20px; height: 18px; padding: 0; position: relative;
    width: 196px; background-color: #CFDDF2; float: left;
    border: solid 1px #7caadb; }
.search label { display: none; }
.searchInput { border: none; padding: 0; position: absolute; 
    top: 0; left: 5px; color: #0076bf; background-color: transparent; }
.searchButton { position: absolute; top: 0; right: 0; margin:  0;
    font-family: Georgia, "Lucida Bright", "DejaVu Serif", "Bitstream Vera Serif", serif;      
    padding: 0 5px 3px; border: none; height: 18px; color: #fff;
    background-color: #0881c5; width: 60px; }


#mainpage { text-align: left; background-color: #fff; 
    background-image: url(images/colback.gif); 
    background-repeat: repeat-y; background-position: left top; 
    position: relative; top: 0; width: 900px; float: left; 
    border-right: 1px solid #358dcc; border-left: 1px solid #358dcc; }
#mainpage.twocol { background-image: url(images/2colback.gif); }
#leftcol { color: #fff; background-color: #0076bf; width: 240px; 
    float: left; }

.sidemenu { text-align: left; margin: 0; padding: 0; 
    border-top: 1px solid #358dcc; }
.sidemenu li, .sidemenu li li, .sidemenu li li li, .sidemenu li li li li { 
    list-style-type: none; }
.sidemenu li ul, .sidemenu li li ul, .sidemenu li li li ul { 
    padding-left: 20px; }
.sidemenu a { color: #fff; text-decoration: none; padding: 5px 10px; 
    border-bottom: 1px solid #358dcc; display: block     }
.sidemenu li li a { padding: 2px 5px; }
.sidemenu a.selectedPage { background-color: #0881c5; }
.sidemenu a:hover { background-image: url(images/tgrade.png); 
    background-repeat: repeat-x; background-color: #0881c5; }

#homecol, #content, #sidebar, #sidebar h2, #homecol h2 { 
    text-align: left; font-size: 80%; 
    font-family: Arial, Geneva, "Liberation Sans", 
    "Nimbus Sans L", sans-serif; }
#content { font-family: Verdana, "Lucida Grande", "Bitstream Vera Sans",
    "DejaVu Sans", sans-serif; }

#homecol { color: #fff; text-align: center; }
#homecol a, #homecol a:visited, #homecol a:active, #homecol a:link
    { color: #fff; font-weight: bold; }
#homecol p { margin: 10px; font-size: 125%; line-height: 1.2em; }
#content {  width: 620px; float: left; padding: 0 20px 20px; }
#content img { border-style: none; padding: 0 10px; }
.photoGalleryElement img { padding: 0 !important; }
#content .linksModule ul { 
    list-style: url(images/arrowbullet.png); }
#content.twocol { width: 420px; }


#sidebar {  background-color: #CFDDF2; color: #323232; 
    line-height: 1.2em; position: relative; 
    width: 199px; float: right; margin: 0; padding: 0; 
    border-top: 1px solid #358dcc;  }
#sidebar h1, #leftcol h1 { display: block; text-align: center; 
    background-color: #0881c5; color: #fff; margin: 0 0 10px; 
    padding: 5px; line-height: 1.2em; font-size: 130%; 
    font-style: normal; font-weight: bold;
    font-family: Georgia, "Lucida Bright", "DejaVu Serif", "Bitstream Vera Serif", serif;  }
#leftcol h1 { border: solid #358dcc; border-width: 1px 0; }
#homecol h2, #sidebar h2 { margin: 5px 5px 0; font-size: 110%; font-weight: bold; }
#sidebar ul, #sidebar p, #sidebar ol, #sidebar img { margin: 0 10px 10px; }
#sidebar p a, { font-weight: bold; }

#sidebar .linksModule ul, .tableright .linksModule ul { 
    list-style: url(images/arrowbullet.png); padding: 0 0 0 15px; }
#sidebar .linksModule ul li, .tableright .linksModule ul li { 
    padding-bottom: 0.5em; }
#sidebar .linksModule ul li span.fileSize, 
.tableright .linksModule ul li span.fileSize { color: #323232; 
    font-size: 75% }
#sidebar .linksModule span.description, 
.tableright .linksModule span.description { display: none; }

#sidebar .loginElement input.username, #sidebar .loginElement input.password 
    { width: 150px; }

#sidebar .blogList span.postDate, #sidebar .blogList img { 
    display: none; }
#sidebar .blogList ul { margin: 0; padding: 0; }
#sidebar .blogList div.postBody { margin: 3px 10px; }
#sidebar .blogList div.postInfo { margin-left: 15px; }
#sidebar .rss { display: none; }

.tableright .blogList span.postDate, .tableright .blogList img { 
    display: none; }


.tableleft { width: 420px; float: left; }
.tableright { width: 180px; float: left; margin-left: 20px; 
    background-color: #CFDDF2; }
.tableleft h1, .tableright h1 { font-size: 1.3em; font-style: normal; 
    color: #323232; line-height: 1.5em; margin: 0; 
    border: solid #0881c5; border-width: 5px 0 0; }
.spacer { clear: left; }
.spacer h1 { padding-top: 1.5em; }

#admincontent { background-color: white; text-align: left; 
    width: 720px; height: 100%; float: left; margin-top: -12px; 
    margin-left: 68px; padding: 20px; border-color: #c5c3b6; 
    border-style: solid; border-width: 2px; }

#calendarheader { font-size: 16px; color: #fff;
    line-height: 2em; background-color: #358dcc;
    text-decoration: none; height: 35px; width: 900px;
    border: #358dcc solid 1px; border-bottom: none; }
#calendarheader p { font-variant:small-caps; font-size: 30px; }
#calendarheader a { display: block; color: #88b1ff;
    background-color: #0881c5; text-decoration: none;
    height: 35px; width: 120px; }
.chleft { float: left; }
.chright { float: right; }
#calendarcontent { background-color: white; text-align: center;
    border: solid #358dcc 1px; padding: 20px;
    width: 860px; }
#calendarcontent p { font-size: 90%; 
    font-family: Arial, Geneva, "Liberation Sans",
    "Nimbus Sans L", sans-serif; }


#footer { color: #88b1ff; background-color: #0881c5; position: relative; 
    width: 900px; clear: both; border: solid 1px #358dcc; }
#footer a { color: #88b1ff; text-decoration: underline; }


.topnav, .topnav ul { margin: 0; padding: 0; list-style-type: none; }
.topnav a { display: block; color: #fff; font-size: 18px; 
    line-height: 1.8em; background-color: #0881c5; 
    text-decoration: none; padding-left: 11px; padding-right: 11px; 
    height: 34px; border-color: #358dcc; border-style: solid solid none; 
    border-width: 1px; }
.topnav a:hover, .topnav a.selectedPageRoot { background-color: #5d9ad2; 
    background-image: url(images/tgrade.png); 
    background-repeat: repeat-x; background-position: 0 1px; 
    height: 35px; }

.topnav li { position: relative; float: left; padding: 0 2px 0 0; }

.topnav li ul { position: absolute; top: 35px; display: none; }
.topnav li:hover ul, .topnav li.hover ul { display: block; }

.topnav li ul a { font-size: 16px; line-height: 1.1em; 
    background-color: #0881c5; width: 190px; height: auto; clear: left; 
    padding-top: 5px; padding-bottom: 5px; border-top-style: none; 
    border-bottom-style: solid; filter: alpha(opacity=90); 
    opacity: 0.90; text-align: left; }
.topnav li ul a:hover { background-color: #0881c5; 
    background-image: none; height: auto; filter: alpha(opacity=100); 
    opacity: 1; }

/*Colors
#323232: dark gray; main text
#0076bf: darkest blue; page titles, main text links, QL menu bg, header title bg, search bar bg, leftcol bg?, sidebar text
#0881c5: medium-dark blue; QL hover bg, search button, side menu selected page & hover, sidebar h1 bg, footer bg, topnav bg
#358dcc: medium blue; main border color (all but search & sidebar)
#459cd2: medium-light blue; sidebar divider
#78a8da: medium-light blue; main background
#7caadb: light blue; h1 text, footer link text, search border color
#88b1ff: lighter blue; footer text
#CFDDF2: lightest blue; breadcrumbs text, sidebar bg
#c5c3b6: admin content border??
#5d9ad2: temp to remove, topnav selected bg
*/


/* <textEditor> */
.emphasis { font-size: 120%; font-weight: bold; font-style: italic;
    font-family: Georgia, "Lucida Bright", "DejaVu Serif", "Bitstream Vera Serif", serif;  }
.bulletin { margin-left: 1.5em; margin-top: 0; font-size: 115%; }
.smallcaps { font-variant:small-caps; }
.quotation { display: block; margin-left: 1em; font-size: 120%; 
    font-style: italic; 
    font-family: Georgia, "Lucida Bright", "DejaVu Serif", "Bitstream Vera Serif", serif;  }
.quotecitation { display: block; text-align: right; font-style: normal; }
.prayer { display: block; text-align: center; font-style: italic; 
    font-family: Georgia, "Lucida Bright", "DejaVu Serif", "Bitstream Vera Serif", serif;  }
.crossbullets { 
    list-style-image: url("/Websites/ssparish/templates/parish/styles/images/cross-bullet.gif"); 
}
.spaceabove { padding-top: 0.5em; }
.spacebelow { padding-bottom: 1em; }
/* </textEditor>  */