/* ==== CSS page for www.communityunity.org ==== 02/20/2008 by AJL ==== */

/* ==== Copied from www.communityunity.org/index.html on 02/20/2008 ==== */

.title {font-size: 15pt;
		  font-family: Arial, Helvetica, Verdana, sans-serif;
		  color: #000000;}

#main-box {position: absolute; 
            top: 0px; 
            left: 0px; 
            width: 800px;
            height: 100%;
            background-color: #B6DCFF;
            background-image: url(bgimg3.png); 
            border: 1px solid #333333;
          }

#main-text-area {
        position: absolute; 
        top: 151px; left: 185px;  
		width: 578px; height: 580px;
		background-color: #99BBDD;
		padding: 18px;
		border: 1px solid #333333;
		}

#top-center {  position: absolute;
               top: 0px;
               left: 185px;
               width: 429px;
	       height: 80px;
	       background-image: url(bgimg2.png);  
	       font-size: 9pt;
	       font-family: Arial, Helvetica, Verdana, sans-serif;
	       color: #000000;
	       text-align: center;
               margin-top: -1px;
	       padding-top: 45px;
	       border:     #333333 solid 1px;
               border-right: black solid 1px;
               border-left:  black solid 1px;
          }

#wots-box, #top-right {
                position: absolute; 
                top: 1px; left: 616px; 
                width: 184px; height: 150px; 
                background-color: #B6DCFF;
                border-right:  black solid 1px;
                border-bottom: black solid 1px;
          }

#purpose-box {position: absolute; 
            left: 185px; 
            top: 0px; 
            height: 390px;
            border: 1px solid #333333;
            background-color: #99BBDD;
            width: 429px;
          }

#purpose-quote {position: absolute; 
            top: 20px; left: 30px; 
            width: 340px; 
            text-align: center;
          }

#purpose-text {position: absolute; 
            top: 120px; left: 10px; 
            width: 400px; 
            text-align: justify;
            line-height: 1.1em;
          }

/* ===== Various styles of text ===== */
.normal {font-size: 10pt;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		color: #000000;}

.small { font-size: 9pt;
			font-family: Arial, Helvetica, Verdana, sans-serif;
			color: #000000;
			text-align: justify;}
				
.abstract { font-size: 9pt;
			font-family: Arial, Helvetica, Verdana, sans-serif;
			font-weight: normal;            font-style: normal;
			color: #000000;
			text-align: justify
			}				
				
.header {font-size: 14pt;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		color: #cc0000;
		font-weight: bold;
		font-style: italic;}

.header2 {font-size: 12pt;
        font-family: Arial, Helvetica, Verdana, sans-serif;
        color: #333333;
        font-weight: bold;}

.header3 {font-size: 18pt;
		font-family: "helvetica", "sans", "vernada";
		color: #cc0000;
		font-weight: bold;
		font-style: italic;}

/* === These variations "header-12" and "header2-10" are used on Members page ===== */
.header-12     {font-size: 12pt;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		color: #cc0000;
		font-weight: bold;
		font-style: italic;
               }

.header2-10    {font-size: 10pt;
                font-family: Arial, Helvetica, Verdana, sans-serif;
                color: #333333;
                font-weight: bold;
               }

/* ===== Here are our styles for hyperlinks ===== */
a {font-size: 10pt;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	color: #54638E;
	text-decoration: none;}

a:hover {font-size: 10pt;
		  font-family: Arial, Helvetica, Verdana, sans-serif;
			font-weight: bold;
			color: #54638E;
			text-decoration: underline;}

.sidelink    {border: 1px solid #333333;
			  background-color: #ffffbb;
			  width: 184px;
			  height: 40px;}
			  
.sidelink a  {font-size: 10pt;
	          font-family: Arial, Helvetica, Verdana, sans-serif;
	          font-weight: bold;
	          color: #54638E;
	          text-decoration: none;}
	          
.sidelink a:hover {font-size: 10pt;
		      font-family: Arial, Helvetica, Verdana, sans-serif;
			  font-weight: bold;
			  color: #54638E;
			  text-decoration: underline;}
	          
.sidelink2 {border: 1px solid #333333;
			  background-color: #99BBDD;
			  width: 184px;
			  height: 40px;}

#horizontal-nav-bar {
              position: absolute;
              top: 126px; left: 185px;
              width: 431px; height: 25px;
              background-color: #000000;
              font-family: Arial, Helvetica, Verdana, sans-serif;
              font-size: 10pt;
	      font-weight: bold;
	      padding: 0;
	      line-height: 25px;
	      color: #FFFFFF;
	      text-align: center;
              }

#horizontal-nav-bar a  {font-size: 10pt;
	          font-family: Arial, Helvetica, Verdana, sans-serif;
	          font-weight: bold;
	          color: #FFFFFF;
	          text-decoration: none;}
	          
#horizontal-nav-bar a:hover {font-size: 10pt;
		      font-family: Arial, Helvetica, Verdana, sans-serif;
			  font-weight: bold;
			  color: #C0C0FF;
			  text-decoration: underline;}

/* ===== The remaining statements are used only by the Home Page ===== */
#events-area {position: relative;
            top: 391px; 
            left: -1px;
            padding-bottom: 36px;
            border: 1px solid #333333;
			background-image: url(bgimg3.png);
			width: 800px;
			}
			
#events-window {
            position: relative; 
            top: 10px; 
            left: 10px;
            width: 780px; 
            }			
			
#footer {position: relative;
            padding-top: 72px;  
            width: 800px;
        }

/* ==== END OF CSS ==== */