/* California Monkey Watch - main stylesheet (rev. 2011, updated 2019) */

body {
  margin: 0;
  padding: 18px 0 30px;
  background: #e8e2cf;
  background-image: repeating-linear-gradient(45deg, rgba(255,255,255,.18) 0 2px, transparent 2px 6px);
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 12px;
  line-height: 1.6;
  color: #333;
}

a { color: #1a4f8b; }
a:visited { color: #5b3a8a; }
a:hover { color: #b8471c; }

#container {
  width: 960px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #b9b19a;
  box-shadow: 0 0 12px rgba(0,0,0,.25);
}

/* Header */
#header {
  height: 132px;
  position: relative;
  background: linear-gradient(to bottom, #4d7c34 0%, #2f5a1f 70%, #284d1a 100%);
  border-bottom: 4px solid #c9a646;
}
#header .seal { position: absolute; left: 22px; top: 12px; width: 108px; height: 108px; }
#header .title { position: absolute; left: 146px; top: 26px; }
#header .title a { text-decoration: none; }
#header h1 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 38px;
  font-weight: normal;
  color: #fff;
  letter-spacing: 1px;
  text-shadow: 2px 2px 2px #1b3310;
}
#header .tagline { margin: 2px 0 0 2px; font-family: Georgia, serif; font-style: italic; font-size: 15px; color: #e7dca6; }
#header .hotline {
  position: absolute; right: 18px; top: 18px; text-align: right;
  font-size: 11px; color: #e7dca6; line-height: 1.4;
}
#header .hotline strong { display: block; font-size: 16px; color: #fff; letter-spacing: .5px; }

/* Navigation */
#nav { margin: 0; padding: 0; list-style: none; height: 34px; background: linear-gradient(to bottom, #f4efdc, #ddd3b2); border-bottom: 1px solid #b9b19a; }
#nav li { float: left; }
#nav a {
  display: block; padding: 0 17px; line-height: 34px;
  font-weight: bold; font-size: 12px; color: #3f4a22; text-decoration: none;
  border-right: 1px solid #c8bd98; border-left: 1px solid #fbf8ec;
}
#nav a:hover { background: linear-gradient(to bottom, #fffbe9, #eadfb8); color: #2f5a1f; }
#nav a.current { background: #fff; color: #2f5a1f; }

/* Layout */
#content { overflow: hidden; padding: 20px 22px 26px; }
#main { float: left; width: 620px; }
#sidebar { float: right; width: 270px; }

.breadcrumb { font-size: 11px; color: #777; margin: 0 0 10px; }

h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: normal; font-size: 24px; color: #2f5a1f;
  margin: 0 0 12px; padding-bottom: 6px; border-bottom: 1px dotted #9aa86f;
}
h3 { font-family: Georgia, serif; font-size: 17px; color: #4a3a12; margin: 22px 0 6px; }
p { margin: 0 0 12px; }
ul.bullets { margin: 0 0 14px 18px; padding: 0; }
ul.bullets li { margin-bottom: 5px; }

.intro { font-size: 13px; }
.intro:first-letter { font-family: Georgia, serif; font-size: 38px; float: left; line-height: 1; margin: 2px 6px 0 0; color: #2f5a1f; }

.feature { overflow: hidden; background: #f7f3e3; border: 1px solid #ddd3b2; padding: 12px; margin: 0 0 16px; }
.feature img { float: left; margin: 0 14px 4px 0; border: 1px solid #b9b19a; background: #fff; padding: 3px; }
.feature img.right { float: right; margin: 0 0 4px 14px; }

.stats { width: 100%; border-collapse: collapse; margin: 6px 0 16px; }
.stats td { width: 25%; text-align: center; border: 1px solid #ddd3b2; padding: 10px 6px; background: #fcfaf1; }
.stats strong { display: block; font-family: Georgia, serif; font-size: 24px; color: #2f5a1f; font-weight: normal; }
.stats span { font-size: 10px; text-transform: uppercase; color: #6d6248; }

table.data { width: 100%; border-collapse: collapse; margin: 6px 0 16px; font-size: 11px; }
table.data th { background: #ddd3b2; text-align: left; padding: 5px 7px; border: 1px solid #c8bd98; }
table.data td { padding: 5px 7px; border: 1px solid #e3dbc0; }
table.data tr:nth-child(even) td { background: #faf7ec; }

.notice { background: #fff8d6; border: 1px solid #e3cf7a; padding: 8px 10px; margin: 0 0 14px; font-size: 11px; }
.quote { font-family: Georgia, serif; font-style: italic; font-size: 14px; color: #4a3a12; border-left: 4px solid #c9a646; padding: 2px 0 2px 12px; margin: 16px 0; }
.caption { font-size: 10px; color: #777; font-style: italic; }

.button {
  display: inline-block; padding: 5px 14px; font-weight: bold; font-size: 11px;
  color: #fff !important; text-decoration: none; border: 1px solid #23431a; border-radius: 3px;
  background: linear-gradient(to bottom, #6b9a47, #3c6a28); text-shadow: 0 -1px 0 #23431a;
}

/* Sidebar boxes */
.box { border: 1px solid #c8bd98; margin: 0 0 16px; background: #fcfaf1; }
.box h4 {
  margin: 0; padding: 6px 10px; font-size: 12px; color: #fff;
  background: linear-gradient(to bottom, #6b9a47, #3c6a28); border-bottom: 1px solid #2f5a1f;
}
.box .inner { padding: 9px 11px; }
.box ul { margin: 0; padding: 0; list-style: none; }
.box li { padding: 5px 0; border-bottom: 1px dotted #c8bd98; }
.box li:last-child { border-bottom: 0; }
.box .date { display: block; font-size: 10px; color: #8a7d5a; }
.box.alert h4 { background: linear-gradient(to bottom, #c9773a, #9b4f1c); border-bottom-color: #7c3d14; }

/* Footer */
#footer { clear: both; background: #f1ecda; border-top: 1px solid #c8bd98; padding: 14px 22px; font-size: 10px; color: #6d6248; text-align: center; }
#footer a { color: #4a5a2a; }
#footer .updated { margin-top: 6px; color: #999; }