/* This is a comment */

/* This is a comment */ /* This is a comment */ /* This is a comment */

body 
{ 
font-size : 14px; 
font-family : Arial, Helvetica, sans-serif; 
color : #000000; 
background : #ffffff;
margin-right : 0;
margin-left : 0;
}  

p
{ 
font-size : 14px; 
margin-left : 2%; 
margin-right : 2%;  
} 

td.middlecolumn 
{         
width : 70%;
background : #ffffff;
}

/* Must use non-validating HTML to have ney table center in Netscape 8 and to look quite right in Chrome. OK. <TABLE class="basic" align="center"> */

table.reginareunionprogramtable
{
border-width : 3px;
border-style : solid;
border-color : #ccddee;
border-collapse : collapse;
background-color : #ffffff;
margin-left : auto;
margin-right : auto;
}

table.reginareunionprogramtable th
{ 
font-weight : bold; 
font-size : 17px; 
font-family : "Times New Roman", Times, serif; 
color : #000000; 
text-align : center; 
} 

table.reginareunionprogramtable td 
{
border-width : 1px;
padding-top : 3px;
padding-bottom : 3px;
padding-right : 8px;
padding-left : 8px;
border-style : solid;
border-color : #aaaaaa;
background-color : #ffffff;
text-align : left; 
}

table.main
{
margin-top : 0px;
background : #ffffff;
width : 100%;
border-collapse : collapse;
border-spacing : 0;
}

td.leftcolorborder 
{
width : 15%;
background : #ffffff;
}

td.leftsolidborder 
{
background : #ccddee;
width : 1px;
font-size : 0px; 
font-family : "Times New Roman", Times, serif; 
}

td.leftimageborder 
{
}

td.rightimageborder 
{
}

td.rightsolidborder
{
background : #ccddee;
width : 1px;
font-size : 0px; 
font-family : "Times New Roman", Times, serif; 
}

td.rightcolorborder
{
width : 15%;
background : #ffffff;
}

.support
{ 
text-align : left; 
font-weight : bold; 
font-size : 16px; 
font-family : "Times New Roman", Times, serif; 
color : #009900;
}

.oppose
{ 
text-align : left; 
font-weight : bold; 
font-size : 16px; 
font-family : "Times New Roman", Times, serif; 
color : #ff0000;
}

.spaceaboverpheading
{  
margin-left : 2%; 
margin-right : 2%;
font-size : 10px; 
font-family : "Times New Roman", Times, serif; 
}

.rpheading
{ 
margin-left : 2%; 
margin-right : 2%;
font-weight : bold; 
font-size : 12px; 
font-family : Arial, Helvetica, sans-serif;
color : #000000;
}

a.rp:link 
{ 
font-weight : bold; 
font-size : 12px; 
font-family : Arial, Helvetica, sans-serif; 
color : #003399; 
text-decoration : underline;
margin-left : 2%; 
margin-right : 2%;
} 

a.rp:visited 
{ 
font-weight : bold; 
font-size : 12px; 
font-family : Arial, Helvetica, sans-serif; 
color : #660066; 
text-decoration : underline;
margin-left : 2%; 
margin-right : 2%;
} 

a.rp:hover 
{ 
font-weight : bold; 
font-size : 12px; 
font-family : Arial, Helvetica, sans-serif; 
color : #990033; 
text-decoration : underline; 
margin-left : 2%; 
margin-right : 2%;
} 

a.rp:active 
{ 
font-weight : bold; 
font-size : 12px; 
font-family : Arial, Helvetica, sans-serif; 
color : #990033; 
text-decoration : underline; 
margin-left : 2%; 
margin-right : 2%;
} 

a.button:link 
{ 
font-weight : bold; 
font-size : 12px; 
font-family : Arial, Helvetica, sans-serif; 
color : #003399; 
text-decoration : underline;
} 

a.button:visited 
{ 
font-weight : bold; 
font-size : 12px; 
font-family : Arial, Helvetica, sans-serif; 
color : #660066; 
text-decoration : underline;
} 

a.button:hover 
{ 
font-weight : bold; 
font-size : 12px; 
font-family : Arial, Helvetica, sans-serif; 
color : #990033; 
text-decoration : underline; 
} 

a.button:active 
{ 
font-weight : bold; 
font-size : 12px; 
font-family : Arial, Helvetica, sans-serif; 
color : #990033; 
text-decoration : underline; 
} 

a.buttonhere:link 
{ 
font-weight : bold; 
font-size : 12px; 
font-family : Arial, Helvetica, sans-serif; 
color : #003399;
background-color : #bfe8f8; 
text-decoration : underline; 
height : 20px;
} 

a.buttonhere:visited 
{ 
font-weight : bold; 
font-size : 12px; 
font-family : Arial, Helvetica, sans-serif; 
color : #660066; 
background-color : #bfe8f8; 
text-decoration : underline;
height : 20px;
} 

a.buttonhere:hover 
{ 
font-weight : bold; 
font-size : 12px; 
font-family : Arial, Helvetica, sans-serif; 
color : #990033; 
background-color : #bfe8f8; 
text-decoration : underline;
height : 20px;
} 

a.buttonhere:active 
{ 
font-weight : bold; 
font-size : 12px; 
font-family : Arial, Helvetica, sans-serif; 
color : #990033; 
background-color : #bfe8f8; 
text-decoration : underline;
height : 20px;
} 

.tahomatext 
{ 
text-align : left; 
width : 99%; 
font-size : 12px; 
font-family : Tahoma, Arial, Helvetica, sans-serif; 
color : #000000;
} 

.highlightmeyellow
{ 
background-color : #FFFF00;
}

.redtext 
{ 
color : red; 
} 

.feature
{
text-align : right; 
float : right;
padding-top : 12px;
} 

.highlightingblurb
{ 
font-weight : normal; 
font-size : 12px; 
font-family : Arial, Helvetica, sans-serif; 
color : #000000;
background-color: #ffcccc;
}

.smallertext
{ 
font-size : 11px;
} 

.largertext
{ 
font-size : 15px;
} 

.twentyfourpttext
{ 
font-weight : bold;  
font-size : 24px; 
font-family : Arial, Helvetica, sans-serif; 
}

.committeeaquatext
{ 
color : #0e9bcf ;
}

.committeedarkbluetext
{ 
color : #000081 ;
}

{ 
font-weight : bold;  
font-size : 18px; 
font-family : Arial, Helvetica, sans-serif; 
}

/* This is for a div class -- not a span class */

.list
{ 
font-size : 13px; 
margin-left : 2%; 
margin-right : 2%; 
}

/* For bold to be right, put b tags outside link tags. { color : #000000; }  */

b 
{ 
color : #000000;
} 

h1
{ 
padding-top : 10px;
text-align : center; 
margin-left : 2%; 
margin-right : 2%; 
font-weight : bold; 
font-size : 20px; 
font-family : "Times New Roman", Times, serif; 
color : #000000; 
}

.heading1subtitle
{ 
padding-top : 10px;
margin-left : 2%; 
margin-right : 2%; 
text-align : center; 
font-weight : bold; 
font-size : 16px; 
font-family : "Times New Roman", Times, serif; 
color : #000000; 
}

h2
{ 
text-align : left; 
margin-left : 2%; 
margin-right : 2%; 
font-weight : bold; 
font-size : 19px; 
font-family : "Times New Roman", Times, serif; 
color : #000000; 
}

/* Use this when I want to use something that looks like h2 but with some differently styled text after it on the same line; e.g. attributing downloads to chastity.com */

.heading2
{ 
text-align : left; 
font-weight : bold; 
font-size : 19px; 
font-family : "Times New Roman", Times, serif; 
color : #000000; 
}

h3
{ 
text-align : left; 
margin-left : 2%; 
margin-right : 2%; 
font-weight : bold; 
font-size : 15px; 
font-family : Arial, Helvetica, sans-serif; 
color : #003333;
}

/* Use this when I don't want a paragraph break after a custom heading. Used on home page. Don't add margin values. */

.heading3
{ 
text-align : left;  
font-weight : bold; 
font-size : 15px; 
font-family : Arial, Helvetica, sans-serif; 
color : #000000;
}

/* Don't assign numerical R and L margins for heading3centered */

.heading2centered
{ 
text-align : center; 
display : block;
font-weight : bold; 
font-size : 19px; 
font-family : "Times New Roman", Times, serif; 
color : #000000; 
}

.heading3centered
{ 
text-align : center; 
display : block;
font-weight : bold; 
font-size : 15px; 
font-family : Arial, Helvetica, sans-serif; 
color : #000000; 
}

a:link 
{ 
font-size : 14px; 
font-family : Arial, Helvetica, sans-serif; 
color : #003399; 
text-decoration : underline;
} 

a:visited 
{ 
font-size : 14px; 
font-family : Arial, Helvetica, sans-serif; 
color : #660066; 
text-decoration : underline;
} 

a:hover 
{ 
font-size : 14px; 
font-family : Arial, Helvetica, sans-serif; 
color : #990033; 
text-decoration : underline; 
} 

a:active 
{ 
font-size : 14px; 
font-family : Arial, Helvetica, sans-serif; 
color : #990033; 
text-decoration : underline; 
} 

/* This is for a link to use instead of heading3 */

a.heading3link:link 
{ 
font-size : 15px; 
font-weight : bold; 
font-family : Arial, Helvetica, sans-serif; 
color : #003399; 
text-decoration : underline;
} 

a.heading3link:visited 
{ 
font-size : 15px;  
font-weight : bold; 
font-family : Arial, Helvetica, sans-serif; 
color : #660066; 
text-decoration : underline;
} 

a.heading3link:hover 
{ 
font-size : 15px; 
font-weight : bold; 
font-family : Arial, Helvetica, sans-serif; 
color : #990033; 
text-decoration : underline; 
} 

a.heading3link:active 
{ 
font-size : 15px;  
font-weight : bold; 
font-family : Arial, Helvetica, sans-serif; 
color : #990033; 
text-decoration : underline; 
} 

/* This is for a link that corresponds with smallertext span or div text */

a.smallertextlink:link 
{ 
font-weight : normal; 
font-size : 12px; 
font-family : Arial, Helvetica, sans-serif; 
color : #003399; 
text-decoration : underline;
} 

a.smallertextlink:visited 
{ 
font-weight : normal; 
font-size : 12px; 
font-family : Arial, Helvetica, sans-serif; 
color : #660066; 
text-decoration : underline;
} 

a.smallertextlink:hover 
{ 
font-weight : normal;  
font-size : 12px; 
font-family : Arial, Helvetica, sans-serif; 
color : #990033; 
text-decoration : underline; 
} 

a.smallertextlink:active 
{ 
font-weight : normal; 
font-size : 12px; 
font-family : Arial, Helvetica, sans-serif; 
color : #990033; 
text-decoration : underline; 
} 

/* This is for a link, usually smaller, under another link; ie, ...see your options re FLV files. */

a.underlink:link 
{ 
font-weight : bold; 
font-size : 10px; 
font-family : Arial, Helvetica, sans-serif; 
color : #003399; 
text-decoration : underline;
} 

a.underlink:visited 
{ 
font-weight : bold; 
font-size : 10px; 
font-family : Arial, Helvetica, sans-serif; 
color : #660066; 
text-decoration : underline;
} 

a.underlink:hover 
{ 
font-weight : bold; 
font-size : 10px; 
font-family : Arial, Helvetica, sans-serif; 
color : #990033; 
text-decoration : underline; 
} 

a.underlink:active 
{ 
font-weight : bold; 
font-size : 10px; 
font-family : Arial, Helvetica, sans-serif; 
color : #990033; 
text-decoration : underline; 
} 

.webaddressunderlink
{ 
font-weight : normal; 
font-size : 14px; 
font-family : Arial, Helvetica, sans-serif;
color : #009966;
}

.alpha
{ 
font-weight : bold; 
font-size : 16px; 
font-family : Arial, Helvetica, sans-serif; 
margin-left : 2%; 
} 

a.backtomenulink:link 
{ 
font-weight : normal; 
font-size : 11px; 
font-family : Arial, Helvetica, sans-serif; 
color : #003399; 
text-decoration : underline;
} 

a.backtomenulink:visited 
{ 
font-weight : normal; 
font-size : 11px; 
font-family : Arial, Helvetica, sans-serif; 
color : #660066; 
text-decoration : underline;
} 

a.backtomenulink:hover 
{ 
font-weight : normal; 
font-size : 11px; 
font-family : Arial, Helvetica, sans-serif; 
color : #990033; 
text-decoration : underline; 
} 

a.backtomenulink:active 
{ 
font-weight : normal; 
font-size : 11px; 
font-family : Arial, Helvetica, sans-serif; 
color : #990033; 
text-decoration : underline; 
} 

.finishedsoon
{ 
text-align : left; 
font-weight : bold; 
font-size : 12px; 
font-family : Arial, Helvetica, sans-serif; 
color : #009999;
}

.freeuppercase
{ 
font-weight : bold; 
font-size : 14px; 
font-family : Arial, Helvetica, sans-serif; 
color : #009999;
}

.freelowercase
{ 
font-weight : bold; 
font-size : 15px; 
font-family : Arial, Helvetica, sans-serif; 
color : #009999;
}

.miscnexttolink
{ 
font-weight : normal; 
font-size : 12px; 
font-family : Arial, Helvetica, sans-serif; 
color : #000000;
}

.added
{ 
font-weight : bold;  
font-size : 12px; 
font-family : Arial, Helvetica, sans-serif; 
color : #009966;
}

.updated
{ 
font-weight : bold;  
font-size : 12px; 
font-family : Arial, Helvetica, sans-serif; 
color : #3399ff;
}

.differentlook
{ 
font-weight : bold; 
font-size : 16px; 
font-family : "Times New Roman", Times, serif; 
color : #000000; 
}  

.distinguishablenote
{ 
font-style : italic;
font-weight : normal; 
font-size : 15px; 
font-family : "Times New Roman", Times, serif; 
}   

.samesizedifferentfont
{ 
font-style : italic;
font-weight : normal; 
font-size : 15px; 
font-family : "Times New Roman", Times, serif; 
}  

.descriptioncentral
{ 
text-align : center;
display : block;
}  

.descriptioncentralsmall
{ 
text-align : center;
display : block;
font-size : 13px; 
font-family : Arial, Helvetica, sans-serif; 
}

.central
{ 
text-align : center;
display : block;
font-size : 16px;
font-weight : bold; 
}

.centeredasterisks
{ 
text-align : center;
display : block;
font-weight : bold; 
font-size : 36px; 
font-family : "Times New Roman", Times, serif; 
}

/* This is for a div or span class, but I think div works better for paragraphs. */

.quotetext
{ 
font-size : 14px;
margin-left : 7%; 
margin-right : 7%;
} 

/* This is usually for a div class -- not a span class */
.quotetextwithinquote
{ 
font-size : 14px;
margin-left : 12%; 
margin-right : 12%;
}

/* This is usually for a div class -- not a span class */
.cccquotetext1
{ 
font-size : 14px;
margin-left : 7%; 
margin-right : 7%;
} 

/* This is for a div class -- not a span class */
.quotetextunderlink
{ 
font-size : 14px;
margin-left : 7%; 
margin-right : 27%;
} 

.quotecitation
{ 
margin-left : 45%; 
margin-right : 7%;
font-size : 12px; 
}

a.minilinkinheadingafterbr:link 
{ 
text-align : center;
font-weight : bold;
font-size : 10px; 
font-family : Arial, Helvetica, sans-serif; 
color : #003399; 
text-decoration : underline;
} 

a.minilinkinheadingafterbr:visited 
{ 
text-align : center;
font-weight : bold; 
font-size : 10px;
font-family : Arial, Helvetica, sans-serif; 
color : #660066; 
text-decoration : underline;
} 

a.minilinkinheadingafterbr:hover 
{ 
text-align : center;
font-weight : bold;
font-size : 10px;
font-family : Arial, Helvetica, sans-serif; 
color : #990033; 
text-decoration : underline; 
} 

a.minilinkinheadingafterbr:active 
{ 
text-align : center;
font-weight : bold; 
font-size : 10px;
font-family : Arial, Helvetica, sans-serif; 
color : #990033; 
text-decoration : underline; 
} 

.logotable 
{ 
background : #ffffff; 
width : 99%; 
} 

.image00
{ 
text-align : left;
vertical-align : top;
} 

.logotabletextpt1
{ 
padding : 0;
text-align : center;
font-weight : bold;
font-size : 14px;
font-family : Arial, Helvetica, sans-serif; 
} 

.logotabletextpt2
{ 
padding : 0;
text-align : center;
font-weight : bold;
font-size : 14px;
font-family : Arial, Helvetica, sans-serif; 
} 

.logotabletextpt3
{ 
padding : 0;
text-align : center;
font-weight : normal;
font-size : 14px;
font-family : Arial, Helvetica, sans-serif; 
} 

/* border : none removes borders around image link. Must be separate from other class values for the images. */

.image00 img
{ 
border : none;
}

.menubar 
{ 
text-align : center; 
background : #d6deec; 
border-style : solid; 
border-color : #ccddee; 
border-width : 2px; 
width : 100%; 
height : 20px; 
padding-top : 1px;
}

.menubarhome 
{ 
float : left; 
width : 11%; 
height : 20px; 
} 

.menubarpast
{ 
float : left; 
width : 16%; 
height : 20px; 
} 

.menubarfuture
{ 
float : left; 
width : 17%;
height : 20px; 
}

.menubarlist
{ 
float : left; 
width : 22%; 
height : 20px; 
}

.menubarmore 
{ 
float : left; 
width : 10%; 
height : 20px; 
} 

.menubarabout
{ 
float : left; 
width : 12%; 
height : 20px; 
} 

.menubarcontact 
{ 
float : left; 
width : 11%; 
height : 20px; 
} 

a.menubarlink:link 
{ 
text-align : center; 
width : 100%; 
height : 100%; 
font-weight : normal; 
font-size : 14px; 
font-family : Arial, Helvetica, sans-serif; 
color : #003399; 
background : #d6deec; 
text-decoration : underline;
display : block;
} 

a.menubarlink:visited 
{ 
text-align : center; 
width : 100%; 
height : 100%; 
font-weight : normal; 
font-size : 14px; 
font-family : Arial, Helvetica, sans-serif; 
color : #990033; 
background : #d6deec; 
text-decoration : underline;
display : block;
} 

a.menubarlink:hover 
{ 
text-align : center; 
width : 100%; 
height : 100%; 
font-weight : normal; 
font-size : 14px; 
font-family : Arial, Helvetica, sans-serif; 
background : #d6deec;
color : #990033; 
text-decoration : underline; 
display : block;
} 

a.menubarlink:active 
{ 
text-align : center; 
width : 100%; 
height : 100%; 
font-weight : normal; 
font-size : 14px; 
font-family : Arial, Helvetica, sans-serif; 
color : #990033; 
text-decoration : underline; 
} 

.menubarhomehere 
{ 
float : left; 
width : 11%; 
height : 17px; 
} 

.menubarpasthere
{ 
float : left; 
width : 16%; 
height : 17px;
} 

.menubarfuturehere
{ 
float : left; 
width : 17%; 
height : 17px; 
}

.menubarlisthere
{ 
float : left; 
width : 22%; 
height : 17px; 
}

.menubarmorehere
{ 
float : left; 
width : 10%; 
height : 17px; 
} 

.menubarabouthere
{ 
float : left; 
width : 12%; 
height : 17px; 
}

.menubarcontacthere 
{ 
float : left; 
width : 11%; 
height : 17px;  
} 

a.menubarlinkhere:link 
{ 
text-align : center; 
width : 100%; 
height : 100%; 
font-weight : normal; 
font-size : 14px; 
font-family : Arial, Helvetica, sans-serif; 
color : #003399; 
background : #a2b4d4; 
text-decoration : underline;
display : block;
height : 20px;
} 

a.menubarlinkhere:visited 
{ 
text-align : center; 
width : 100%; 
height : 100%; 
font-weight : normal; 
font-size : 14px; 
font-family : Arial, Helvetica, sans-serif; 
color : #660066; 
background : #a2b4d4; 
text-decoration : underline;
display : block;
height : 20px;
} 

a.menubarlinkhere:hover 
{ 
text-align : center; 
width : 100%; 
height : 100%; 
font-weight : normal; 
font-size : 14px; 
font-family : Arial, Helvetica, sans-serif; 
background : #a2b4d4;
text-decoration : underline; 
display : block;
height : 20px;
} 

a.menubarlinkhere:active 
{ 
text-align : center; 
width : 100%; 
height : 100%; 
font-weight : normal; 
font-size : 14px; 
font-family : Arial, Helvetica, sans-serif; 
color : #990033;
text-decoration : underline; 
} 

.footerwrap 
{
text-align : center; 
padding-top : 14px;
} 

.footerlinksbar 
{ 
text-align : center; 
font-size : 14px; 
font-family : Arial, Helvetica, sans-serif; 
color : #000000; 
} 

a.footerlinksbarlink:link 
{ 
font-weight : normal; 
font-size : 14px; 
font-family : Arial, Helvetica, sans-serif; 
color : #003399; 
text-decoration : underline;
} 

a.footerlinksbarlink:visited 
{ 
font-weight : normal; 
font-size : 14px; 
font-family : Arial, Helvetica, sans-serif; 
color : #660066; 
text-decoration : underline;
} 

a.footerlinksbarlink:hover 
{ 
font-weight : normal; 
font-size : 14px; 
font-family : Arial, Helvetica, sans-serif; 
color : #990033; 
text-decoration : underline; 
} 

a.footerlinksbarlink:active 
{ 
font-weight : normal; 
font-size : 14px; 
font-family : Arial, Helvetica, sans-serif; 
color : #990033; 
text-decoration : underline; 
} 

.footerdomain 
{ 
text-align : center; 
width : 99%; 
font-size : 12px; 
font-family : Arial, Helvetica, sans-serif; 
color : #000000; 
padding-top : 12px;
} 

.spaceaboveline2
{  
font-size : 20px; 
font-family : "Times New Roman", Times, serif; 
}

/* Colored pseudo horizontal rule */

.line2 
{
width : 100%;
margin-left : auto;
margin-right : auto;
margin-top : 0px;
border-top-width : 2px;
border-top-style : solid;
border-color : #ccddee; 
clear : left;
}