@charset "utf-8";

/*

      Description:        This is the CSS file that supports the 
                         Knights of Columbus Council 15119 website.
                         
      Author:             Garry Daly
      Created:            January 17, 2010
      Last Modified:
     
      Filename:           kofc.css
      Supporting Files:   index.htm
     
                                     
      Description:       This is the CSS file supporting the home page and subsequent pages for
                         the Knights of Columbus website.
     
*/


body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #0033cc;
  position: relative;
}

#outer {
  width: 840px;
  background-color: #0033cc;
  margin-left:  auto;
  margin-right: auto;
}
#inner {
  width: 820px;
  margin: 25px 0px 0px 0px;
}

header {
  padding-bottom: 20px;
}

#topnav {
  width: 800px; height: 38px;
  background-color: #fff;
 
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

#topnav ul {
  list-style: none;
  padding-top: 10px;
}

#topnav ul li {
  display: inline;
  padding: 0 10px;
}

#topnav ul li a {
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

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

#topnav ul li#firstlink {
  position: relative; 
}

.maincontent { 
  font-size: 12pt;
  width: 780px;
  padding: 10px 10px; 
  background-color: #d5ffff; 
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  }
  
img { 
  border: 0px;
}

h1 {
  font-size: 20pt; 
  text-align: center; 
  color: #0033cc;
}

h3 {
  background-color: #dc8f27; 
  color: #19184a;
  width: 300px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 0 5px;
}

#footertxt                 {text-align: center; 
                               font-size: 10pt;
                               font-weight: bold; 
                               font-style: italic;
                              }
#ftcaption                    {text-align: center; 
                               font-size: 10pt;
                               font-weight: bold; 
                               font-style: italic;
                              }
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.left{
  text-align: left;
}

.floatright                   {float: right;}
.floatleft                    {float: left;}
.blockcenter                  {margin-left: auto; margin-right: auto;}
.clear                        {clear: both;}
.bred                         {color: red; font-weight: bold;}
.bblue                        {color: blue; font-weight: bold;}
.bold                         {font-weight: bold;}

#anderson                     {text-align: center; font-size: 12pt;}

.offcrhdr                     {font-size: 18pt; font-weight: bold; color: red; text-align: center;}
.red18                        {font-size: 18pt; color: red; font-weight: bold}

#offcrtbl .offcrtitle         {font-weight: bold; color: blue; width: 330px; height: 70px;}
#offcrtbl .offcrpic           {width: 200px; height: 70px;}
#offcrtbl .offcrinfo          {font-size: 12pt; font-weight: bold; width: 300px; height: 70px;}

/* Newsletter Section */
#knightline                   {float: right; margin-top: -50px;}
#knightadobe                  {margin-left: 335px;}
#knightform                   {margin-left: 290px;}

/* Members Only Section */
#welcomebro                   {font-size: 20pt; color: #3399FF; text-align: center; font-weight: bold;}
#mbrentry                     {font-size: 14pt; color: black; text-align: center; font-weight: bold;}
#iagree                       {font-size: 13pt; color: #006600; font-style: italic;}
#clickhere                    {font-size: 22pt; color: blue; font-weight: bold; text-decoration: underline;}


/* Members Section */
#minbook                      {float: left;  margin-top: 8px;}


.pgfooter {
  margin-top: 20px;

}

#footer {
  text-align: center;
  margin-left: auto; margin-right: auto;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  background-color: white;
  font-size: 10pt;
  font-weight: bold;
  width: 500px;
  text-align: center;
  font-size: 10pt;
}