/*----------------------------------
/ SECTION 0:                        |
/ This section defines the style    |
/ that applies to every page of the |
/ web site                          |
/----------------------------------*/

html {    				/* forces a vertical srollbar in firefox */
  min-height: 100%; margin-bottom: 1px; /* prevents horizontal shifting on short pages */
} 

body {
  background: white;
  font-family: sans-serif;
  color: darkgreen;	
  /* Margin adjustments make table 100% wide */
  margin-top:0;
  margin-left:0;
  margin-right:0;
  margin-bottom:0;
}

.title {
  text-decoration: none;
  color: green;
}

p a:link {
  text-decoration: underline;
  color: black;
}

p a:visited {
  text-decoration: underline;
  color: black;
}

p a:hover {
  text-decoration: none;
  color: green;
}

.smallerText {
  font-size: 90%;
}

.largeText {
  font-size: 150%;
}

.largerText {
  font-size: 175%;
}

.smallCaps {
  font-variant: small-caps;
}

.ulSmallCaps {
  font-variant: small-caps;
  text-decoration: underline;
}

.newsHeading {
  font-variant: small-caps;
  background-color: green;
  color: white;
  border-width: 2px;
  border-style: solid;
  border-color: green;
}

table a:link {
  text-decoration: underline;
  color: black;
}

table a:visited {
  text-decoration: underline;
  color: black;
}

table a:hover {
  text-decoration: none;
  color: green;
}

div a:link {
  text-decoration: underline;
  color: black;
}

div a:visited {
  text-decoration: underline;
  color: black;
}

div a:hover {
  text-decoration: none;
  color: green;
}

/*----------------------------------
/ SECTION 1:                        |
/ This section defines the style    |
/ of the front page of the web site |
/----------------------------------*/

.horline {
  font-size: .25em;
  background: green;
  border-top-style: solid;
  border-bottom-style: solid;
  border-width: 0px;
  border-color: black;
}

/* - - - - - - - - - - - - - - F R O N T  P A G E  H E A D E R - - - - */
table.frontPageHeader {
  /*width: 780px; */
  width: 760px;
  text-align: left;
}

/* - - - - - - - - - - - - - - - - - L A T E S T  I N F O  - - - - - - */
.latestInfoHead {
  font-size: 130%;
}

.latestInfo {
  padding-top: 1em;
  font-family: sans-serif;
  font-size: 80%;
}

.latestInfo a:link {
  text-decoration: underline;
  color: black;
}

.latestInfo a:visited {
  text-decoration: underline;
  color: black;
}

.latestInfo a:hover {
  text-decoration: none;
  color: green;
}

/* - - - - - - - - - - - - - - - - - - - M A I N  M E N U - - - - - - - */
.frontPageMenu img {
  border-style: solid;
  border-width: 0px;
}

.frontPageMenu a:link {
  padding: 1px;
  width: 100%;
  background-color: green;
  color: white;
  font-size: 80%;
  font-family: sans-serif;
  text-decoration: none;
}

.frontPageMenu a:visited {
  padding: 1px;
  width: 100%;
  background-color: green;
  color: white;
  font-size: 80%;
  font-family: sans-serif;
  text-decoration: none;
}

.frontPageMenu a:hover {
  padding: 1px;
  width: 100%;
  background-color: black;
  color: white;
  font-size: 80%;
  font-family: sans-serif;
  text-decoration: none;
}

/* To fix rollover effect in firefox - div:hover has no effect in IE */
.frontPageMenu div {
  padding: 1px;
  background-color: green;
  color: white;
  font-family: sans-serif;
  text-decoration: none;
}

.frontPageMenu div:hover {
  padding: 1px;
  background-color: black;
  color: white;
  font-family: sans-serif;
  text-decoration: none;
}

/*-----------------------------------
/ SECTION 2:                         |
/ This section defines the style     |
/ of all pages except the front page |
/ of the web site                    |
/-----------------------------------*/

/* - - - - - - - - - - - - - - - - - - H E A D E R - - - - - - - - - */
.header {
  font-variant: small-caps;
  letter-spacing: 10px;
  font-size: 110%;
  background: green;
  color: white;
  text-align: center;
  border-top-style: solid;
  border-bottom-style: solid;
  border-width: 0px;
  border-color: black;
  
}



/* - - - - - - - - - - - - - - - - - - S I D E B A R - - - - - - - - */
.sidebar {
  font-size: 80%;
  vertical-align: top;
  border-left-style: solid;
  border-left-width: 0px;
  border-right-style: solid;
  border-right-width: 1px;
  border-color: green;

}

.sidebar a:link {
  font-weight: bold;
  text-decoration: underline;
  color: black;
}

.sidebar a:visited {
  font-weight: bold;
  text-decoration: underline;
  color: black;
}

.sidebar a:hover {
  font-weight: bold;
  text-decoration: none;
  color: green;
  border: 1px, solid; /* Works only with IE */
}

.sidebar img {
  border-width: 1px;
  border-color: #f3e3a2; /* transparent; */
  width: 76px;
  height: 100px;
}

.sidebar img:hover{  /* Works only with Firefox */
  border-width: 1px;
  border-style: solid;
  border-color: green;
}

/* - - - - - - - - - - - - - - - - - - C O N T E N T - - - - - - - - */
.content_left {
  text-align: left;
  vertical-align: top;
  background: white;
}

.content_center {
  text-align: center;
  vertical-align: top;
  background: white;
}

.middle {
  padding-left: 10%;
  padding-right: 15%
}

/* - - - - - - - - - - - - - - - - - - - F O O T E R - - - - - - - - */
.footer {
  background: green;
  border-top-style: solid;
  border-bottom-style: solid;
  border-width: 0px;
  border-color: black;
}