/* NearDark overrides to TNG genstyle.css 
 *
 * Colors:
 *
 * #211a16 - Brown-black: background flat
 * #504034 - Brown: Page content titles
 * #ffffff - White: site name (1)
 * #e9cfa2 - [text_tan] Rich beige: nav link fill, site name (2)
 * #ebdec5 - [text_beige] Pale beige: nav links
 * #f9f5f0 - Background beige
 * #b99852 - 
 * #ffc040 - [text_bright] Schoolbus: nav headers, icon hover
 * #bbbbbb - [text_grey] Grey: site title
 */

/* body: describes page background color and all non-table text not governed by any other style */
.templatebody {
  background: #211a16 url(../img/border.gif) repeat-y;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
  font-size: 13px;
  font-family: tahoma, arial, helvetica, sans-serif;
}

.header {
  color: #504034;
  font-size: 22px;
  font-weight: bold;
  line-height: 22px;
  margin-top: 0;
  padding: 0;
}

a.headerlink:link {
  color: #CCCCCC;
  font-family: geneva, arial, helvetica, sans-serif;
  font-size: 10px;
}

/* font overrides */
.normal, .smfieldname, .whiteheader, .subhead, .pboxname, .pboxdates, .pboxpopup, .whitesubhead, .smaller, #loadingdiv, #sscontrols, .smallest, .subheadbold, .largeheader {
  font-family: tahoma, arial, helvetica, sans-serif;
}

/* link definitions */
/* link: normal links, active: links in use */
a:link, .plainheader, div.icons a {
  color: #504034;
}

a:visited {
  color: #504034;
}

a:hover {
  color: #211a16;
}

a.lightlink:link, a.lightlink:visited {
  font-family: tahoma, arial, helvetica, sans-serif;
}

a.lightlink:hover, a.lightlink:active {
  font-family: tahoma, arial, helvetica, sans-serif;
  color: #F2E6CC;
}

a.lightlink2:link, a.lightlink2:visited {
  font-family: tahoma, arial, helvetica, sans-serif;
}

/* fieldname: regular text within column or row title sections */
.fieldname {
  font-family: tahoma, arial, helvetica, sans-serif;
  color: #F2E6CC;
  padding-left: 5px;
}

/* fieldnameback: background color for column and row title sections */
.fieldnameback {
  background-color: #504034;
  border-radius: 4px 4px 4px 4px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #211a16;
  border-bottom-color: #211a16;
}

/* databack: background color for data areas */
.databack {
  background-color: #F9F5F0;
  border-radius: 4px 4px 4px 4px;
  padding-left: 3px;
}

/* sideback: background color for side and top frames */
.sideback {
  background-image: url(../img/admin_bg.gif);
}

/* fieldnameback: background color for column and row title sections */
/* sideback: background color for side and top frames */
.LB_closeAjaxWindow, .bar, .sideback {
  background-color : #211a16;
}

/* background color for admin menu items while active*/
a.admincell:hover, a.leftlink:hover {
  background-color: #C3B165;
}

#navcontainer {
  width: 100px;
}
#navcontainer ul {
  font-family: tahoma, arial, helvetica, sans-serif;
  margin-left: 3px;
  padding-left: 0px;
  list-style-type: none;
  font-size: 10px;
}
#navcontainer a {
  background-color: #FFFFFF;
  display: block;
  width: 100px;
  padding: 3px;
}
.navtext {
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 10px;
  color: #3E331D;
  padding-left: 7px;
}

#navcontainer a:link {
  color: #3E331D;
  text-decoration: none;
}
#navlist a:visited {
  color: #3E331D;
  text-decoration: none;
}
#navcontainer a:hover {
  background-color: #F2E6CC;
}

#home_content {
  -moz-border-radius: 10px 0px 0px 10px;
  -webkit-border-radius: 10px 0px 0px 10px;
  border-radius: 10px 0px 0px 10px;
  padding: 0px 0px 0px 17px;
  vertical-align: top;  
  background: #ffffff url(../img/bg.gif);
}

.home_subheader {
  font-size: 135%;
  color: #504034;
  border-bottom: 1px solid;
}

.tos_section {
  width: 50%;
  padding: 11px 18px 17px 0px;
  vertical-align: top;
  background: #ffffff url(../img/bg.gif);
}

.home_section {
  width: 33%;
  padding: 11px 17px 17px 0px;
  vertical-align: top;
}

.home_col1 { }

.home_col2 { }

.home_col3 { }

/* Styles that limit the height of content columns on the home page */
.home_box_short {
  height: 492px;
  overflow: auto;
}

.home_box_tall {
  height: 597px;
  overflow: auto;
}

/* Uncomment these if you want a home page that doesn't have a height limit
.home_box_short {}

.home_box_tall {}
*/

/* Headers in the home content section */
.home_header {
  font-size: 175%;
  border-bottom: 1px solid;
}

#topsearchform {
  padding: 8px 10px 0 0;
}

/* This is legacy formatting from Template 8, not recommended for NearDark
.latest_news {
  width: 95%;
  padding-left: 8px;
  border: 1px solid #211a16;
  padding-top: 10px;
  background-color: #fff;
  vertical-align: top;
}
*/

.home_table {
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
}

.indexphoto {
    border: 0;
}

.indexphototable {
    float: left;
    padding-right: 4px;
}

#home_nav {
  background-color: #211a16;
  padding: 15px 13px 0 15px;
  vertical-align: top;
  width: 100px;
  white-space: nowrap;
}

.nav_box {
  margin-bottom: 13px;
}

.nav_header {
  font-size: 135%;
  color: #ffc040;
  border-bottom: 1px solid;
}

.homenav, .homenav ul {
  padding: 0 0 9px 0;
  margin: 0 0 9px 0;
  list-style: none;
  border-bottom: 1px dotted #e9cfa2;
}

.lastnav, .lastnav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.homenav li, .lastnav li {
  padding: 3px 2px 3px 2px;
  border-radius: 3px 4px 4px 3px;
  -moz-border-radius: 3px 4px 4px 3px;
  -webkit-border-radius: 3px 4px 4px 3px;
}

.homenav a:link, .lastnav a:link, .homenav a:visited, .lastnav a:visited {
  text-decoration: none;
  color:#ebdec5;
}

.homenav li:hover, .lastnav li:hover {
  background-color: #e9cfa2;
  color: #211a16;
}

.homenav li:hover a:link, .lastnav li:hover a:link {
  color: #211a16;
}

.homenav li:hover a:visited, .lastnav li:hover a:visited {
  color: #211a16;
}

.homenav li:hover a:hover, .lastnav li:hover a:hover {
  color: #211a16;
}

.page {
  background-color : #211a16;
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}

/* header-title is defined to replace the hard-coded style in topmenu.php */
.headerrow {
  background-color: #211a16;
  font-family: Century Gothic, Calibri, Arial, Helvetica, sans-serif;
  padding-left: 15px;
  vertical-align: top;
  height: 72px;
  width: 100%;
}

.menurow {
  width: 100%;
}

.menucol {
  text-align: left;
  vertical-align: top;
  padding-left: 15px;
}

/* left and right borders */
.mainborder {
  width: 8px;
  background: url(../img/border.gif) repeat-y;
}

/* text in the header */
.text_white {
  color: #ffffff;
}

.text_tan {
  color: #e9cfa2;
}

.text_grey {
  color: #bbbbbb;
}

.text_brown {
  color: #b99852;
}

.text_beige {
  color: #ebdec5;
}

.text_bright {
  color: #ffc040;
}

.headertable {
  border-collapse: collapse;
  width: 100%;
}

.headertextrow {
  vertical-align: top;
}

.headertext {
  font-size: 35px;
}

.mainbg {
  background: url("../img/bg.gif") repeat scroll 0 0 #FFFFFF;
  margin: 0;
  padding: 10px 15px 4px 15px;
}

.homebg {
  background-color: #fff;
  padding: 0;
  margin: 0;
}

.searchtext {
  font-size: 11px;
  color: #b99852;
  text-align: right;
  vertical-align: top;
  padding-right: 5px;
}

.subsearch {
  background-color: #211a16;
  color: #e9cfa2;
}

.slidedown {
  background-color: #f9f5f0;
}

.logintext {
  font-size: 12px;
  color: #b99852;
  vertical-align: top;
  text-align: right;
}

a.logintext:link, a.logintext:visited {
  color: #b99852;
}

a.logintext:hover {
  color: #e9cfa2;
}

/* footer added to replace <font size="1" color="#cccc99"> in footer */
.footer {
  color: #ebdec5;
  text-align: center;
}

.footer a:link, .footer a:visited {
  color: #ebdec5;
}

.footer a:hover {
  color: #ffc040;
}

/* additional classes added for strict validation  */

.snlink {
  background-color:#fff;
  border-left:1px solid #fff;
  border-top:1px solid #fff;
  border-bottom:1px solid #211a16;
  border-right:1px solid #211a16;
}

a.snlink {
  color: #211a16;
  background-color:#fff;
  border-left:1px solid #e9cfa2;
  border-top:1px solid #e9cfa2;
  border-bottom:1px solid #211a16;
  border-right:1px solid #211a16;
}

a.snlink:hover, .snlinkact, .adminnav .snlinkact {
  background-color:#504034;
  color: #fff;
  border-left:1px solid #e9cfa2;
  border-top:1px solid #e9cfa2;
  border-bottom:1px solid #211a16;
  border-right:1px solid #211a16;
}

.LB_window {
  background: #f9f5f0;
  border: 2px solid #000000;
  color:#000000;
}

div.menucontainer {
    margin-top: 10px;
    margin-bottom: 3px;
}

div.innercontainer {
    border-bottom: 1px solid #211a16;
}

ul.tngdd {
    background-color:#211a16;
}

ul.tngdd a {
  color:#ebdec5;
  font-size: 13px;
}

ul.tngdd ul li a {
  background-color:#f9f5f0;
  color: #211a16;
  border-top:1px solid #504034;
}

ul.tngdd ul li a:hover {
  background-color:#504034;
  color:#ebdec5;
}

ul.tngdd .menulink {
  background: #211a16 url(../img/ArrowDown.gif) 2px 8px no-repeat;
}

ul.tngdd .menulink, ul.tngdd .langmenu {
  border:1px solid #211a16;
  font-weight: normal;
}

ul.tngdd .langmenu {
  padding-right: 11px;
}

ul.tngdd .menulink:hover, ul.tngdd .menuhover {
  border:1px solid #211a16;
  color: #ffc040;
  background: #211a16 url(../img/arrowdown2.gif) 2px 8px no-repeat;
}

/* databack: background color for data areas */
div.innercontainer, ul.tngdd .langmenu, ul.tngdd .stubmenu {
    background-color: #211a16;
}

ul.tngdd .sub {
  background:#d1d1d1 url(../img/arrow.gif) 146px 7px no-repeat
}

ul.tngdd .topline {
  border-top:1px solid #777
}

div.icons {
  float: left;
  margin: 0;
  padding: 0.3em 0 0.2em 0;
}

div.icons-rt {
  float: left;
  padding-bottom: 3px;
}

div.icons a, div.icons-rt a {
  font-size: 13px;
  font-weight: normal;
  color: #ebdec5;
} 

div.icons a:hover, div.icons-rt a:hover {
  color: #ffc040;
}

.whiteback {
  border-spacing: 3px;
  background: none;
  border: none;
}

table.whiteback td, table.whiteback th {
  padding: 3px;
}

.surnames-cloud a.size1 { font-size: 165%; }
.surnames-cloud a.size2 { font-size: 150%; }
.surnames-cloud a.size3 { font-size: 135%; }
.surnames-cloud a.size4 { font-size: 135%; }
.surnames-cloud a.size5 { font-size: 115%; }
.surnames-cloud a.size6 { font-size: 115%; }
.surnames-cloud a.size7 { font-size: 100%; }
.surnames-cloud a.size8 { font-size: 100%; }
.surnames-cloud a.size9 { font-size: 90%; }
.surnames-cloud a.size0 { font-size: 90%; }