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

body#page {
	background-color: #21213F;
	}
.hopslogo {
	margin-top: 15px;
	margin-left: 10px;
	
	}
.providers {
	position: absolute;
	right: 12px;
	top: 25px;
		}
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 {
	color: #3B6AD8;
	font-weight: bold;
	display: block;
	padding: 0 0 5px 0;
	font-weight: bold;
	letter-spacing: 0.1em;
}

h2, h3 {
  color: #3B6AD8;
  font-weight: bold;
}
h1 { font-size: 130% }
h2 { font-size: 120% }
h3 { font-size: 110% }

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

li {
	margin-bottom: 5px;
	background-color: #FFFFFF;
	color: #333333;
	vertical-align: baseline;	}

ul {
  margin: 2px 2px 20px 2px;
  background-color: #FFFFFF;
  padding: 1px 4px 1px 25px;
}

.highlight { color: black }

.wrap {
  margin: 0 0 0 0;
  border: 1px solid green;
  padding: 0 0 0 0;
}
.initials {
	font-size: 120%;
	letter-spacing: 0.5em;
	color: #999999;
		}

.listing p:first-letter { font-size: larger }

form.loggedin {
  float: right;
  width: 33%;
  margin: 0 0 0.5em 1em;
  border: 1px solid #3B6AD8;
  padding: 0 1em;
  font-size: smaller;
}

form.loggedin input {
  font-size: smaller;
}
	
/*
 *   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: 5px;
  background-color: white;
  border: 1px solid #aaa;
  line-height: 1.5em;
  padding: 2px 8px 4px 8px;
}


/*
 *   page structure styles
 */

#pagetop {
	position: absolute;
	top: 10px;
	left: 0;
	width: 84%;
	margin: 0 8% 0 8%;
	background-color: #43478E;
}
#pagetop div {
  height: 168px;
  	border: 1px solid #CCCCCC;
 }
#pagetop a:link, #pagetop a:active, #pagetop a:visited, #pagetop a:hover {
	text-decoration: none;
	border: 0;
}

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

#content {
	background-color: #FFFFFF;
	margin-bottom: 10px;
	padding: 40px 10px 10px 75px;
	text-align: left;
	line-height: 140%;
	border: 1px solid #CCCCCC;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
}

#sidebar {
  position: absolute;
  z-index: 20;
  top: 40px;
  left: 10px;
	background-color: #E4E8DB;
	width: 140px;
	padding: 5px;
	border: 1px dashed #54537B;
	text-align: left;
	color: #33324C;
	font-size: 90%;
	}

/*
 *   left menu style overrides
 */

#menu {
  top: -3px;
  left: 15px;
}

#menu a:link, #menu a:visited, #menu a:active {
  border: 1px solid #54537B;
  background-color: #E4E8DB;
  color: #42458C;
}

#menu a:hover,
#menu a.hover:link, #menu a.hover:visited,
#menu a.active:link, #menu a.active:visited {
  border: 1px solid #54537B;
  background-color: #212039;
  color: #FFFFFF;
}

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

#menu .menubag div a:hover {
  border-style: none;
  background-color: #F7F7F7;
  color: #787835;
}

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

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

#menuoffset {
  top: 1.1em;
  left: 0;
}

#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 }

#mph {
  position: absolute;
  top: -128px;
  right: 0;
  border: 1px solid red;
}