@import url("/common/css/pagebase.css");
@import url("/common/css/left.menu.css");
@import url("/common/css/touch.menu.css");

body#page { background-color: #faf9f8 }

a {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  color: #b50000;
}

a:link, a:visited {
  border-bottom-color: #ccc;
  text-decoration: none;
}

a:hover, a:active {
  border-bottom-color: #333;
  text-decoration: none;
}

a.imagelink:link, a.imagelink:visited, a.imagelink:hover, a.imagelink:active {
  border-bottom-width: 0;
}

h1, h2, h3 {
  color: #785000;
  font-weight: normal;
}

h1 { font-size: 130% }
h2 { font-size: 120% }
h3 { font-size: 110% }

table h2, table h3 {
  margin-top: 0.5em;
  margin-bottom: 0;
}

.highlight { color: black }

.wrap {
  margin: 0 0 0 0;
  border: 1px solid green;
  padding: 0 0 0 0;
}

.crmlogo {
  position: relative;
  top: 19px;
  left: 15px;
  border-width: 0;
  float: left;
}
.crmshapes {
  position: relative;
  top: 11px;
  right: 15px;
  border-width: 0;
  float: right;
}

#pagetop a:link, #pagetop a:active, #pagetop a:visited, #pagetop a:hover {
  text-decoration: none;
  border: none;
}

#pagetop h1 { margin: 0 0 0 0 }


/*
 *   news article page styles
 */

.newsfilter { float: right }

.headlinelist {
  float: right;
  width: 20em;
  margin: 10px;
  border: 1px solid black;
  padding: 10px;
}


/*
 *   contentspot link style overrides
 */

#creditlink {
  bottom: -15px;
  right: 10px;
  background-color: #fffcf9;
  border: 1px solid #b09494;
  line-height: 1.4em;
}


/*
 *   page structure styles
 */

#pagetop {
  position: absolute;
  z-index: 1;
  top: 10px;
  left: 0;
  height: 105px;
  width: 90%;
  margin: 0 5% 0 5%;
  background: #9dbf9d url("../contentimages/resources/greentopgradient.png") repeat-x left top;
  text-align: center;
}

#pagetop .topleft { position: absolute; top: 0; left: 0 }
#pagetop .topright { position: absolute; top: 0; right: 0 }

#body {
  position: absolute;
  top: 115px;
  left: 0;
  width: 90%;
  margin: 0 5% 0 5%;
}

body#page.touch #pagetop, body#page.touch #body { margin: 0; width: 100% }
body#page.touch #pagetop .topleft { left: 1.5em }
body#page.phone #pagetop .topright img { width: 75% }

#content {
  border: 1px solid #b09494;
  background-color: #FFFFFF;
  padding: 10px 10px 10px 175px;
  text-align: left;
  line-height: 140%;
  color: #333;	
}

body#page.touch #content {
  padding-left: 10px;
}


/*
 *   left menu style overrides
 */

#navigate {
  position: absolute;
  top: 57px;
  left: 5px;
  text-transform: capitalize;
}

body#page.touch #navigate {
  position: relative;
  top: 0;
  left: auto;
  right: 0;
  width: auto !important;
  float: right;
  padding: 0 1em 1em 1em;
}

#navtail { text-align: center }
#navtail a { border-bottom: none }
#navtail img { margin-top: 2em }

#menu, #menubar {
  position: relative;
}

#menu a:link, #menu a:visited, #menu a:active {
  background-color: #d0dfd1;
  color: #782010;
}

#menu a:link, #menu a:visited, #menu a:active {
  background-color: #d0dfd1;
  color: #782010;
  border: 1px solid #717131;
}

/* non-standard alpha settings - will not validate */
#menubar, #menu .menubag { filter: alpha(opacity=85) } /* IE/Win */
#menubar, #menu .menubag { -moz-opacity: 0.85 }        /* early Gecko */
#menubar, #menu .menubag { -khtml-opacity: 0.85 }      /* early Konqueror/Safari */
#menubar, #menu .menubag { opacity: 0.85 }

#menu .menubag a:link, #menu .menubag a:visited, #menu .menubag a:active {
  background-color: #f7f7f7;
  color: #a45302;
  border: none;
}

#menu a:hover, #menu .menubag div a:hover,
#menu a.hover:link, #menu a.hover:visited {
  background-color: #F7F7F7;
  color: #787835;
}

#menu .menubag {
  background-color: white;
}

#menu .menubag ul {
  border-color: #357910;
}

#menupad {
  top: -50px;
  left: -40px;
  width: 500px;
  height: 400px;
}

#menuoffset {
  top: 10px;
  left: 120px;
  height: 40px; /* TOUCHMENU */
}

a.touchtoggle { top: 1em }
a.touchtoggle span:before { color: #c49f77 }
a.touchtoggle.open span:before { color: #2d2120 }

.touchmenu { font-size: 100% !important; text-transform: capitalize }
.touchmenu.open { width: 20em }

#navigate input, #menu select { width: 150px }
#navigate input[type=text] { width: 146px }
#navigate input[type=button] { width: 100px }
#navigate input[type=submit] { width: 100px }
#navigate input.formButton { width: 100px }


/*
 *   thumbnail and gallery styles
 */

.thumb {
  position: absolute;
  width: 125px;
  height: 125px;
  text-align: center;
}

.thumb img {
  border-style: none;
  margin-left: auto;
  margin-right: auto;
}

.piximage img { border-style: none }

.thumblist, .thumbnail { position: relative }
.thumblist .thumbback, .thumblist .selected, .thumblist .thumbforward { display: inline }
.thumblist img { border: 1px solid white; margin: 4px 1px }
.thumblist img.missing { border-color: #ddd }
.thumblist .selected img {
  border-color: white;
  opacity: 0.30;
  /* non-standard alpha settings - will not validate :) */
  -moz-opacity: 0.30;
  -khtml-opacity: 0.30;
  filter: alpha(opacity=30);
}
.thumblist a { border-bottom-width: 0 }
.thumblist a:hover img { border-color: #357910 }

/*
 *   in-page admin menu style overrides
 */

#pageadmin { top: 100px; right: 10px }