p
{
          margin: 10px 0px 10px 0px;
          padding: 0px;
}
.cancel-event
{
          color: red;
}

.left
{
          color: red;
          border-radius: 10px 10px 10px 10px;
          background-color: pink;
          margin: 20px;
          margin-right: 400px;
          border-style:solid;
          border-color: #2D5781;
          border-width: 4px;
}

.right
{
          width: 300px;
          color: green;
          float:right;
          border-radius: 10px 10px 10px 10px;
          background-color: white;
          clear: right;
          margin: 20px;
          border-style:solid;
          border-color: #2D5781;
          border-width: 4px;
}

.google-calendar
{
         float: right;
         background-color: red;
         padding: 20px 20px 20px 20px;
         margin: 20px 30px 10px 20px;
         border-radius: 30px;
}





.google-agenda
{
         float: right;
         background-color: #FFFFFF;
         padding: 20px 20px 20px 20px;
         margin: 20px 30px 10px 20px;
         border-radius: 30px;
}

.mapframe
{
        background-color: #FFFFFF;
        border-radius: 10px 10px 10px 10px;
        border-style: solid;
        border-color: #2D5781;
        border-width: 4px;
        margin-left: 17px;
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 27px;
}

/**
-------------------------------------
Site Container
-------------------------------------
**/

.container
{
          width: 90%;
          max-width: 1100px;
          margin: 10px auto;
          background-color:  #FFFFFF;
          color: #333333;
/**       border: 1px solid gray; **/
          line-height: 140%;
/**       background: url("images/menu_background.png") repeat-y;  **/
          border-radius: 40px 40px 40px 40px;
          font-family: Helvetica , Arial, sans-serif;
/**       font-family: Lucida Sans Unicode, Lucida Grande, serif; **/
/**       font-family: Georgia, Times, "Times New Roman", Serif;  **/
          font-size: 110%;
}

.navigation
{
          float: left;
          width:160px;
          margin: 0;
          padding: .5em;
          text-align: center;
}
/** -------------------------------------
End - Site Container
------------------------------------- **/

/**
-------------------------------------
Home page Introduction Text
-------------------------------------
**/

.introductiontext
{

        font-size: 90%
}
/** -------------------------------------
End - Home page Introduction Text
------------------------------------- **/

.rightbox
{
          float: right;
          margin: 15px 30px 15px 10px;
          padding: 1em;
          border-radius: 10px 10px 10px 10px;
          background-color: #D9DEE4;
          background-color: #C2DAFF;
          clear: right;
          box-shadow: #2D5781 5px 6px;
          font-size: 85%;
}

.dummyrightbox
{
           float: right;
           margin: 10px 0px 0px 10px;
           clear: right;
}

.rightbox5pxborder
{
          width: 180px;
/**       color: green; **/
          float:right;
          border-radius: 10px 10px 10px 10px;
          padding: 1em;
          background-color: #D9DEE4;
          background-color: #FFFFFF;
          clear: right;
          margin: 15px 30px 15px 10px;
          border-style:solid;
          border-color: #2D5781;
          border-width: 3px;
}

.dummyleftbox
{
           margin: 10px 0px 0px 10px;
}

.leftbox5pxborder
{
/**       color: blue;  **/
          border-radius: 10px 10px 10px 10px;
          background-color: #D9DEE4;
          background-color: #FFFFFF;
          margin: 15px 30px 15px 10px;
          padding: 1em;
          margin-right: 280px;
          border-style:solid;
          border-color: #2D5781;
          border-width: 4px;
}


.rightcolumn
{
          float: right;
          margin: 0;
          padding: 1em;
}

.columnwidthAA
{
          width: 160px;
}

.columnwidthBB
{
           width: 365px;
}

.columnwidthCC
{
           width: 250px;
}

.columnwidthDD
{
           width: 470px;
}

.columnwidthEE
{
           width: 190px;
}


.rightmarginAA
{
          margin-right: 210px;
/**       border-right: 1px solid gray; **/
}

.rightmarginBB
{
          margin-right: 380px;
/**      border-right: 1px solid gray; **/
}

.rightmarginCC
{
          margin-right: 265px;

}

.rightmarginDD
{
          margin-right: 320px;

}




.mainbody
{
          margin-left: 180px;
/**          border-left: 1px solid gray; **/
          padding: 1em;
/**  background-color: white; **/
}

.quizform
{
          margin-left: 180px;
/**          border-left: 1px solid gray; **/
          padding: 1em;
          background-color: #0093B5;
}
/**
-------------------------------------
Page Footer
-------------------------------------
**/

.footer
{
          clear: both;
          margin-top: 40px;
/**          padding: 30px 0px 0px 0px;    **/
          padding: .5em;
          color: #333333;
          background-color: #E5EAF0;
          background-color: #FFFFFF;
          border-radius: 0px 0px 40px 40px;
          border-top: 1px solid gray
}

.footertext
{
         padding-top: 10px;
         padding-bottom: 10px;
         font-weight: 600;
         text-align: center;
         color: #2D5781;
}

.copyright
{
         font-size: 75%;
         text-align: center;
         color: black;
}
/** -------------------------------------
End - Page Footer
------------------------------------- **/

/** a Links **/

         a.homepageicon:link { color: #144099; text-decoration: none; }
         a.homepageicon:visited { color: #144099; text-decoration: none; }
         a.homepageicon:hover { color: #0066FF; text-decoration: none; }

/**        a.mainbody:link { color: #144099; text-decoration: underline; }
        a.body:hover { color: white; text-decoration: underline; }
        a.mainbody:visited { color: #144099; text-decoration: underline; }
**/


/**
-------------------------------------
Main Site Navigation Menu
-------------------------------------
**/

.homepageicon
{
        padding-top: 10px;
        padding-bottom: 15px;
}

#main_menu
{
         padding:10px 0px 10px 10px;
         margin:0;
         text-align:left;
         font-size: 90%;
}

#main_menu ul
{
         padding:0;
         margin:0;
}

#main_menu li
{
         padding:0;
         margin:0;

         list-style: none;
         position: relative;
         width: 120px;
         height: 30px;
         padding:0 20px;
/**  background-color: pink; **/
/**     background: rgba(217, 222, 228, 0.5); **/
         line-height: 30px;
         cursor:pointer;
}

#main_menu li a
{
         text-decoration:none;
         color: #2d5781;
/**     font-size: 100%;  **/
         font-weight: 900;
}

#main_menu li:hover
{
         background: rgb(184, 219, 255);
/**      background: rgb(217, 222, 0);  **/
         border-radius: 10px 10px 10px 10px;
}

#main_menu ul ul
{
         position: absolute;
         top:0;
         left:160px;
         visibility:hidden;
}

#main_menu ul li:hover li
{
         visibility:visible;
         background: rgb(229, 234, 240);
         border-radius: 10px 10px 10px 10px;
         border-style:solid;
         border-color: #2D5781;
         border-width: 2px;
}

#main_menu li#current
{
         background: rgb(184, 219, 255);
/**      background: rgb(217, 222, 0);  **/
         border-radius: 10px 10px 10px 10px;
}

.validator
{
         padding-top: 40px;
         padding-bottom:20px;
}

.email
{
        padding-top: 20px;
        font-size: 85%;
        font-weight: 200;
        text-align: center;
}

/** -------------------------------------
End - Main Site Navigation Menu
------------------------------------- **/


/** General Styles **/

body
{
        background-color: #A8A0C9;
        background-color: #8FC1FF;
        background-color: #6090C0;
        background-color: #FFFFFF;
/**        background-color: #2D5781; **/
/**        padding-top: 2px; **/
}

         a:link { color: #2D5781; text-decoration: none; font-weight: 900; }
         a:visited { color: black; text-decoration: none; }
         a:hover { color: red; text-decoration: underline; }
         a:active {color: #2D5781; text-decoration: underline; }




img
{
         border: none;
}

.messymarks_text
{
        font-size: 180%;
        font-weight: 800;
        text-align: center;
        line-height: 1.2;
        color: #2D5781;
        text-shadow: 1px 1px 5px #999999;
        padding-top: 10px;
}

.snl_text
{
        font-size: 120%;
        font-weight: 800;
        text-align: center;
        line-height: 1.5;
        color: #000000;
        text-shadow: 1px 1px 5px #999999;
        padding-top: 40px;
        padding-bottom: 30px;
}

/** -------------------------------------
Start Page
------------------------------------- **/

.start_text
{
       color: #D5074B;
       font-weight: 800;
       font-size: 120%;
       text-align: center;
}

#start_list
{
       margin-left: 0;
       padding-left: 0;
       list-style: none;
}

#start_list li
{
       padding-left: 15px;
       background-image: url(images/runner.gif);
       background-repeat: no-repeat;
       background-position: 1 .5em;
}

/** -------------------------------------
End - Start Page
------------------------------------- **/

/**
-------------------------------------
Heading Text
-------------------------------------
**/

.rdlight
{
        margin: 7px 0px 20px 0px;
        font-size: 250%;
        font-weight: 800;
        line-height: 1.2;
        color: #2D5781;
        text-shadow: 1px 1px 5px #999999;
}

.yorkpress
{
        font-family: Times New Roman",Georgia,Serif;
        font-size: 120%;
        font-weight: 800;
        font-style:italic;
        color: red;
}

h1
{
        font-family: Helvetica , Arial, sans-serif;
        margin: 7px 0px 20px 0px;
        font-size: 225%;
        font-weight: 800;
        color: #2D5781;
        text-shadow: 1px 1px 5px #999999;
        line-height:100%
}

h2
{
        font-family: Helvetica , Arial, sans-serif;
        margin: 5px 0px 10px 0px;
        font-size: 150%;
        font-weight: 600;
        text-shadow: 1px 1px 5px #999999;
        color: #2D5781;
}

h3
{
        font-family: Helvetica , Arial, sans-serif;
        margin: 5px 0px 10px 0px;
        font-size: 140%;
        font-weight: 600;
        color: #2D5781;
/**     text-shadow: 1px 1px 3px #999999; **/
}

.spacing
{
        margin:20px 20px;
}

h4
{
        font-family: Helvetica , Arial, sans-serif;
        margin: 5px 0px 5px 0px;
        font-size: 110%;
        font-weight: 600;
        color: #2D5781;
/**        text-shadow: 1px 1px 3px #999999;  **/
}

/** -------------------------------------
End - Heading Text
------------------------------------- **/

.churchname
{
        font-family: "Gill Sans Ultra Bold", Arial, sans-serif;
        font-size: 325%;
        font-weight: 300;
/**        color: #69766C;**/
        color: #2D5781;
        text-align: center;
        padding: 20px 0px 30px 0px;
}


/** Page Navigation **/

#newpage
{
         float: right;
         padding:10px 0px 10px 10px;
         margin:0;
         text-align: center;
         clear: right;
}

#newpage ul
{
         margin: 0;
         padding: 0;
}
#newpage li

         padding:0;
         margin:0;
         list-style: none;
/**         padding:10px 0px 20px 10px;;   **/

          width: 160px;
          height: 30px;
          cursor:pointer;
          line-height: 30px;
}


#newpage ul li
{
         display: inline;
}

#newpage ul li a
{
         text-decoration: none;
         padding: .2em 1em;
         color: #fff;
         background-color: #D76333;
         width: 160px;
}

#newpage ul li a:hover
{
         color: #fff;
         background-color: blue;
}

#newpage a#current
{
         background-color: #369;
         color: #fff;
}
ul.contacts

{
        list-style-type: square;
        line-height: 1.5;
        /** cursor: pointer; **/
}

.mp3copyright
{
        font-size: 75%;
        padding: 20px 0px 0px 0px;
/**     color: #D76333;  **/
}

.mp3text
{
        color: black;
/**        color: #D76333; **/
}
a.mp3text:link
{
        padding-left: 24px;
}

a.mp3text:visited
{
        padding-left: 24px;
        background: url("sermons/images/xcheckmark.gif") left no-repeat;
        background: url("../images/checkmark.gif") left no-repeat;
}

        a.mp3reading:link { color: black; text-decoration: underline; font-size: 100%; }
        a.mp3reading:visited { color: black; text-decoration: underline; font-size: 100%; }

.moreinfo
{
        color: gray;
        text-align: right;
        font-style: italic;
}

         a.moreinfo:link { color: gray; text-decoration: underline; font-size: 100%; }

.stopforchat
{
        float: left;
        width: 540px;
        margin-bottom: 20px;

        font-size:large;
        text-align: center;

        padding-left: 15px;
}

.parish_container
{
        background-color: white;
        width: 530px;
        padding: 20px 5px 20px 20px;
        border-radius: 10px 10px 10px 10px;
        margin: 10px auto;
}


/**
-------------------------------------
Page Navigation for Sermons
-------------------------------------
**/

.months_available
{
         margin: 120px 0px 0px 0px;
         width: 150px;
         float: right;
/**         background-color: #D9DEE4;   **/
         background-color: #C2DAFF;
         border-radius: 20px 0px 0px 0px;
         color: #2d5781;
         padding: 20px 20px 10px 20px;
         text-align: center;
         border-style:solid;
         border-color: #2D5781;
         border-width: 0px 0px 3px 0px;
}

#select_month ul
{
         margin: 0;
         clear: right;
         float:right;
         list-style-type: none;
         width: 160px;
/**         background-color: #D9DEE4;  **/
         background-color: #C2DAFF;
         border-radius: 0px 0px 0px 20px;
         padding: 0px 15px 0px 15px;
}

#select_month ul li
{
         height: 20px;
         width: 140px;
         margin: 10px 0px 10px 0px;
         text-align: center;
         padding: 10px;
}

#select_month ul li a
{
         color: #2d5781;
}

#select_month a:hover
{
          text-decoration: none;
}


#select_month a#current
{
          border-radius: 20px 20px 20px 20px;
          padding: 8px 8px 6px 8px;
          border-style:solid;
          border-color: #2D5781;
          border-width: 3px;
}

/** -------------------------------------
End - Page Navigation for Sermons
------------------------------------- **/

/** -------------------------------------
Sermon Videos
------------------------------------- **/

.video_sermon
{
          margin-top: 10pt;
          margin-left: 20pt;
          margin-bottom:20pt;
}
.video_note
{
          margin-top: 10pt;
}

/** -------------------------------------
End - Sermon Videos
------------------------------------- **/

/** Sermon Table **/

table.sermons
{
margin-left: 1em;
}

table.sermons tr#divider01 td
{
height: 8px;
}

table.sermons tr#divider02 td
{
background-color: gray;
height: 1px;
}

/** -------------------------------------
Review / Updated Date
------------------------------------- **/

.page_updated
{
        padding-top: 25px;
        font-size: 75%;
        text-align: center;
        color: grey;
        padding-bottom: 15px;

/**        font-weight: 200;    **/

}

/** -------------------------------------
News Date Posted
------------------------------------- **/

.news_posted
{
        color: gray;
        text-align: left;
        font-size: 75%;
        padding-bottom: 15px;
}

/** -------------------------------------
Social Media Logos
------------------------------------- **/

.social_media_logos
{

}

.social_media_logos img
{
         padding: 25px 12px 10px 12px;
}

/** -------------------------------------
Tool Tips
------------------------------------- **/

a.tooltip
{
          outline:none;
          font-size: 100%;
          font-weight: 100;
}

a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;}

a.tooltip span
{
         z-index:10;
         display:none;
         padding:14px 20px;
         margin-top:-10px;
         margin-left:28px;
         width:300px;
         line-height:16px;
}

a.tooltip:hover span
{
         display:inline;
         position:absolute;
         color:#111;
         border:1px solid #DCA;
         background:#fffAF0;
}

.callout
{
         z-index:20;
         position:absolute;
         top:30px;
         border:0;
         left:-12px;
}

.callout img
{
         padding: 1px 1px 1px 1px;
}

/*CSS3 extras*/
a.tooltip span
{
         border-radius:4px;
         box-shadow: 5px 5px 8px #CCC;
}

/* Message  */
.message
{
         color: red;
         text-align: center;
         font-family: Helvetica , Arial, sans-serif;
         margin: 5px 0px 10px 0px;
         font-size: 150%;
         font-weight: 600;
}

.message-red
{
         color: red;
}