@import url("../common/css/pagebase.css");
@import url("../common/css/leftmenu.css");

body#page {
	background-color: #8593a9;
	background-repeat: repeat-x;
}

a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	color: #2B475D;
	border-bottom-color: #A5B5C4;
	text-decoration: none;
}

a:link, a:visited {
  border-bottom-color: #A5B5C4;
}

a:hover, a:active {
	border-bottom-color: #3D655D;
 	background-color: #E1E6EA;
}

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

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

h1 { font-size: 140% }
h2 { font-size: 125% }
h3 { font-size: 110% }

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

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

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

.highlight {
  color: #50877D;
  font-weight: normal;
}

/*
 *   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: -25px;
  right: 20px;
  border: 1px solid #6d84a3;
  background: none #ebf2f7;
  line-height: 1.7em;
}


/*
 *   page structure styles
 */

#pagetop {
	position: absolute;
	z-index: 1;
	top: 10px;
	left: 0;
	height: 128px;
	width: 84%;
	margin: 0 8% 0 8%;
	text-align: center;
	background-color: #283873;	
}

.topleft {
  position: absolute;
  top: 0;
  left: 0;
}

#logo {
position: relative;
  float: left;
  top: 43px;
  left: 25px;
  border-width: 0;
  z-index: 5;
}

.soaysheep {
  position: absolute;
  top: 0px;
  left: 0px;
  border-width: 0;
}

.topright {
  position: absolute;
  top: 0;
  right: 0;
}

#body {
  position: absolute;
  top: 127px;
  left: 0;
  margin: 0 8% 0 8%;
  width: 84%;
}

#content {
	background-color: #FFFFFF;
	padding: 10px 25px 10px 175px;
	text-align: left;
	font-size: 100%;
	line-height: 140%;
	color: #333;
	border: 1px solid #94B8D5;
}

#content img { padding: 0 10px 0 10px }

/*
 *   left menu style overrides
 */

#menu {
  top: 57px;
  left:  -30px;
}

#menu .enabled, #menu .disabled {
  border: 1px solid #506178;
}

#menubar a:link, #menubar a:visited, #menubar a:hover, #menubar a:active {
	padding-left: 20px;
}

#menubar a:link, #menubar a:visited, #menubar a:active {
	background-color: #283873;
	color: #E8F6F6;
}

#menubar a:hover, #menubar a.hover:link, #menubar a.hover:visited {
  background-color: #E3E3E3;
  color: #223A36;
  background-image: url(../resources/rolloverbackground.gif);
}

#menubar, #menu .menubag { opacity: 0.85 }
/* 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 */

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

#menu .menubag div a:hover {
  background-color: #dce2e7;
  color: #223A36;
}

#menu .menubag div {
  margin-top: 1.2em;
  border-color: #357910;
}

#menupad {
  top: -100px;
  left: -30px;
  width: 550px;
  height: 600px;
}

#menuoffset {
  top: 0;
  left: 110px;
}


#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 }
#navigate li {
	list-style-image: none;
	list-style-type: none;
}

/*
 *   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 {
  width: 50px;
  height: 50px;
  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 }

/*
 *   events calendar overrides
 */

.calendar table.monthly td.empty { border-color: #ccc }