BODY {
        font-size : 8pt;
        color: #4D4D4D;
        font-family: Veranda, "Verdana",Sans-Serif ;
        margin:0px auto; padding:0px;
        background: #222222 url(http://www.catholicdance.com/images/catholic_bg.gif) repeat-x;

}

div.TOP {
                margin:0px auto; padding:0px;
                height: 22px;
                width: 100%;
        }


img.dance {
                padding-bottom: 5px;
        }

TABLE.MAIN {    width: 100%;
                height: 300px;
                background: #ffffff;

                margin:0px auto; padding:0px
}

TABLE.FULL {    width: 100%;



}


TABLE.BOTTOM {  width: 100%;
                text-align: left;
                color: #BEBEBE;
                padding: 0px;
                margin:0px auto; padding:0px

}

TD.BOTTOM { font-family: Verdana, "Verdana", Sans-Serif;
            font-size: 7pt;
                }





a.directions:link { color: #ffffff; text-decoration: none }
a.directions:visited { color: #ffffff; text-decoration: none }
a.directions:hover { color:#ffc200; text-decoration: underline }
a.directions:active { color: #ffffff; text-decoration: none}

a.bottom:link { color: #BEBEBE; text-decoration: none }
a.bottom:visited { color: #BEBEBE; text-decoration: none }
a.bottom:hover { color:#ff0000; text-decoration: underline }
a.bottom:active { color: #BEBEBE; text-decoration: none}

a.BIG:link { color: #00AB04; text-decoration: none }
a.BIG:visited { color: #00AB04; text-decoration: none }
a.BIG:hover { color:#ffffff; text-decoration: underline }
a.BIG:active { color: #00AB04; text-decoration: none}


H1 {
  font-weight: bold;
  font-size: 10pt;
  line-height: 10pt;
  font-variant: normal;
  font-style: normal;
  margin-bottom: 5px;
}

H3 {
  font-weight: bold;
  font-size: 10pt;
  line-height: 10pt;
  font-family: arial;
  font-variant: normal;
  font-style: normal;

}

H5 {
  font-weight: bold;
  font-size: 9pt;
  line-height: 9pt;
  font-family: arial;
  font-variant: normal;
  font-style: normal;

}

div.hr {
  height: 1px;
  background: #fff url(dot.gif) repeat-x scroll center;
  width:100%;
}
div.hr hr {
  display: none;
}


div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#fff; border:1px solid #000;
  width:200px; padding:6px;
  color:#000; font-size:11px; line-height:1.3;
}
/* These are used in the wrapTipContent function */
div#tipDiv div.img { text-align:center }
div#tipDiv div.txt { text-align:center; margin-top:4px }






/* Blog CSS style sheets   */

/*
Theme Name: Benevolence
Theme URI: http://www.thoughtmechanics.com/blog/2005/01/03/benevolence/
Description: An inclination to perform kind, charitable acts.
Version: 1.0
Author: Theron Parlin
Author URI: http://www.thoughtmechanics.com/
*/



#wrapper {
        position: relative;
        height: 100%;
        width: 700px;
        border-left: 10px solid black;
        border-right: 10px solid black;
        margin: 0 auto;
        background-color: #000;
}

#insideWrapper {
        position: relative;
        top: 0px;
        height: 100%;
        width: 700px;
        margin: 0px;
        background-color: #fff;
        text-align: left;
}

#insideWrapper:after{
content: "."; display: block; line-height: 1px; font-size: 1px; clear: both;}

.post {
        position: relative;
        top: 0px;
        width: 420px;
        left: 0px;
        margin: 0px;
        background-color: #fff;
        text-align: left;
}

#content {
        width: 420px;
        margin-left: 250px;
        background-color: #fff;
        text-align: left;
}

#sidebar {
        position: relative;
        float: left;
        width: 180px;
        left: 40px;
        padding: 0px;
        background-color: #fff;
        text-align: left;
        font-family: Arial;
        color: #000;
        font-size: 7.5pt;
        line-height: 11pt;
        text-transform: uppercase;
}

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

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

#masthead {
        position: relative;
        top: 0px;
        width: 700px;
        height: 218px;
        margin: 0px;
        padding: 0px;


}



.centeredImage {
    text-align:center;
    margin-top:10px;
    margin-bottom:0px;
    padding:0px;
}

#footer {
        font-size: 7pt;
        position: relative;
        color: #fff;
        top: 5px;
        width: 700px;
        margin: 0px;
        margin-top: 5px;
        margin-bottom: 0px;
        text-align: center;
}



.sep {
        position: relative;
        background: url('images/sep.jpg');
         width: 162px;
        height: 14px;
        margin: 0px;
        padding: 0px;
        left: 132px;
        text-align: center;
}



.commentBox {
        position: relative;
        margin: 0 auto;
        width: 90%;
        background-color: #f5f5f5;
        text-align: left;
        border: 1px solid #999;
        padding: 5px;
}

.cite {
        font-size: 7pt;
        color:#666;
}

code {
        font-family: Courier New, Verdana;
        text-align:left;
        color:#666;
        font-size: 8pt;
}

input {
        border: 1px solid #333333;
        background-color: #FFFFFF;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #000000;
        padding: 0px;
}

h2 {
        color: #666;
        font-size: 14px;
        text-align: left;
}

ul {
        margin-top: 0px;
        margin-left: 0px;
        margin-bottom: 0px;
        padding-left: 0px;
}

li {
        list-style-type: none;
        margin-left: 0px;
}

blockquote, blockquote p {
        text-indent: 0px;
        margin-bottom: 7px;
        color: #666;
}

.footerLink {
        color: #666;
        text-decoration: underline;
}

a.footerLink {
        color: #666;
        text-decoration: underline;
}

a.footerLink:visited {
        color: #666;
        text-decoration: underline;
}

a.footerLink:hover {
        color: #999;
        text-decoration: underline;
        border-bottom: 1px dashed #394651;
}

.title {
        font-family: 'Arial Black';
        color: #333;
        font-size: 7.5pt;
        text-transform: uppercase;
}

a.title {
        color: #333;
}

a.title:visited {
        color: #333;
}

a.title:hover {
        color: #999;
        border: 0px;
        border-bottom: 1px dashed #394651;
}

#blogTitle {
        position: relative;
        top: 50px;
        left: 20px;
        font-family: 'Arial Black';
        color: #333;
        font-size: 8pt;
        text-transform: uppercase;
        text-align: left;
}

#blogTitle a {
        color: #333;
}

#blogTitle a:visited {
        color: #333;
}

#blogTitle a:hover {
        color: #ff3333;
        border: 0px;
}

.commentPos {
        font-family: 'Arial Black';
        font-size: 7pt;
        position: relative;
        margin: 0px;
        padding: 0px;
        text-align: center;
        text-transform: uppercase;
}

a.commentPos {
        font-family: 'Arial Black';
        color: #ff3333;
}

a.commentPos:visited {
        color: #ff3333;
}

a.commentPos:hover {
        color: #000;
        border: 0px;
}

a {
        color: #ff3333;
        text-decoration: none;
}

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

a:hover {
        color: #394651;
        text-decoration: none;

}
