/* Copyright (C) 2005-2007 Ken Boettger, all rights reserved. */

.sample
{
font-weight: 700;
font-size: 14pt;
font-style: oblique;
}



.tblButton1, .tblButton2
{
height:80px;
width:80px;
text-align:center;
}

TD.tblButton1, TD.tblButton2 {
  color: #ffffff;
  font=style: oblique;
  font-weight:700;
  background: #006600;
  }
TD.tblButton1:Hover, TD.tblButton2:Hover {
  color:#006600;
  background: #99ff66;
  }
TD.tblButton1:Visited, TD.tblButton2:Visited {
  color: #ffffff;
  font=style: oblique;
  font-weight:700;
  background: #006600;
  }
TD.tblButton1:Active, TD.tblButton2:Active {
  color: #ffffff;
  font=style: oblique;
  font-weight:700;
  background: #006600;
 }




A.biglink {color:#006600;}
A.biglink:Visited {color:#006600;}
A.biglink:Active {color:#009900;}
A.biglink:Hover {color:#009900;}

.biglink {
text-decoration: none;
font-size: 18pt;
}




A.textlink {color:#004400; font-weight:700;}
A.textlink:Visited {color:#004400;}
A.textlink:Active {color:#999900;}
A.textlink:Hover {color:#999900;}

.textlink {
text-decoration: none;
}

A.ltlink {color:#006600;}
A.ltlink:Visited {color:#006600;}
A.ltlink:Active {color:#009900;}
A.ltlink:Hover {color:#009900;}

.ltlink {
text-decoration: none;
font-style: italic;
}

.art
{
background: url(images/bg2.jpg) no-repeat;
}

.art2
{
background: url(images/rows.jpg) no-repeat;
}


.artblock
{
height: 300px;
width:  250px;
}

.introQuote
{
color: black;
font-weight: 700;
font-style: italic;
}


.articlehead
{
color: #006600;
font-weight: 700;
font-size: 16pt;
}

.articlecredit
{
color: #000000;
font-weight: 700;
font-size: 9pt;
}

.articleSubhead
{
font-weight: 500;
font-size: 12pt;
font-style: oblique;
}

.artheading
{
font-weight: 700;
font-size: 12pt;
}

.biblio
{
font-weight: 500;
font-size: 9pt;
font-style: oblique;
}

.TabText{
   font-family: MS Sans Serif, Ariel, Helvetica, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   color: white;
   text-align:center;
   text-decoration: none;}


Body {
font-family: MS Sans Serif, Ariel, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}

#mainpage {
background: #eeeedd;
color: #333300
}

#fullpage {
background:#333300;
}

#bannertop {
background: #666600;
}

#bannerbottom {
background: #333300;
}

#mainbody {
background: #ffffff;
font-size: 10pt;
}

.toppanel {
color: #eeffff;
font-weight: 700;
font-size: 8pt;
background: #aaaa66;
}

.heading {
color: #666600;
font-size: 18pt;
}

.darkbar {
color: #cccc66;
font-size: 8pt;
height: 20px;
background: #333300;
}

.bottompanel {
background: #eeffdd;
color: #666666;
font-style: italic;
font-weight: 600;
font-size: 8pt;
line-height:1.5;
}


#navcontainer ul
{
display: block;
list-style: none outside;
padding: 0;
margin: 0 0 0 10px;
font-family: Verdana, sans-serif;
font-size: 10pt;
}

#navcontainer li
{
padding: 0;
margin: 0 4px 0 0;
border-top: 1px solid #cecbc6;
border-right: 1px solid #cecbc6;
border-left: 1px solid #cecbc6;
background-color: #006600;
color: #ffffff;
font-weight: bold;
/* the next 4 lines are magic */
display: block;
float: left;
position: relative;
/*top: -1.32em;*/
}

#navcontainer a:link,
#navcontainer a:visited
{
background-color: #006600;
color: #ffffff;
text-decoration: none;
padding-left: 1em;
padding-right: 1em;
}

#navcontainer a:hover
{
/* KJB - change this for the hover color background */
background-color: #99ff66;
color: #006600;
}

#navcontainerclear { display: none; }

html>body #navcontainerclear
{
display: block;
clear: both;
}

#navcontainer li#active a
{
background-color: #fff;
color: #006600;
}




.rollover a {
display:block;
width: 100px;
height: 100px;
padding:0px 0px 0px 0px;
font: bold 13px sans-serif;;
color:#333;
background: url("images/CoverButton01.jpg") 0 0 no-repeat;
text-decoration: none;
}
.rollover a:hover { 
background-position: 0 -100px;
color: #049;
}

.rollover2 a {
display:block;
width: 100px;
height: 100px;
padding:0px 0px 0px 0px;
font: bold 13px sans-serif;;
color:#333;
background: url("images/CoverButton02.jpg") 0 0 no-repeat;
text-decoration: none;
}
.rollover2 a:hover { 
background-position: 0 -100px;
color: #049;
}

.rollover3 a {
display:block;
width: 100px;
height: 100px;
padding:0px 0px 0px 0px;
font: bold 13px sans-serif;;
color:#333;
background: url("images/CoverButton03.jpg") 0 0 no-repeat;
text-decoration: none;
}
.rollover3 a:hover { 
background-position: 0 -100px;
color: #049;
}

.rollover4 a {
display:block;
width: 100px;
height: 100px;
padding:0px 0px 0px 0px;
font: bold 13px sans-serif;;
color:#333;
background: url("images/CoverButton04.jpg") 0 0 no-repeat;
text-decoration: none;
}
.rollover4 a:hover { 
background-position: 0 -100px;
color: #049;
}
/* IE would return to page with no rollover, so remove the 'active' part
/* .rollover a:active { */
/* background-position: 0 -100px; */
/* color:#fff;   } */