/* Web Design by Mari Michaelis www.spitenet.com */
@charset "utf-8";

html {
    /*This fixes page shift effect caused by appearing and disappearing browser vertical scrollbar */
	overflow-y: scroll;
}
html, body {
  height: 100%; 	/* for footer to sit at bottom of page */
}
body {   
    font-family: Arial, Verdana, Helvetica, Geneva, SunSans-Regular, sans-serif; 
    font-size: 13px;
	border: 0px;
    color: black;
    margin-left: auto;
    margin-right: auto;
    background-color: white }

hr {height:4px;}
hr.order {height:3px; color:#0099CC; background-color:#0099CC;}

img {border:0;}
img.onL {padding-right:5px;}
img.onR {float:right; padding-left:3px;}
img.noBottom {margin-bottom:-16px;}

.inMiddle {vertical-align:middle; padding-right:2px; margin-top:-10px; margin-bottom:-10px;}
.addPad { padding:5px;}

p.link {
 	font-size: 1.1em;
 	margin-bottom: -1.0em	
	}

p.comic {
	font-size: 13px;
	font-family: Comic Sans MS,Arial, Verdana
	}

li.comic {
	font-family: Comic Sans MS,Arial, Verdana
}
	
p.addr {
 	font-weight: bold;
 	text-align: center;
 	font-size: 1.0em;
 	margin-top: -1.0em;
 	margin-bottom: 2.5em
	}
	
p.caption {
	text-align: right;
	font-size: .8em;
	margin-top: -3em;
	margin-bottom: 3em
	}	
	
caption {					/*Use within TABLE tags*/
    caption-side: bottom;
}

p.sm {
	font-size: 9px;
	text-alight:left;
	}
p.fineprint {
	text-align: right;
	font-size: .7em;
	margin-top: 0em;
	margin-bottom: 0em
	}	

p.bg{font-size:16px;
   font-weight:bold;}
p.md{font-size:15px;}
.lg {font-size:18px;}
.xlg {font-size:23px; font-weight:normal;}

.comic {
	font-size: 16px;
	font-family: Comic Sans MS,Arial, Verdana
	}
.dk {font-weight:bold;}
.red {color:#C00;
	font-weight:bold;}
.green {color:#360;}
.norm {font-size:12px;font-family:Arial, Helvetica, sans-serif;font-weight:normal;}
.strikeout {text-decoration: line-through;}
.tight-bottom {margin-bottom:0;}
.tight-top {margin-top:0;}
.marginT-up {margin-top:-10px;}
.marginB-up {margin-bottom:-10px;}
.tight {margin-top:0; margin-bottom:0;}
.right {text-align:right;}
.left {text-align:left;}
.noSpace {margin:0;padding:0;}
.leftish {float:left;}
.rightish {float:right;}
.tCenter {text-align:center;}
.notBold {font-weight:normal;}
.fancy {font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-style:italic; font-size:17px; font-weight:bold;}
    
h1 {
    font-family: Georgia, "Times New Roman", Times, serif;   
    color: navy; } 
h2, h3 {
    font-family: Georgia, "Times New Roman", Times, serif;   
    }    
        
H3.initial:first-letter { font-size: 150%}  
p.initial:first-letter { font-size: 200%}  
 
a:link {
    color: #33C }
a:visited {
    color: #33C  }
a:hover {text-decoration: underline overline; color: #C60}

address {
    margin-top: 1em;
    padding-top: 0.5em;
    padding-left: 0.5em;
    border-top: thin dotted;
  	background: white }

table.nav {
	font: Arial;
	font-size: 14pt;
	color: white;
	border-style: ridge;
	border-width: 5px;
	border-color: gray;
	background-color: #000000
}

a.nav:link {color: white }
a.nav:visited {color: white }
a.nav:hover {text-decoration: underline overline; font-weight:bold; color: white;}

table.nav td {
	text-align: right;
	border-width: 3px;
	padding:5px;
	border-style: groove;
	border-color: gray;
	background: url(images/tblbackSm.jpg) no-repeat #000000;
	background-color: black
}

table.index {
	font-size: 12px;
	width: 100%;
	border-style: ridge;
	border-width: 5px;
	border-color: gray;
}
table.index td{
	padding:10px;
}

#list {		
	border-collapse: collapse;
	width:300px;
	background-color:#FFFFFF;
	text-align: center;
}  	
#list tr:nth-child(even){background-color: #f2f2f2;}		/*Make even numbered rows in table gray*/
#list td, #list th {
    border: 2px solid #000;
    padding: 8px;
}
#list th {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #4CAF50;
    color: white;
}

#mnu3 {					/*Top nav table on email and online.htm pgs*/
	width:800px;
	border-style: ridge;
	border-color: #CCC;
	border-width: 5px;
	text-align:center;
}
#mnu3 tr {}
#mnu3 th {
    background-color: #CCCCCC;
	padding:4px 0 4px 0;
}
#mnu3 td {
	width:33%;
	vertical-align:middle;
}
#mnu3 td, #mnu3 th {
    border: 1px solid #000;
}
.cards {padding:0 3px 3px 3px;
}

div.box { 
    padding-left: 0.4em;
	background: tan;
  	border: dashed;
  	border-left: solid;
  	border-right: none;
  	border-width: medium;
  	border-color: red;
  	border-width: thin;
  	width: 95% }  	

div.index {
    font-size: .8em;
    color: black
}

div.center {
	width:1000px;
	margin:0 auto;
}
div.left {
float:left;
width:160px;
margin-top:-20;
padding:1em;
}
div.content {
margin-top:-90;
margin-left:212px;
/*border-left:1px solid gray;*/
padding:1em;
}

#container {
  width: 100%;
  float: left;
  margin-right: -135px;
}
#containerNoAds {
  width: 100%;
  float: left;
}

a.TOP:link, a.TOP:visited  {							/*TOP for small css button to return to the top of the page, link only version */
	background-color: #FF9;
	color: black; 
	padding: 3px 6px;
	font-size:13px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border: double #333;
	float:right;
}
a.TOP:hover, a.TOP:active  {text-decoration: underline overline; font-weight:bold; color: red;}

.topReturn {										/*topReturn for small css DIV button to return to the top of the page*/
	float:right;
	width:30px;
	border: #600 medium double;
	background-color:#FF9;
	font-weight:bold;
	padding:3px;
}
.pgOpened {										/*page was opened in a separate window*/
	float:right;
	width:auto;
	border: #600 medium double;
	color:white;
	background-color:#CC0000;
	font-weight:bold;
	padding:3px;
}
.pgOpened p {margin:0;}

.closeItTxt::before {
    content: "- Click to close this pop-up window -";
}
a.plain:link, a.plain:visited  {
	color: #FFF;
	text-decoration: none;
}

div.leftMain
{
/*Width: 100%;*/
margin-right: 135px;
float:left;
}

div.frame {
  -webkit-box-shadow:
     0px 0px 0px 2px rgba(0,0,0,0.6),
                0px 0px 0px 14px #fff,
                0px 0px 0px 18px rgba(0,0,0,0.2),
                2px 2px 4px 17px #555;
  
     -moz-box-shadow:
     0px 0px 0px 2px rgba(0,0,0,0.6),
                0px 0px 0px 14px #fff,
                0px 0px 0px 18px rgba(0,0,0,0.2),
				2px 2px 4px 17px #555;
                /*6px 6px 8px 17px #555;*/
  
          box-shadow:
     0px 0px 0px 2px rgba(0,0,0,0.6),
                0px 0px 0px 14px #fff,
                0px 0px 0px 18px rgba(0,0,0,0.2),
                2px 2px 4px 17px #555;
	}
div.rightAd
{
	float:right;
	background: #F7F7F7;
	min-height: 250px; 
	width: 120px; 
	padding: 10px 0px 0px 5px;
	margin-right: -135px;
	margin-top: 0px;
}

.leftHalfTab {width:425px; float:left; padding:10px; border:#000 double;}

.main	      {width:980px !important; width:982px;}
.columns      {width:295px; float:left; padding:10px; position:relative; z-index:100; overflow:auto;}
.float        {float:left; display:inline;}
.topBottomBdr {border:#000 solid; border-width:1px 0px 1px 0px;}
.leftRightBdr {border:#000 solid; border-width:0px 1px 0px 1px;}
.contentCol   {margin:15px 15px 0px 15px;}
.spanCols	  {border:#000 thin solid; margin:0px -1px; padding:0px 10px;}

#wrap   {margin-left:auto; margin-right:auto; text-align:left;}
#bgBorder {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border:2px solid #666;}
#float  {background-color:#FFF;}
.center3 {margin-left:330px; margin-right:330px; width:318px; background-color:#FFF;}
.left3  {margin-left:-330px; margin-bottom:-12px; margin-top:-6px;}
.right3  {margin-right:-330px; margin-bottom:-12px; margin-top:-6px; float:right;}


.clear { clear: both }
.clearR {clear:right }
.clearL {clear:left }

#navmenu {
	padding:0px;
	margin:0px;
	width:980px;	
/*	width:996px;  only IE*/	
	border-width:medium;
	border-style:groove;
	border-color: #999;
	}

#navmenu ul{
	background-color:#000;
	height:120px;
	width:980px;
/*	width:996px;  only IE*/
	margin:0px;
	margin-left:0px;
	padding-left:0px;
}

#navmenu  li {
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
	padding-right:5px;
	padding-top:30px;
	margin:0px;
	margin-top:4px;
	margin-bottom:-40px;
	height:76px;
	border-width:medium;
	border-style:groove;
	border-color: #999;
	list-style:none; 
	list-style-type:none; 
	display:block;
	float:left;
	background:url(images/tblbackSm.jpg) no-repeat;
	text-align:right;
	font-size:18px;
	vertical-align:middle;
	color:#FFF;
}
#navmenu li {
	padding-left:13px;}