body
{
	background: #fff;
/*	background:#f8f8f8; */
	font-size: 62.5%;	/* = 10px, but resizable in IE */ 
	text-align: center;
}

.spam
{
	font-size: 0.6em;
	line-height 0.6em;
	text-align: center;
	font-style: italic;
}

.verse
{
	padding-top: 20px;
    padding-bottom: 20px;
/*	margin-top: 5px;
	margin-bottom: 5px;
	*/
}

.logo
{
}


A:link
{
    COLOR: blue;
    font-weight: bold;
    text-decoration: none;
}
A:hover
{
    COLOR: #FF3300;
    background:transparent;
    font-weight: bold;
    text-decoration: underline;
}

A:active
{
    COLOR: red;
    background: transparent;
    font-weight: bold;
    text-decoration: none;
    outline:none;
}
A:visited
{
	font-weight: bold;
    text-decoration: none;
    outline:none;
}


/* Headings */
h1  
{
    padding-top: 30px;
/*    FONT: 1.8em Georgia, Times New Roman, Times   serif; */
    FONT: 1.0em Georgia, Times New Roman, Times   serif;
    LETTER-SPACING: 1px;    
    background: transparent;    
    color:#000;
   /* TEXT-ALIGN: center; */
}

H2  
{
    padding-top: 25px;
/*    FONT: 1.6em Georgia, Times New Roman, Times   serif; */
    FONT: 0.8em Georgia, Times New Roman, Times   serif;
    LETTER-SPACING: 1px;    
    color:#000;
}

H3  
{
    padding-top: 20px;
/*    FONT: 1.4em Georgia, Times New Roman, Times   serif; */
    FONT: 0.6em Georgia, Times New Roman, Times   serif;
    LETTER-SPACING: 1px;    
    color:#000;
}

H4  {
    padding-top: 15px;
/*    FONT: 1.2em  Georgia, Times New Roman, Times   serif; */
    FONT: 0.4em  Georgia, Times New Roman, Times   serif;
    LETTER-SPACING: 1px;    
    color:#000;
}

H5  {
    padding-top: 10px;
/*    FONT: 1.1em  Georgia, Times New Roman, Times   serif; */
    FONT: 0.5em  Georgia, Times New Roman, Times   serif;
    LETTER-SPACING: 1px;    
    color:#000;
}

.copyright
{
    text-align: center;
    color:#666;
    font-size: 0.8em;
}

.pictureboxleft  
{ 
    background: white; 
    margin: 5px 12px 5px 0px;	 /* no margin on left side, as it floats left */
    text-align: center;
    color: black;
    padding: 5px 0px 5px 0px; /* Note 0px padding right */
    float: left;
    FONT: 0.9em  Georgia, Times New Roman, Times   serif;
}

.pictureboxright
{ 
    background: white; 
    margin: 5px 0px 5px 12px;	 /* no margin on right side, as it floats right */
    text-align: center;
    color: black;
    padding: 5px 0px 5px 0px; 
    float: right;
    FONT: 0.9em  Georgia, Times New Roman, Times   serif;
}

.pictureboxcenter  
{ 
    background: white; 
    margin: 20px;
    text-align: center;
    color: black;
    padding: 10px;

    FONT: 0.9em  Georgia, Times New Roman, Times   serif;
}
/*
.pictureboxright a>img {color: white;outline:none;}
.pictureboxright a:active>img { color: white;outline:none;}

.pictureboxleft a>img {color: white;outline:none;}
.pictureboxleft a:link { color: white;outline:none; }
.pictureboxleft a:hover>img {color:red; outline: red solid thin;border:1px solid red;}
.pictureboxleft a:active>img { color: white;outline:none;}

.pictureboxright a:visited { color: white}
.pictureboxleft a:visited { color: white}
*/

/*
#800000 - maroon
#B22222 - firebrick
#8B0000	darkred
990000 - redbrown
*/

/*
	for handheld, change menu font-size to 0.5em from 0.9em
*/
.header2 
{
	font-size: 0.3em;
	text-align: center;
}
.topnav               
{
	margin-left: 0px; margin-right: 0px; background: transparent;
	margin-bottom: 5px;
	font-size:0.3em;text-transform: uppercase;text-align: center;
	font-family: system,geneva, Tahoma, "Lucida Grande", 
	"Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif ;
	font-weight:normal;
} 
.topnav A             
{ 
	padding-left: 0.7em;padding-right:0.7em;
	text-transform: uppercase;background:transparent;
	/*color:#666666; */
	color:#B22222;
	border: 1px solid white;
	text-decoration: none;    
	font-family: Tahoma, "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, 
				Helvetica, sans-serif ;
	font-weight:500;
} 

.topnav A:hover       
{
	border: 1px #822222 solid;
/*	border: 1px #666 solid; */
/*	color: #888; */
	color:#822222;
	text-decoration: none;font-weight: 500;
}

a.on:hover 			  
{
	background:transparent;
	/* color:#bbbbbb; */
	color:#f88888;
	border: 1px #f88888 solid;
/*	border:1px #efefef solid; */
}

a.on                  
{
	background: transparent;
/*	color:#bbbbbb; */
	color:#f88888;
	font-weight:500;
	text-decoration:none;
}

a.on:hover 			  
{
	background:transparent;
	/* color:#bbbbbb; */
	color:#f88888;
	border: 1px #f88888 solid;
}

.topnav A:active      {	border: 1px solid white; }

#leftBox,#rightBox
{
	width:317px;
	margin-bottom: 10px;
	/* border: 1px blue solid; debugging */
}
#leftBox
{
	float:left;
	margin-right:5px;
	margin-left: 25px;
}
#rightBox
{
	margin-right: 25px;
	margin-left: 5px;
	float:right;
}	

.linklist {list-style:circle;}

/* special pagebox for two fixed columns for gallery and links pages */
#SpecialPagebox 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 0.7em;
	letter-spacing: 0;
	text-align: left;
	word-spacing: normal;
	text-decoration: none;
	color: #444;
	background-color: #fff;
    margin: -10px 50px -10px 50px;
    padding: 20px 0px 20px 0px;
/*    border: 1px solid #ccc; */
    width:750px;
}

/* whole white page with edges showing for background */
.pagebox 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-size: 1.4em; */	/* from style.css */
/*	line-height: 0.7em; */	/* from style.css */
	font-size: 0.8em;
	line-height: 0.7em;
	letter-spacing: 0;
	text-align: left;
	word-spacing: normal;
	text-decoration: none;
	color: #444;
	background-color: #fff;
    margin: -10px 50px -10px 50px;
    padding: 20px;
/*    border: 1px solid #ccc; */
    width:750px;
    
}

.extcontainer { width: 100%; height:100%; margin: 0 auto; padding-top: 10px; background: #fff;}

/*
	hack to make IE have hover behavior for images 
  this marvelous little piece of code courtesy of Janos Horvath : 
	http://users.hszk.bme.hu/~hj130/css/list_menu/hover/
*/
img.rightpic {float:right;margin-left:5px;border: 2px solid white;}
img.leftpic {float:left;margin-right: 5px;border: 2px solid white;}

img.rightpic:hover {border: 2px solid #FF0066; }
img.leftpic:hover {border: 2px solid #FF0066; }
img.rightpicHover {border: 2px solid #FF0066; }
img.leftpicHover {border: 2px solid #FF0066; }
img.linkpic {border: 2px solid white;}
img.linkpic:hover {border: 2px solid #ff0066;}
img.linkpicHover  {border: 2px solid #ff0066;}
img {
        behavior: url(http://threeplanes.net/hover.htc );      
}

.sclass {margin-top: 1em; margin-bottom:1em;
				/* border:1px solid black; debugging */
				}


.steelTemp
{
	border: 1px solid black;
}

.centerbox
{
	width:740px;
	font-family: Georgia, Times New Roman, Times   serif;
	font-size: 0.7em;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	background:white; 
	padding-top:5px;  
	padding-right:5px; 
	padding-bottom:5px;
	padding-left:5px;   
	border: 1px solid black;
}
.disclaimer
{
    width:40em;
    font-family:Georgia, Times New Roman, Times   serif;
    font-size: 14pt;
    color: black;
    margin:0px auto; /* Right and left margin widths set to "auto" */
    text-align:left; /* Counteract to IE5/Win Hack */
    background:transparent; 
    padding-top:5px;  
    padding-right:5px; 
    padding-bottom:5px;
    padding-left:5px;   
    border: 1px solid firebrick; 
}
div.c8 {clear:both;}
p.c7 {text-align:center;}
div.c6 {text-align:center;}
div.c5 {text-align:left; padding-left:200px; padding-top:55px;font-family: georgia, times new roman, serif;font-size:0.6em;}
div.c4 {height:160px;padding: 1em;}
div.c3 {text-align:left; padding-left:200px; padding-top:45px;font-family: georgia, times new roman, serif;font-size:0.6em;}
div.c2 {text-align:center;font-family: georgia, times new roman, serif;font-size:0.6em;}
h2.c1 {text-align:center;FONT: 0.8em Georgia, Times New Roman, Times   serif;}
h3.c1 {text-align:center}