body { /* set the whole view port base */
background-color: #FAFCFF;
text-align: center; /* to center in IE */
color: #000066;
font-size: 100%;        
background-image: url(art/tanback.jpg);
background-repeat: repeat;
line-height: 136%;
font-family: Constantia, "Palatino Linotype", Palatino, Georgia, Times, serif;
font-size: 100%;
padding: 0;
margin: 0;
}

#page {
text-align: center;
margin: 1em auto;
width: 48em;
}

#maincol {
width: 600px;
}

#subcol {
width: 180px;
}

#header{
text-align:center;
width: 70%;
margin: auto;
margin-bottom: 10px;
margin-top: 20px;
padding: 2em;
background: url(art/rock016.jpg);
border: 8px outset #006400;
border-bottom: 12px outset #006400;
border-right: 12px outset #006400;
color: white;
}

h1 { 
display: inline;
text-align: center;
font-family: Constantia, "Palatino Linotype", Palatino, Georgia, Times, serif;
font-size: 300%;
padding: 0.3em;
line-height: 1em;
color: white;
text-decoration: none;
border: none;
}

h1 a:link, h1 a:visited, h1 a:hover{
text-decoration: none;
color: white;
border: none;
}

h2 {
font-size: 1.5em;
font-family: Verdana, Ariel, san-serif;
font-weight: normal;
color: #00664c;
text-align: center;
line-height: 1em;
margin-top: 1em;
}

h3 {
font-size: 130%;
font-family: Constantia, "Palatino Linotype", Palatino, Georgia, Times, serif;
color: #00664c;
text-align: center;
margin-left: 0.2em;
}

h4 {
font-family: Verdana, Ariel, san-serif;
color: #00664c;
text-align: center;
margin-left: 0.2em;
margin-bottom: 0.1em;
}


h4.subcol {
font-family: Verdana, Ariel, san-serif;
font-weight: bold;
color: #00664c;
text-align:center;
margin-left: 0.2em;
margin-bottom: -0.2em;
}

.large{
font-size: 240%;
margin-top: 0.4em;
margin-bottom: 0.2em;
}


/* two column definitions  */
#maincol{
float:left;
width: 66%;
margin: 0.4em 0 3em 0.2em;
padding: 0.5em;
text-align: left;
border: 3px outset #006400;
background-color: white;
}

#subcol{
font-family:  Times, serif;
float: right;
width: 27%;
padding: 0.2em;
margin-top: 0.5em;
line-height:1.1;
text-align: center;
background-color: #FAFCFF;
border: 3px outset #006400;
background-color: white;
}


.caption {
text-align: center;
margin: auto;
font-size:  100%;
font-family: serif;
font-style: italic;
margin-top: 1.6em;
line-height: 1;
}


/* the footer with links and address */
#footer {
 /* to center box in IE  */
display: block;
clear: both;
width: 58em;
text-align: left;
background-color: #f0f8ff;
color: #000066;
margin: auto;
margin-top: 10px;
margin-bottom: 25px;
padding: 3px;
border: 5px ridge #69c;
}
/* close footer */


/* Text formatting */
p {
text-align: left;
height: auto;
}

.center {
text-align: center;
margin: auto;
}

.right {
float: right;
font-size: small;
font-family: serif;
font-style: italic;
text-align: center;
}

img.brdr {
border: 2px solid black;
}

img.nobrdr {
border: none;
}

.copyright {
padding-top: 15px;
font-size: small;
font-family: serif;
margin: auto;
text-align: center;
}

/* for intro text  */
p.intro {
width: 84%;
margin: auto;  /* align for good browsers */
background-image: url(art/tanback.jpg);
background-repeat: repeat;
background-color: #006400;
color: black;
padding: 1em;  
font-family:  Corbel, Calibri, Arial, Verdana, "Bitstream Vera Sans", sans-serif;
font-style: italic;
font-size: 1.2em;
font-weight: normal;
line-height: 130%;
text-align: center;
border: 4px groove #006400;
}
/* close the introductory text  */


sup {
vertical-align: 40%;
font-family: sans-serif;
font-size: small;
margin-top: 0;
padding-top: 0;
line-height: 0.9em;
}


/* the divider bar */
div.hr {
height: 17px;
background: url(art/longbar.jpg) no-repeat center;
margin: 8px 0 8px 0;
} 
div.hr hr {
  display: none;  }
/* end divider bar */

/* the shorter divider bar */
div.hr2 {
height: 17px;
background: url(art/shortbar.jpg) no-repeat center;
margin: 5px 0 5px 0;
} 
div.hr2 hr {
  display: none;  }
/* end divider bar */


/* various tables */
.lead {
width: 16em;
border-collapse: collapse;;
}

.lead th {
border-collapse: collapse;
font-style: italic;
text-align: center;
background-color: #e0eeee;
line-height: 1;
border-top: 2px solid #838B8B;
}

.lead td {
border-collapse: collapse;
text-align: right;
color: #000000;
background-color:#ffffff; 
padding-right: 3em;
border-top: 2px solid #838B8B;
border-bottom: 2px solid #838B8B;
}


/*  start tips table */
.tips {
    border: 2px solid #006400;
    width: 500px; 
}

.tips th{
border-collapse: collapse;
font-style: italic;
text-align: center;
background-color: #e0eeee;
line-height: 1;
border-bottom: 1px solid #006400;
}

.tips td {
    text-align: right;
    color: #000000;
    background-color:#ffffff; 
padding-right: 2em;
}

td.lefthdr {
    font-style: normal;
    text-align: left;
    background-color: #98FB98; }

td.note{
padding-top: 4px;
font-size: small;
font-family: serif;
margin: auto;
text-align: center;
}
/*  end tips table */


/*  start left-justified-data table */
.specs {
width: 70%;
border-collapse: collapse;
border-top: 2px solid #838B8B;
border-bottom: 2px solid #838B8B;
}

.hdr {
vertical-align: top;
    font-style: italic;
    text-align: left;
background-color: #e0eeee;
border-bottom: 1px solid #838B8B;
width: 35%;
padding-left: 0.5em;
 }

.leftcol {
vertical-align: top;
padding-left: 0.5em;
background-color: #ffffff;
color: #000000;
text-align: left;
border-bottom: 1px solid #e0eeee;
 }
/*  end left-just. table */


/* start 701/2 thickness table*/
.thk700 {
border-collapse:  collapse;
width: 70%;
border:  2px solid #838B8B;
}


.thk700 th{
font-style: italic;
text-align: center;
background-color: #e0eeee;
line-height: 1;
border-bottom: 1px solid #006400;
}


.thk700 td {
background-color: #ffffff;
color: #000000;
text-align: right;
padding-right: 2em;
border-bottom: 1px solid #e0eeee;
border-left: 1px solid #e0eeee;
 }
/* end all tables info */


/* navbar */
dl, dt, dd {
margin: 0;
padding: 0;
margin-top: 15px;
color: black;
line-height:1.2;
}

dd {
margin-bottom: 35px;
line-height:1.2;
}

dt a:link, dt a:visited, dt a:hover{
color: black;
line-height:1.2;
text-decoration: underline;
}
/* end navbar */


table {
margin: 0 auto;
}

.table-caption {
text-align: center;
font-size: large;
font-weight: bold;
}

th {
text-align: center; 
background-color: rgb(231,239,255);
}

td {
text-align: left;
padding: 3px;
}


/* open validation */
.validation {
width: 230px;
color: #191970;
text-align: center;
margin: auto;
margin-top: 3em;
padding-top: 1em;
}


/* open Snowtao */
.snowtao {
color: #191970;
padding: 0;
font-size: 0.8em;
line-height: 1;
text-align: center;
margin: auto;
}
/* close Snowtao. validation */

#maincol a:link,  #subcol a:link{
display: inline;
line-height:1.1;
margin: 0;
padding: 0;
background-color: #ffffff;
color: #0000cd;
text-decoration: underline;
}

#maincol a:visited, #subcol a:visited{
display: inline;
line-height:1.1;
margin: 0;
padding: 0;
text-decoration: underline;
background-color: #ffffff;
color: #00008b;
}

#maincol a:hover,  #subcol  a:hover{
display: inline;
line-height:1.1;
margin: 0;
padding: 0;
text-decoration: none;
}