/* JSG STYLESHEET */

.purple {color: #73077d;}
.orange {color:#ffdc00;}
.warmgrey {color:#cccdbd;}
.warmgrey-lt {color:#f2f2f0;}
.warmgrey-dk {color:#3a362d;}


/* GENERAL */

body {font-family: sans-serif !important;}

a {color: #73077d}
a:hover {color: #666}

p, ul, li {font-family: sans-serif;}

h1, h2, h3, h4 {font-family: sans-serif; color:#666;}

h2 {font-size: 2.05em;}

h1 {margin-bottom: 12px;}

h4 {margin-bottom: 6px;}

.border {border:1px #666 solid; padding: 8px; background-color: #fff}

.panel {padding: 15px; border-color: #aaa; background-color: #efefef; }

.clear {clear:both;}

li {margin-left: 1.25em;}

.wider li {margin-bottom: 10px}

.large {font-size: 110%}
.larger {font-size: 120%}
.smaller {font-size: 80%}

.button.prefix { font-weight: 600;}


/* HEADER */

#headtop {background: #73077d url(/img/headtop_bg.png) top center no-repeat;}

#header {padding-top: 15px; margin-bottom:1px; padding-bottom: 15px}

#masthead {margin-top: 0;}

#signup .panel {
  margin: 0; 
  padding: 14px 15px 2px 15px;
  background: #4b0253 
}

#signup input {border: 1px solid #000}

#signup .panel h4 {color: #cccdbd; font-size: 20px}

#signup button, #signup .button {color: #000; background: #ffdc00; }

#signup  button:hover, #signup button:focus, #signup .button:hover, #signup .button:focus {
  background-color: #f1af0e;
}


/* TOPNAV */

#mainnav {margin-bottom: 20px}

#topnav {
  background-color: #363636;
  padding: 0;
}

#mainnav li {margin-left: 0 !important}

.top-bar-section ul li a {color: #ddd; }

.top-bar-section li a.active {background: #000 !important; color: #fff;}

.top-bar-section li a:hover {background: #000  !important; color: #fff;}

.back {color: #eee; font-size:12px;}


/* SIDEBAR */

#sidebar {margin-top:15px;}

#sidebar .panel {font-size: 89%}


#navbox {padding-top: 10px; padding-bottom: 0;}

#navbox hr {
  margin: 10px 0 15px 0;
  border: solid #bbb;
  border-width: 1px 0 0;
}

#navbox button, #navbox .button { text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);}


#navbox p {text-align: center; margin-bottom: 0; color: #aaa; font-size: 15px}

#recent.panel {padding-bottom: 10px}
#recent ul {margin-bottom: 10px}
#recent p {
  font-size: 90%; text-align: right; 
  border-top: 1px #aaa solid; 
  padding-top: 7px; margin-bottom: 0
}

#likebox-wrapper * {width: 100% !important;}

.twtr-doc {width:100% !important;}
#twtr-widget-1 {margin: 15px 0 40px 0}
#twtr-widget-1 p, #twtr-widget-1 h3, #twtr-widget-1 h4 {
  font-family: "lucida grande",lucida,tahoma,helvetica,arial,sans-serif !important;
}


/* CONTENT AREA */

.dateline {margin-bottom: 18px}

.dotline {border-bottom: dotted 1px #aaa; padding-bottom: 3px;}

.standfirst {font-size: 120%}

#sharebox {padding: 10px 0 4px 0; border-top: 1px dotted #aaa; 
  border-bottom: 1px dotted #999; 
  margin-bottom: 30px}

.caption {font-family: "adelle-sans"; font-weight: 400}

.box {background: #eee; padding: 10px; font-size: 84%; margin-bottom:10px;}
.box p {margin-bottom: 0}

.highlight h4 {margin:15px 0 8px 0; line-height: 1.4}

@media only screen and (min-width: 768px) {
.highlight h4, .highlight p {margin-left:15px; margin-top:0;}
}

#homeleft .highlight h4, #homeleft .highlight p {margin-left:0px; margin-top:0;}
#homeleft .highlight h4 {margin-top: 15px}


/* Subnav
-------------------------------------------------------------- */

#subnav {
  background: #fff;
  margin: 0 0 25px 0;
  padding: 0;
  font-size:12px;
  float:left;
  width:99%;
  overflow:hidden;
  position:relative;
  border: 1px solid #ddd
}
#subnav ul {
  clear:left;
  float:left;
  list-style:none;
  margin:0;
  padding:0;
  position:relative;
  left:50%;
  text-align:center;
}
#subnav ul li {
  display:block;
  float:left;
  list-style:none;
  margin:0;
  padding:0;
  position:relative;
  right:50%;
}
#subnav ul li a {
  display:block;
  margin:0 0 0 1px;
  padding:5px 12px;
  color:#666;
  text-decoration:none;
  line-height:16px;
}
#subnav ul li a:hover {
  background:#ccc;
}
#subnav ul li a.active,
#subnav ul li a.active:hover {
  background:#ccc;
}


/* FOOTER */

#footbar1 {border-top: 1px #73077d solid; margin: 20px 0 0 0; background-color: #dedede; padding:0 0 10px 0;}

#footer {padding: 18px 0 0 0; font-size: 90%; }

#footleft ul {margin-top:4px; font-weight: bold; display: inline-block; float: none}
#footright p {line-height: 1.9}


/* HOMEPAGE */

.homelist h4 {margin: 0 0 2px 0;}
.homelist img {border: 3px solid #ccc; margin-bottom: 17px}
.homelist a:hover img {border: 3px solid #aaa}

.homelist hr {
  border: dotted #aaa;
  border-width: 1px 0 0;
  margin-left: 15px;
  margin-right:15px;
}

hr.dotted {
  border: dotted #aaa; border-width: 1px 0 0;
}

.pagination {margin-bottom: 70px; display: block;}

.gallery li {text-align: center; font-size: 86%; margin:9px 0; line-height: 1.3em}
.gallery li img {margin-bottom: 5px}

button, .button {
  background-color: #7a448a;
  border: #73077d;
}

button:hover, button:focus, .button:hover, .button:focus {
  background-color: #73077d;
}

#homeleft, #homemid {margin-top:15px;}
#homemid {font-size: 86% !important}

#maintext .bodytext p a {text-decoration: underline;}

#pp table, #pp tbody {background: none; border:none;}


.text-red {
  color: red;
}

.fs-08 {
  font-size: 0.8rem;
}

/* FORMS */

.form-label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.form-label.required {
  padding-right: 1.25rem;
  position: relative;
}

.form-label.required:after {
  color: red;
  content: "*";
  display: block;
  height: 1rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 1rem;
}

.form-check {
  align-items: start;
  display: flex;
  margin-bottom: 1rem;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check input[type="radio"] {
  margin: 0 0.25rem 0 0 !important;
}

input[type="radio"].form-control {
  margin-right: 0.5rem;
}