/* GENERAL STYLES */

body { background-color: #336; font: 12pt georgia; margin: 0; padding: 1em;}
p { line-height: 120%; }

#Logo { margin-bottom: 15px; }
h1 { font: 24pt georgia; border-bottom: 1px solid beige; margin: 10px 0 15px 0; }
h2 { font: italic 16pt georgia; color: beige; border-bottom: 1px solid beige; margin: 35px 0 8px 0; }
h3 { margin: 25px 0 2px 0; }
h3.close-subhead { margin-top: -7px; font: bold 10pt georgia; }

a { color: #80D3F7; }
a:visited { color: #62A8F3; }
a:active { color: white; }

tr { vertical-align: top; }

li { margin-bottom: 1em; }
.button .sublinks li { margin-bottom: .6em; }
td { color: beige; }
.accessibility { display : none }

div.indent { margin-left: 2em; }
div.indentSpace { margin-left: 2em; line-height: 150%; }
ul.indentSpace { margin-left: 2em; padding:0; }
ul.indentSpace li { list-style-type: square; color: #66a; margin: .5em 0; }
ul.indentSpace li span { color: beige; }

div#HandbookCover { float: right; width: 230; margin: 0 0 10px 10px; font: 9pt verdana; }
div#HandbookCover a { display: block; }

.purchaseConfirmationTable { border-collapse: collapse; margin: 8px 0; }
.purchaseConfirmationTable td { border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; padding: 5px; margin: 0; }

/* NAV */

#leftcolumn { width: 240px; font: normal 11pt verdana; }
#leftcolumn a { display: block }
#leftcolumn a:hover { text-decoration: underline; }
#centercolumn {  margin-left: 250px; }

#_getting-started #getting-started,
#_local-homeschoolers #local-homeschoolers,
#_handbook #handbook,
#_conference #conference,
#_faq #faq,
#_resources #resources,
#_understanding-homeschooling #understanding-homeschooling,
#_issues #issues,
#_leaders #leaders,
#_about #about,
#_join #join,
#_contact #contact,
#_home #home
{ background-color: #448; color: white; text-decoration: none; font-weight: normal; margin: 0em; padding: 0.5em; }

#n_getting-started #getting-started,
#n_local-homeschoolers #local-homeschoolers,
#n_handbook #handbook,
#n_conference #conference,
#n_faq #faq,
#n_resources #resources,
#n_understanding-homeschooling #understanding-homeschooling,
#n_issues #issues,
#n_leaders #leaders,
#n_about #about,
#n_join #join,
#n_donate #donate,
#n_fundraising #fundraising,
#n_contact #contact,
#n_home #home
{ background-color: #448; color: white; text-decoration: none; font-weight: normal; margin: 0em; padding: 0.5em; }


/* COLUMNS */

#leftcolumn {
  float: left;
}

#centercolumn {
  background-color: #448;
  color: beige;
  padding: 0.5em 2em 0.5em 2em;
}

#centercolumn div.text {
  border-top: 1px solid beige;
  border-bottom: 1px solid beige;
  padding: 1em;
}


.copyright {
  font-size: small;
  text-align: center;
  margin-top: 20px;
  border-top: 1px solid #336;
  padding-top: 18px;
}



/* THE PANEL */

.panel {
  padding: 0em;
  border: 2px solid #448;
}

.button {
  color: white;
  text-decoration: none;
  margin: 0em;
  padding: 0.5em;
}

.button:hover {
  background-color: #66c;
}

.button a {
  color: white;
  text-decoration: none;
}
.current-button a {
  color: white;
  text-decoration: none;
}

.current-button {
  background-color: #448;
  color: white;
  text-decoration: none;
  font-weight: bold;
  margin: 0em;
  padding: 0.5em;

}

.address {
  color: white;
  font-size: 8pt;
  margin-left: 8px;
}

.region {
  margin-top: 1em;
  border-top: 1px dotted gray;
}

.region h3 {
  margin-top: 0;
  margin-bottom: 0;
}

.region-counties {
  margin-left: 1em;
  font-style: italic;
}

.region address {
  margin-left: 1em;
  margin-top: 0.5em;
  font-style: normal;
}

h3.tagline {
  font-style: italic;
  margin-top: 0;
}

.newest {
    border: 1px dotted gray;
    background-color: #559;
    padding: 0.5em;
    margin: 0.5em -0.5em;
}
.newest .flag {
    color: #ddd;
    font-size: 9pt;
    text-transform: uppercase;
    text-align: center;
}


.table-list {
    border-top: 1px solid #aac;
}

.table-list td {
    color: #eee;
    border-bottom: 1px solid #aac;
}


/* Slideshow styles */
#wpa-slideshow { margin: 9pt 0; }
.jss-slideshow { border: 1px solid #ccc; }
.jss-slideshow img {border: 1px solid #888; }
.jss-slideshow-pic { text-align: center; padding: 8pt; }
.jss-slideshow-control { font: 9pt verdana; padding: 3px 0 3px 12px; }
.jss-slideshow-control a { text-decoration: none;
    padding: 3px; background: beige; color: #239; border: 1px solid #ccc;
    border-top: none; margin: 3px 1px; }
.jss-slideshow-control a:active { color: #239; }

.jss-slideshow-control span {margin: 0 5px; }