/*table that holds keylines and content (header, header3, footer3(.php))*/
.key_lines
{
border-left:1px solid #E0CCD6;
border-right:1px solid #E0CCD6;
}


input, select, textarea	
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9pt; 
color: #444444;
background-color: #f6f6f6;
border: 1px solid #CCCCCC;
}
.textlabel	
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt; 
color: #000
}
.content form input, select
{
/* setting for textarea causes problem in ie8 */
width: 100%;
margin-bottom: 0.5em;
}

.content form textarea
{
height: 10em;
}
.content form input.checkbox
{
width: auto;
margin-bottom: 0.22em;
margin-top: 0.2em;
margin-left: 10px;
}
.checkbox
{
width: auto;
background-color: #ffffff;
border: 1px solid #ffffff;
}
.content form input.button
{
background-color: #EEEEEE;
width: 10em;
}
.input, select
{
width: 250px;
margin-bottom: 0.2em;
margin-top: 0.3em;
color: #555555;
font-size: 8pt;
}
.select50
{
width: 52px;
margin-bottom: 0.2em;
margin-top: 0.3em;
color: #555555;
font-size: 8pt;
}
.select100
{
width: 100px;
margin-bottom: 0.2em;
margin-top: 0.3em;
color: #555555;
font-size: 8pt;
}
.select150
{
width: 150px;
margin-bottom: 0.2em;
margin-top: 0.3em;
color: #555555;
font-size: 8pt;
}
/*box headings*/
.color1
{
background-color: #ea2e78; /* magenta */
}
.color2
{
background-color: #ccc0d2;  /* mauve */
}
.color3
{
background-color: #9a8ba7;  /* deep mauve */
}
.white
{
background-color: #FFFFFF;  /* white */
}
.color4 
{  
background-color: #e0ccd6; /* pink */
}
.color5 
{  
background-color: #e0ccd6; /* pink */
}
.color6 
{  
background-color: #060953; /* very dark background color */
}
.secondcolor
{
background-color: #ca9452;  /* secondary color */
}
body
{
	COLOR: #000000;  /* always black */
	FONT-FAMILY: arial, sans-serif;
	FONT-SIZE: 9pt;
	font-weight: normal;
	text-decoration : none
}
.text
{
	COLOR: #000000;  /* always black */
	FONT-FAMILY: arial, sans-serif;
	FONT-SIZE: 9pt;
	font-weight: normal;
	text-decoration : none
	}
.redtext
{
	COLOR: #ff0000;  /* always black */
	FONT-FAMILY: arial, sans-serif;
	FONT-SIZE: 9pt;
	font-weight: normal;
	text-decoration : none
}
.delete
{
	COLOR: #000000;  /* always black */
	FONT-FAMILY: verdana, sans-serif;
	FONT-SIZE: 8pt;
	font-weight: normal;
	text-decoration : none;
}
.textbold
{
	COLOR: #000000;  /* always black */
	FONT-FAMILY: verdana, sans-serif;
	FONT-SIZE: 8pt;
	font-weight: bold;
	text-decoration : none
}
.textboldwhite
{
	COLOR: #ffffff;  /* always white */
	FONT-FAMILY: arial, sans-serif;
	FONT-SIZE: 12px;
	font-weight: bold;
	text-decoration : none
}
.textbolddark
{
	COLOR: #1b196d;  
	FONT-FAMILY: arial, sans-serif;
	FONT-SIZE: 12px;
	font-weight: bold;
	text-decoration : none
}
.textsmallboldwhite
{
	COLOR: #ffffff;  /* always white */
	FONT-FAMILY: verdana, sans-serif;
	FONT-SIZE: 10px;
	font-weight: bold;
	text-decoration : none
}
.navtitle /* navigate here heading */
{
	COLOR: #ffffff;  /*  */
	FONT-FAMILY: arial, sans-serif;
	FONT-SIZE: 11px;
	font-weight: bold;
	text-decoration : none
}
.textbigbold
{
	COLOR: #000000;  /* always black */
	FONT-FAMILY: arial, sans-serif;
	FONT-SIZE: 15px;
	font-weight: bold;
	text-decoration : none
}
.textbigboldwhite
{
	COLOR: #ffffff;  /* always white */
	FONT-FAMILY: arial, sans-serif;
	FONT-SIZE: 15px;
	font-weight: bold;
	text-decoration : none;
}
.name  /* club or site name on page */
{
	COLOR: #000000;  
	FONT-FAMILY: sans-serif;
	FONT-SIZE: 22px;
	font-weight: bold;
	text-decoration : none;
	letter-spacing : 2px;
}
.slogan /* site slogan */
{
	COLOR: #636363;  /* always white */
	FONT-FAMILY: arial, sans-serif;
	FONT-SIZE: 16px;
	font-weight: bold;
	text-decoration : none
}
.heading
{
	COLOR: #000000; 
	FONT-FAMILY: verdana, sans-serif;
	FONT-SIZE: 11px;
	font-weight: bold;
	text-decoration : none
}
.headingtop
{
	background-color: #ffffff; /* dark, or light if using fill, or white */
}
.headingfill
{
	background-color: #ffffff; /* fill */
}
.headingbottom
{
color: white;
font-size: 10px;	
background-color: #000066; /* dark blue */
padding: 4px;
height: 1em;
}
.useful
{
	COLOR: #000000;  /* */
	FONT-FAMILY: arial, sans-serif;
	FONT-SIZE: 12px;
	font-weight: bold;
	text-decoration : none
}
.linktext
{
	COLOR: #000000;  /* always black */
	FONT-FAMILY: arial, sans-serif;
	FONT-SIZE: 12px;
	font-weight: normal;
	background-color: #e6e6ff; /* color5 */
	text-decoration : none
}
.textwhite
{
	COLOR: #ffffff;  /* always white */
	FONT-FAMILY: verdana, sans-serif;
	FONT-SIZE: 12px;
	font-weight: normal;
	text-decoration : none
}
.textsmall
{
	COLOR: #000000; 
	FONT-FAMILY: arial, sans-serif;
	FONT-SIZE: 10px;
	font-weight: normal;
	text-decoration : none
}
.caption
{
	COLOR: #000000; 
	FONT-FAMILY: arial, sans-serif;
	FONT-SIZE: 10px;
	font-weight: normal;
	text-decoration : none
}
.textsmallbold
{
	COLOR: #666666; 
	FONT-FAMILY: verdana, sans-serif;
	FONT-SIZE: 10px;
	font-weight: bold;
	text-decoration : none
}
.textsmallwhite
{
	COLOR: #ffffff; 
	FONT-FAMILY: verdana, sans-serif;
	FONT-SIZE: 10px;
	font-weight: normal;
	text-decoration : none
}
.copyright
{
	COLOR: #000000; 
	FONT-FAMILY: verdana, sans-serif;
	FONT-SIZE: 10px;
	font-weight: normal;
	text-decoration : none
}
.textsmallwhitebold
{
	COLOR: #ffffff; 
	FONT-FAMILY: verdana, sans-serif;
	FONT-SIZE: 10px;
	font-weight: bold;
	text-decoration : none
}
.pagename
{
	COLOR: #ffffff; 
	FONT-FAMILY: verdana, sans-serif;
	FONT-SIZE: 10px;
	font-weight: bold;
	text-decoration : none
}
.event
{
	COLOR: Red; 
	FONT-FAMILY: arial, sans-serif;
	FONT-SIZE: 12px;
	font-weight: bold;
	text-decoration : none
}
.date
{
	COLOR: blue; 
	FONT-FAMILY: arial, sans-serif;
	FONT-SIZE: 10px;
	font-weight: normal;
	text-decoration : none

}
.title
{
	COLOR: #2c388e;
	FONT-FAMILY: verdana, sans-serif;
	FONT-SIZE: 24px;
	font-weight: normal;
	text-align: left
}
.strap
{
	COLOR: #ca9452;
	FONT-FAMILY: verdana, sans-serif;
	FONT-SIZE: 16px;
	font-weight: bold;
	font-style: italic;
	text-align: left
}
.intro1
{
	COLOR: #5e66ac; /* color1 */
	FONT-FAMILY: verdana, sans-serif;
	FONT-SIZE: 16px;
	font-weight: normal;
	text-align: left
}
.intro2
{
	COLOR: #2c388e; /* color2 */
	FONT-FAMILY: verdana, sans-serif;
	FONT-SIZE: 18px;
	font-weight: bold;
	text-align: left
}
.introital
{
	COLOR: #5e66ac; /* color2 */
	FONT-FAMILY: verdana, sans-serif;
	FONT-SIZE: 16px;
	font-weight: bold;
	font-style: italic;
	text-align: left
}
A:link
{
    COLOR: #000066;
	FONT-FAMILY: arial, sans-serif;
	text-decoration: none;
	FONT-SIZE: 12px;
	font-weight: normal;
	text-decoration: none
}
A:visited
{
    COLOR: #000066;
    FONT-FAMILY: arial, sans-serif;
	text-decoration: none;
	FONT-SIZE: 12px;
	font-weight: normal;
	text-decoration: none
}
A:hover
{
    COLOR: #009966;
    FONT-FAMILY: arial, sans-serif;
	text-decoration: none;
	FONT-SIZE: 12px;
	font-weight: normal;
	text-decoration: none;
}
A.bold:link
{
    COLOR: #000066;
	FONT-FAMILY: arial, sans-serif;
	text-decoration: none;
	FONT-SIZE: 11px;
	font-weight: bold;
	text-decoration: none;
}
A.bold:visited
{
    COLOR: #000066;
    FONT-FAMILY: arial, sans-serif;
	text-decoration: none;
	FONT-SIZE: 11px;
	font-weight: bold;
	text-decoration: none;
}
A.bold:hover
{
    COLOR: #009966;
    FONT-FAMILY: arial, sans-serif;
	text-decoration: none;
	FONT-SIZE: 11px;
	font-weight: bold;
	text-decoration: none;
}
A.boldgreen:link
{
    COLOR: #008040;
	FONT-FAMILY: arial, sans-serif;
	text-decoration: none;
	FONT-SIZE: 11px;
	font-weight: bold;
	text-decoration: none;
}
A.boldgreen:visited
{
    COLOR: #008040;
    FONT-FAMILY: arial, sans-serif;
	text-decoration: none;
	FONT-SIZE: 11px;
	font-weight: bold;
	text-decoration: none;
}
A.boldgreen:hover
{
    COLOR: Red;
    FONT-FAMILY: arial, sans-serif;
	text-decoration: none;
	FONT-SIZE: 11px;
	font-weight: bold;
	text-decoration: none;
}
A.textsmallwhite:link
{
    COLOR: #ffffff; 
	FONT-FAMILY: verdana, sans-serif;
	text-decoration: none;
	FONT-SIZE: 10px;
	font-weight: normal;
}
A.textsmallwhite:visited
{
    COLOR: #ffffff;
    FONT-FAMILY: verdana, sans-serif;
	text-decoration: none;
	FONT-SIZE: 10px;
	font-weight: normal;
	text-decoration: none;
}
A.textsmallwhite:hover
{
    COLOR: yellow;
    FONT-FAMILY: verdana, sans-serif;
	text-decoration: none;
	FONT-SIZE: 10px;
	font-weight: normal;
	text-decoration: none;
}
A.navbarleft:link
{
    COLOR: #ffffff;
	FONT-FAMILY: verdana, sans-serif;
	text-decoration: none;
 	font-size: 7.5pt;  
	font-weight: bold;
	text-decoration: none;
}
A.navbarleft:visited
{
    COLOR: #ffffff;
    FONT-FAMILY: verdana, sans-serif;
	text-decoration: none;
 	font-size: 7.5pt; 
 	font-weight: bold;
	text-decoration: none;
}
A.navbarleft:hover
{
    COLOR: #ffffff;
    FONT-FAMILY: verdana, sans-serif;
	text-decoration: none;
 	font-size: 7.5pt;  
 	font-weight: bold;
	text-decoration: none;
}
A.navbarright:link
{
	COLOR: #ffffff;
	FONT-FAMILY: verdana, sans-serif;
	text-decoration: none;
 	font-size: 7.5pt;  
	font-weight: bold;
	text-decoration: none;
}
A.navbarright:visited
{
	COLOR: #ffffff;
    FONT-FAMILY: verdana, sans-serif;
	text-decoration: none;
 	font-size: 7.5pt;  
 	font-weight: bold;
	text-decoration: none;
}
A.navbarright:hover
{
    COLOR: #ffffff;
    FONT-FAMILY: verdana, sans-serif;
	text-decoration: none;
 	font-size: 7.5pt;  
 	font-weight: bold;
	text-decoration: none;
}
A.email:link
{
	COLOR: #000000;
	FONT-FAMILY: verdana, sans-serif;
	text-decoration: none;
 	font-size: 7.5pt; 
	font-weight: bold;
	text-decoration: none;
}
A.email:visited
{
	COLOR: #000000;
    FONT-FAMILY: verdana, sans-serif;
	text-decoration: none;
 	font-size: 7.5pt; 
 	font-weight: bold;
	text-decoration: none;
}
A.email:hover
{
    COLOR: green;
    FONT-FAMILY: verdana, sans-serif;
	text-decoration: none;
 	font-size: 7.5pt; 
 	font-weight: bold;
	text-decoration: none;
}
A.useful:link
{
	COLOR: #0000a0;
	FONT-FAMILY: arial, sans-serif;
	text-decoration: none;
 	font-size: 9pt; 
	font-weight: bold;
	text-decoration: none;
}
A.useful:visited
{
	COLOR: #0000a0;
    FONT-FAMILY: arial, sans-serif;
	text-decoration: none;
 	font-size: 9pt; 
 	font-weight: bold;
	text-decoration: none;
}
A.useful:hover
{
    COLOR: green;
    FONT-FAMILY: arial, sans-serif;
	text-decoration: none;
 	font-size: 9pt; 
 	font-weight: bold;
	text-decoration: none;
}
A.emailblue:link
{
	COLOR: Blue;
	FONT-FAMILY: verdana, sans-serif;
	text-decoration: none;
 	font-size: 7.5pt; 
	font-weight: bold;
	text-decoration: none;
}
A.emailblue:visited
{
	COLOR: blue;
    FONT-FAMILY: verdana, sans-serif;
	text-decoration: none;
 	font-size: 7.5pt; 
 	font-weight: bold;
	text-decoration: none;
}
A.emailblue:hover
{
    COLOR: green;
    FONT-FAMILY: verdana, sans-serif;
	text-decoration: none;
 	font-size: 7.5pt; 
 	font-weight: bold;
	text-decoration: none;
}	
.button
{ 
 	border-style: solid; 
	border-width: 0pt; 
 	font-family: verdana, sans-serif; 
 	font-size: 6.5pt; 
 	font-weight: bold;
 	border-color: #ffffff;
 	background: #636363;
 	color: #666666 ;
}
 .over 
{ 
	border-style: solid; 
 	border-width: 0pt; 
 	font-family: verdana, sans-serif; 
 	font-size: 6.5pt; 
 	font-weight: bold;
 	border-color: #ffffff;
 	background: #bababa;
 	color: #666666;
}
 .out 
{ 
	border-style: solid; 
 	border-width: 0pt; 
 	font-family: verdana, sans-serif; 
 	font-size: 6.5pt; 
 	font-weight: bold;
 	border-color: #ffffff;
 	background: #636363;
 	color: #666666;
}
A.navbar:link
{
	COLOR: #ffffff;
	FONT-FAMILY: verdana, sans-serif;
	text-decoration: none;
	FONT-SIZE: 10px;
	font-weight: bold;
}
A.navbar:visited
{
    COLOR: #ffffff;
	FONT-FAMILY: verdana, sans-serif;
	text-decoration: none;
	FONT-SIZE: 10px;
	font-weight: bold;
}
A.navbar:hover
{
    COLOR: #D60068;
	FONT-FAMILY: verdana, sans-serif;
	text-decoration: none;
	FONT-SIZE: 10px;
	}
A.navbardark:link
{
	COLOR: #9a8aa5;
	FONT-FAMILY: verdana, sans-serif;
	text-decoration: none;
	FONT-SIZE: 10px;
	font-weight: bold;
}
A.navbardark:visited
{
    COLOR: #9a8aa5;
	FONT-FAMILY: verdana, sans-serif;
	text-decoration: none;
	FONT-SIZE: 10px;
	font-weight: bold;
}
A.navbardark:hover
{
    COLOR: #D60068;
	FONT-FAMILY: verdana, sans-serif;
	text-decoration: none;
	FONT-SIZE: 10px;
}
A.right:link
{
	COLOR: #000066;
	FONT-FAMILY: verdana, sans-serif;
	text-decoration: none;
	FONT-SIZE: 10px;
	font-weight: lighter;
	line-height: 14px;
}
A.right:visited
{
    COLOR: #000066;
	FONT-FAMILY: verdana, sans-serif;
	text-decoration: none;
	FONT-SIZE: 10px;
	font-weight: lighter;
	line-height: 14px;
}
A.right:hover
{
    COLOR: #D60068;
	FONT-FAMILY: verdana, sans-serif;
	text-decoration: none;
	FONT-SIZE: 10px;
	font-weight: lighter;
	line-height: 14px;
}
A.small:link
{
	COLOR: green;
	FONT-FAMILY: arial, sans-serif;
	text-decoration: none;
	FONT-SIZE: 10px;
	font-weight: normal;
}
A.small:visited
{
    COLOR: green;
	FONT-FAMILY: arial, sans-serif;
	text-decoration: none;
	FONT-SIZE: 10px;
	font-weight: normal;
}
A.small:hover
{
    COLOR: #D60068;
	FONT-FAMILY: arial, sans-serif;
	text-decoration: none;
	FONT-SIZE: 10px;
	font-weight: normal;
}
A.smallbold:link
{
	COLOR: #000066;
	FONT-FAMILY: verdana, sans-serif;
	text-decoration: none;
	FONT-SIZE: 10px;
	font-weight: bold;
}
A.smallbold:visited
{
    COLOR: #000066;
	FONT-FAMILY: verdana, sans-serif;
	text-decoration: none;
	FONT-SIZE: 10px;
	font-weight: bold;
}
A.smallbold:hover
{
    COLOR: #009966;
	FONT-FAMILY: verdana, sans-serif;
	text-decoration: none;
	FONT-SIZE: 10px;
	font-weight: bold;
}

/* Mark */

/* section edit */
/* paragraphs with gray lines at bottom */
.para  {
padding: 1em .5em;
border-bottom: 1px solid gray;
}
.paracenter  {
text-align: center;
padding: 1em;
border-bottom: 1px solid gray;
}

/* table to edit or delete stories etc. */
.edtable  {
border: 1px solid #ea2e78;
border-collapse: collapse;
width: 100%;
}
.edtable td  {
border: 1px solid #ea2e78;
padding: 2px;
text-align: left;
}
.edcell2  {
border: 1px solid #ea2e78;
background-color: #e0ccd6;
padding: 2px;
text-align: center;
width: 15%;
}
.edcell1  {
border: 1px solid #ea2e78;
background-color: #e0ccd6;
padding: 2px;
text-align: left;
}

/* form input */

.form {
margin: 0;
}
.field {
padding: 0 0 .5em 0;
}
.buttons {
text-align: center;
padding: 1em 0;
}
.header {
padding: 0px 0 0px 0;
background-color: #000066;
}

/* show/hide index page images */
.showpic {
display: none;
}