html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, th, tr, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: auto;
	background: transparent;
}
html{
	overflow-y:scroll;
}
table {
		margin: 0px auto;
}
body 
{
  /*background: rgb(243, 243, 245) url(../Images/Hopwood/Backg.png);*/
  background-image: url("../Images/Hopwood/Backg.png");
  background-size: cover;
  /*background-repeat: repeat-x;*/
  background-attachment: scroll;
  background-position: center top;
 /* color: rgb(243, 243, 245);*/
  font: 16px/16px Arial, Helvetica, "Gotham Medium", "Hand of Sean", sans-serif;
}

#headerimageLogo
{
	position: absolute;
	top: 100px;
	width: 100%;
	height: 160px; 
	background: url(../Images/Hopwood/LRCBanner.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#headerimage
{
	position: absolute;
	top: 0px;
	width: 100%;
	height: 180px; 
	background: url(../Images/Hopwood/LRCBanner.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.headerl1 {
    width: 250px;
    margin: 0px;
    display: block;
	position:relative;
	left: 27.5%;
	line-height:16px;
	top: 85px;
	font-size:20px;
	font-weight:bold;
	font-variant: small-caps;
	color:rgb(1, 79, 161);
}
.headerl2 {
    width: 175px;
    margin: 0px;
    display: block;
	position:relative;
	left: 68.5%;
	line-height:16px;
	top: -8px;
	color: gray;
	font-size:12px;
}
@media screen and (min-width: 501px) and (max-width: 800px) {
  .headerl1 {
    left: 3.5%;	
  }
  .headerl2{
	left: 75.5%;
  }
}
@media screen and (min-width: 801px) and (max-width: 1024px) {
  .headerl1 {
    left: 14.5%;
  }
  .headerl2{
	left: 78.5%;
  }	
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .headerl1 {
    left: 21.5%;
  }	
  .headerl2{
	left: 74.0%;
  }	
}
@media screen and (min-width: 1281px) {
  .headerl1 {
    left: 27.5%;
  }	
  .headerl2{
	left: 68.5%;
  }	
}

.headerl2 a:link {
  text-decoration:none;
  color: gray;
  font-weight:bold;
}
.headerl2 a:link:hover {
  text-decoration:underline;
}
.header-email {
  width: 300px;
}
.header-heading {
	color: rgb(0, 163, 99);
	font-variant:small-caps;
	font-weight:bold;
	font-size:14px;

}
#wrapper 
{
  background: transparent;
  margin: 180px 0 10px 0;
  /*background: url(../Images/Hopwood/Logo.jpg);*/
  background-repeat: no-repeat;
  background-position: 54% -10px;
  overflow: hidden;
  padding-bottom: 20px;
  text-align: center;
}
#wrapper-image {
  background: transparent;
  overflow: hidden;
  padding-bottom: 20px;
  text-align: center;
  /*background: url(../ImagesCSussex/CCBanner2.jpg);*/
  background-repeat: no-repeat;
  background-position: 0 -10px;
}
#wrapper1 
{
  background: #eef4f4;
  margin: 91px 10% 10px 10%; /* 141px 0px 10px 0px; */
  overflow: hidden;
  padding-bottom: 20px;
  text-align: center;
}
#wrapper2 
{
  background: #e4e6e5;
  margin: 254px 10% 10px 10%; /* 141px 0px 10px 0px; */
  overflow: hidden;
  padding-bottom: 20px;
  text-align: center;
}
#wrapper3 
{
  background: #e4e6e5;
  margin: 187px 10% 10px 10%; /* 141px 0px 10px 0px; */
  overflow: hidden;
  padding-bottom: 20px;
  text-align: center;
}
a:link 
{
color: #326179;
}
a:visited 
{
color: #906;
}
a:hover 
{
color: #333;
}
a:active
{
  color: #000;
}
/* ----------------------------------------------- navigate */
.navbackground tr
{
	background-color: rgb(78, 101, 114);
	width:100%;
	text-align:right;
	height: 20px;
}
.navbackground td
{
  padding: 0px 3px;
}
#navigate 
{
 /* height: 40px;*/
  width: 100%;
  padding-bottom: 0;
}
#navigate ul 
{
margin: 0 auto 0 auto;
width: 960px;
}
#navigate li
{
  padding: 0;
  float: left;
  width: 160px;
  list-style-type: none;
  text-align: center;
  display: inline;
}
#navigatefull 
{
  width: 100%;
  padding-bottom: 50px;
}
#navigatefull ul 
{
margin: 0 auto 0 auto;
width: 960px;
}
#navigatefull li
{
  padding: 0 1px 0 0;
  float: left;
  width: 158px;
  list-style-type: none;
  text-align: center;
  display: inline;
}
#navigatefull li a#current, #navigatefull li a#current1, #navigatefull li a#current2, #navigatefull li a#current3, #navigatefull li a#current4, #navigatefull li a#current5 {
  display: block;
  text-decoration: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#37075a', endColorstr='#37075a')";
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #37075a),color-stop(1, #37075a));
  color: rgb(255, 255, 255);
  padding: 10px 0 0 0;
  height: 30px;
  font-weight: normal;
}
#navigatefull li a#currentoff, #navigatefull li a#current1off, #navigatefull li a#current2off, #navigatefull li a#current3off, #navigatefull li a#current4off, #navigatefull li a#current5off
{
  display: block;
  color: #583075;
  text-decoration: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dbd6e2', endColorstr='#dbd6e2')";
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #dbd6e2),color-stop(1, #dbd6e2));
  padding: 10px 0 0 0;
  font-weight: normal;
  height: 30px;
}
#navigatefull li a#currentoff:hover, #navigatefull li a#current1off:hover, #navigatefull li a#current2off:hover, #navigatefull li a#current3off:hover, #navigatefull li a#current4off:hover, #navigatefull li a#current5off:hover
{
  display: block;
  color: #583075;
  text-decoration: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dbd6e2', endColorstr='#dbd6e2')";
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #dbd6e2),color-stop(1, #dbd6e2));
  padding: 10px 0 0 0;
  font-weight: bold;
  height: 30px;
}
#navigate li a#current, #navigate li a#current1, #navigate li a#current2, #navigate li a#current3, #navigate li a#current4, #navigate li a#current5 {
  display: block;
  text-decoration: none;
  background: url(../Images/Hopwood/tab-active-block.png) no-repeat center top;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99cc66', endColorstr='#336633')";
   background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #99cc66),color-stop(1, #336633));
  color: rgb(159, 194, 42);
  padding: 20px 0 8px 0;
  height: 25px;
  font-weight: normal;
}
#navigate li a#currentoff, #navigate li a#current1off, #navigate li a#current2off, #navigate li a#current3off, #navigate li a#current4off, #navigate li a#current5off
{
  display: block;
  color: rgb(255, 255, 255);
  text-decoration: none;
  background: url(../Images/Hopwood/tab-inactive-block.png) no-repeat center top;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#da4104', endColorstr='#eb6211')";
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #da4104),color-stop(1, #eb6211));
  padding: 20px 0 8px 0;
  font-weight: normal;
  height: 25px;
}
#navigate li a#currentoff:hover, #navigate li a#current1off:hover, #navigate li a#current2off:hover, #navigate li a#current3off:hover, #navigate li a#current4off:hover, #navigate li a#current5off:hover
{
	display: block;
	color: rgb(159, 194, 42);
	text-decoration: none;
	background: url(../Images/Hopwood/tab-hover-block.png) no-repeat center top;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99cc66', endColorstr='#336633')";
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #99cc66),color-stop(1, #336633));
	padding: 20px 0 8px 0;
	font-family: bold "Gotham Bold", Arial;
	height: 25px;
}

#navigate li a#currentoff 
{
  color: #FFFFFF;
  background: url(../Images/Hopwood/tab-grey.png) no-repeat center top;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99cc66', endColorstr='#36633')";
  background-image: -ms-linear-gradient(top,#99cc66, #336633);
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #99cc66),color-stop(1, #336633));
}
#navigate li a#currentoff:hover 
{
	color: #FFFFFF;
	background: url(../Images/Hopwood/tab-grey.png) no-repeat center top;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#336633', endColorstr='#99cc66')";
  background-image: -ms-linear-gradient(top, #336633, #99cc66);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #336633),color-stop(1, #99cc66));
}
#navigate li a#current {
  color: #FFFFFF;
  font-size: 18px;
  font-variant:normal;
  background: url(../Images/Hopwood/tab-active.png) no-repeat center top;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientTye=0,startColorstr='#336633', endColorstr='#99cc66')";
  background-image: -ms-linear-gradient(top, #336633, #99cc66);
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #336633),color-stop(1, #99cc66));
}
#navigate li a#current1off 
{
  color: #FFFFFF;
  background: url(../Images/Hopwood/tab-blue.png) no-repeat center top;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#336633', endColorstr='#99cc66')";
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #336633),color-stop(1, #99cc66));
}
#navigate li a#current1off:hover 
{
  color: #FFFFFF;
  background: url(../Images/Hopwood/tab-blue.png) no-repeat center top;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#336633', endColorstr='#99cc66')";
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #336633),color-stop(1, #99cc66));
}


#navigate li a#current1 {
  background: url(../Images/Hopwood/tab-active.png) no-repeat center top;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#54565b', endColorstr='#54565b')";
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #54565b),color-stop(1, #54565b));
  color:#FFFFFF;
  font-size: 20px;
  font-variant: small-caps;
}
#navigate li a#current2off 
{
  color: #FFFFFF;
  background: url(../Images/Hopwood/tab-grey.png) no-repeat center top;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f3bb02', endColorstr='#d9ae00')";
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #f3bb02),color-stop(1, #d9ae00));
}
#navigate li a#current2off:hover 
{
	color: #FFFFFF;
	background: url(../Images/Hopwood/tab-grey.png) no-repeat center top;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f3bb02', endColorstr='#d9ae00')";
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #f3bb02),color-stop(1, #d9ae00));
}
#navigate li a#current2 {
  color: #FFFFFF;
  font-size: 20px;
  font-variant: small-caps;
  background: url(../Images/Hopwood/tab-active.png) no-repeat center top;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#54565b', endColorstr='#54565b')";
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #54565b),color-stop(1, #54565b));
}
#navigate li a#current3off 
{
  color: #FFFFFF;
  background: url(../Images/Hopwood/tab-blue.png) no-repeat center top;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c02c12', endColorstr='#9e0b03')";
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #c02c12),color-stop(1, #9e0b03));
}
#navigate li a#current3off:hover 
{
  color: #FFFFFF;
  background: url(../Images/Hopwood/tab-blue.png) no-repeat center top;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c02c12', endColorstr='#9e0b03')";
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #c02c12),color-stop(1, #9e0b03));
}
#navigate li a#current3 {
  background: url(../Images/Hopwood/tab-active.png) no-repeat center top;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#54565b', endColorstr='#54565b')";
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #54565b),color-stop(1, #54565b));
  color:#FFFFFF;
  font-size: 20px;
  font-variant: small-caps;
}
#navigate li a#current4off 
{
  color: #FFFFFF;
  background: url(../Images/Hopwood/tab-grey.png) no-repeat center top;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#04a605', endColorstr='#007401')";
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #04a605),color-stop(1, #007401));
}
#navigate li a#current4off:hover 
{
	color: #FFFFFF;
	background: url(../Images/Hopwood/tab-grey.png) no-repeat center top;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#04a605', endColorstr='#007401')";
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #04a605),color-stop(1, #007401));
}
#navigate li a#current4 {
  color: #FFFFFF;
  font-size: 20px;
  font-variant: small-caps;
  background: url(../Images/Hopwood/tab-active.png) no-repeat center top;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#54565b', endColorstr='#54565b')";
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #54565b),color-stop(1, #54565b));
}
#navigate li a#current5off 
{
  color: #FFFFFF;
  background: url(../Images/Hopwood/tab-blue.png) no-repeat center top;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f89009', endColorstr='#d47f00')";
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #f89009),color-stop(1, #d47f00));
}
#navigate li a#current5off:hover 
{
  color: #FFFFFF;
  background: url(../Images/Hopwood/tab-blue.png) no-repeat center top;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f89009', endColorstr='#d47f00')";
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #f89009),color-stop(1, #d47f00));
}
#navigate li a#current5 {
  background: url(../Images/Hopwood/tab-active.png) no-repeat center top;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#54565b', endColorstr='#54565b')";
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #54565b),color-stop(1, #54565b));
  color:#FFFFFF;
  font-size: 20px;
  font-variant: small-caps;
}

/* ----------------------------------------------- content*/
#content 
{
  /*margin: 81px auto 0 auto;
  padding: 0 0 20px 20px;*/
  margin: 65px auto 0 auto;
  padding: 0;
  overflow: hidden;
  width: 960px;
  text-align: center;
    /*display: block;
    -webkit-box-shadow: 5px 5px 5px #ccc;
	-moz-box-shadow: 5px 5px 5px #ccc;
	box-shadow: 5px 5px 5px #ccc;
	border-radius: 10px;*/
}
#content-inner 
{
  /*margin: 81px auto 0 auto;
  padding: 0 0 20px 20px;*/
  margin: 0px auto;
  padding: 0px;
  overflow: hidden;
  width: 960px;
  text-align: left;
  background-color:#ffffff;
  line-height: 25px;
    /*display: block;
    -webkit-box-shadow: 5px 5px 5px #ccc;
	-moz-box-shadow: 5px 5px 5px #ccc;
	box-shadow: 5px 5px 5px #ccc;
	border-radius: 10px;*/
}
.content-pad{
	margin: 0px 20px;
}
#content1 
{
  margin: 20px auto 0 auto;
  padding: 0;
  overflow: hidden;
  width: 960px;
  text-align: center;
}
h3 
{
color: #007ab6;
font-size: 18px;
text-align: center;
padding: 0px 22px;
margin-bottom: 20px;
}
.highlight 
{
 color: YELLOW;
 font-size: 18px;
 font-weight: bold;
 font-variant: small-caps;
}
.highlight-big 
{
color: YELLOW;
font-size: 22px;
font-weight: bold;
font-variant: small-caps;
}
/* ------------------------------------------------- boxes*/
.backColor {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#339933b', endColorstr='#003300')";
  background-image: -ms-linear-gradient(top, #003300, #339933);
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #003300),color-stop(1, #339933));
}

#box 
{
  /*background: #435678 url(../Images/Hopwood/colchester/box-dark-top900.png) no-repeat center top;
  background-color: rgb(0 ,65, 112);*/
  color: rgb(255, 255, 255);
  width: 960px;
  margin: 0 auto;
  padding: 30px 0 10px 0;
/*    background: transparent url(../Images/Hopwood/box-help-grey.png) no-repeat center bottom;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#12a5eb', endColorstr='#003300')";
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #003300),color-stop(1, #12a5eb));*/

}
.box-readlist 
{
  /*background: #435678 url(../Images/colchester/box-dark-top900.png) no-repeat center top;*/
  background-color: rgb(0, 65, 112);
  color: rgb(0,0,0);
}

#boxback 
{
  /*background: #013849;
  width: 900px;
  margin: 0 auto 0 auto;*/
}
.listit{
	width: 200px;
	float: left;
}
.listit-clear{
	clear:both;
}
#box800 
{
 background: #292929 url(../Images/bg-box-dark-top800.png) no-repeat center top;
  color: #e4e6e5;
  text-align: center;
  width: 800px;
  margin: 0 auto 0px auto;
  padding: 30px 0px 0 0px;
}
.boxpadding {
  padding-left: 0px;
  padding-top: 20px;
}
.boxpadding-small {
  padding-left: 20px;
  padding-top: 20px;
}
#box p 
{
	padding: 0px 30px 10px 30px;
}
#box800 p 
{
  padding: 0px 30px 10px 30px;
}

.boxinput-small{
  padding-left: 340px !important;
 }
 .boxinput{
  padding-left: 160px !important;
 }
#footertop 
{
  width:100%;
  background: transparent url(../Images/Hopwood/Footer.png) no-repeat center top;
  margin: 0px auto 0px auto;
  padding: 0px 0px 269px 0px;
}
#middle 
{
  width:960px;
  height: 36px;
  margin: 0px auto;
  padding: 0px;
}
.mid-opac, .mid-electronic, .mid-login, .mid-reading, .mid-advanced {
  background: transparent url(../Images/Hopwood/box-mid-help.png) no-repeat center top;
}

.mid-opac{
  background: transparent url(../Images/Hopwood/box-mid-grey.png) no-repeat center top;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fa943e', endColorstr='#f07b05')";
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #fa943e),color-stop(1, #f07b05));
}	
.mid-electronic{
  background: transparent url(../Images/Hopwood/box-mid-orange.png) no-repeat center top;
}
.mid-login{
  background: transparent url(../Images/Hopwood/box-mid-purple.png) no-repeat center top;
}
.mid-reading{
  background: transparent url(../Images/Hopwood/box-mid-red.png) no-repeat center top;
}
.mid-advanced{
  background: transparent url(../Images/Hopwood/box-mid-blue.png) no-repeat center top;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0d9b8c', endColorstr='#007987')";
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0d9b8c),color-stop(1, #007987));
}

#middle800 
{
  background: url(../Images/Hopwood/bg-box-middle800.png) no-repeat center top;
  height: 20px;
  margin: 0px;
  padding: 0px;
}
#box-dark-bottom 
{
  background: lavender url(../Images/Hopwood/bg-box-dark-bottom900.png) no-repeat left top;
  height: 30px;
  width: 900px;
  color: #292929;
  margin: 0px auto;
  padding: 0px;
}
#help-box
{
  color: rgb(255, 255, 255);
  padding: 10px 0 10px 2px;
  line-height: 22px;
  margin: 0 auto 0 auto;
  width: 960px; 
  text-align:justify;
}
.help-opac, .help-electronic, .help-login, .help-reading, .help-advanced {
  background: transparent url(../Images/Hopwood/box-help-grey.png) no-repeat center bottom;
/*  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fa943e', endColorstr='#f07b05')";
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #fa943e),color-stop(1, #f07b05));*/
}

.help-electronic{
  background: transparent url(../Images/Hopwood/box-help-grey.png) no-repeat center bottom;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f3bb02', endColorstr='#d9ae00')";
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #f3bb02),color-stop(1, #d9ae00));
}
.help-opac {
 /* background: transparent url(../Images/Hopwood/box-help-grey.png) no-repeat center bottom;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#12a5eb', endColorstr='#003300')";
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #12a5eb),color-stop(1, #003300));*/
}
.help-login{
  background: transparent url(../Images/Hopwood/box-help-blue.png) no-repeat center bottom;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f89009', endColorstr='#d45f00')";
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #f89009),color-stop(1, #d47f00));
}
.help-reading {
  background: transparent url(../Images/Hopwood/box-help-blue.png) no-repeat center bottom;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c02c12', endColorstr='#9e0b03')";
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #c02c12),color-stop(1, #9e0b03));
}
.help-advanced {
  background: transparent url(../Images/Hopwood/box-help-blue.png) no-repeat center bottom;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#84c300', endColorstr='#6ea501')";
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #84c300),color-stop(1, #6ea501));
}

#help-box800
{
  background: #fff url(../Images/Hopwood/bg-box-light-bottom800.png) no-repeat center bottom;
  color: #292929;
  padding-bottom: 10px;
  line-height: 22px;
  margin: 0px auto;
  width: 800px;
  text-align: center;
}
#help-box p 
{
  padding: 10px 70px;
}
#help-box800 p 
{
  padding: 10px 60px;
}
#help-box ul 
{
  padding: 10px 50px 10px 30px;
}
#help-box ul 
{
  padding: 10px 70px 10px 90px;
  text-align: left;
}
.e-library 
{
  height: 97px;
  width: 400px;
}
#help-box a:link 
{
  color: #fff; 
}
#help-box a:visited 
{
  color: #fff; 
}
/* -------------------------------------- full record details */
ul#page-navigation 
{
  margin-left: 0;
  margin-top: 10px;
  padding-left: 0;
  white-space: nowrap;
}
#page-navigation li 
{
  display: inline;
  list-style-type: none;
}
#page-navigation a 
{
  padding: 3px 10px; 
}
#page-navigation a:link, #page-navigation a:visited 
{
	background: #669933;
	border-top: 1px solid #669933;
	border-right:1px solid;
	border-bottom:1px solid;
	border-left: 1px solid;
	color:  rgb(255, 255, 255);
	margin: 0;
	padding: 2px;

/*	color: rgb(255, 255, 255);
	background-color: rgb(0, 65, 112); */
	text-decoration: none;
}
#page-navigation a:hover 
{

	   background: #336633;
	   border-top: 1px solid #336633;
	   border-right:1px solid;
	   border-bottom:1px solid;
	   border-left: 1px solid;
	   color: #ffffff;
	   margin: 0;
	   padding: 2px;
 /* color: rgb(255, 255, 255); 
  background-color: rgb(29, 108, 150);*/
  text-decoration: none;
}

/* ---------------------------------------------- alignment*/
.center 
{
  text-align: center;
}
.left 
{
  float: left;
  margin: 0px 0px 0px 50px;
}
.right 
{
  float: right;
  margin: 0px 0px 0px 0px;
}
#box table 
{
/*  width: 460px;
  margin-left:0px;*/
}
.tabinput {
  /* margin-left: 140px !important;*/
}
#box table td 
{
  padding: 0px 5px 10px 0px;
}
.col-01 
{
  width: 100px;
  text-align: right;
}
.col-02
{
  width: 130px;
  text-align: left;
}
.col-025 
{
  width: 280px;
  text-align:right;
}
.col-03 
{
  width: 170px;
  text-align: left;
}
.col-04 
{
  width: 300px;
  text-align:left;
}
.button 
{
  border: 0px solid #666;
  color:#000;
  text-decoration:none;
  background: #292929 url(../Images/Hopwood/icon-search.png) no-repeat left top;
  height: 30px;
  width: 100px;
  cursor: hand;
}
/* ------------------------------------------ search results*/
.search-results 
{
  margin: 20px 0px;
  padding: 20px 0px;
  width: 100%;
  border-bottom: 1px dashed #ccc;
}
.search-results h2 
{
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 15px;
  margin-left: 70px;
}
.search-results ul 
{
  padding: 0px 0px 10px 80px;
  list-style: none;
}
.search-results li 
{
  margin-bottom: 10px;
}
.title {
  color: #61bdec;
  font-weight: bold;
  font-size: 15px;
}
.notes 
{
  color: #326179;
  font-weight: bold;
}
.article 
{
  background: url(../Images/Hopwood/icon-article.png) no-repeat left 20px;
}
.book
{
  background: url(../Icons/book.png) no-repeat left 20px;
}
.cd 
{
  background: url(../Images/Hopwood/cd.png) no-repeat left 20px;
}
.dvd 
{
  background: url(../Images/Hopwood/icon-dvd.png) no-repeat left 20px;
}
.equiptment 
{
  background: url(../Images/Hopwood/equiptment.png) no-repeat left 20px;
}
.dissertation 
{
  background: url(../Images/Hopwood/dissertation.png) no-repeat left 20px;
}
.electronic 
{
  background: url(../Images/Hopwood/icon-electronic.png) no-repeat left 20px;
}
.electonic-button a 
{
  color: #333;
  padding: 7px 10px 7px 35px;
  background: #61bdec url(../Images/Hopwood/bg-electronic-button.png) no-repeat -10px center;
  margin-left: 80px;
}
.electonic-button a:hover 
{
  color: #fff;
}
.map 
{
  background: url(../Images/Hopwood/icon-map.png) no-repeat left 20px;
}
.offprint 
{
  background: url(../Images/Hopwood/offprint.png) no-repeat left 20px;
}
.sound 
{
  background: url(../Images/Hopwood/icon-sound.png) no-repeat left 20px;
}
.slides 
{
  background: url(../Images/Hopwood/icon-slides.png) no-repeat left 20px;
}
.topic-box
{
  background: url(../Images/Hopwood/topic-box.png) no-repeat left 20px;
}
.topic-file 
{
  background: url(../Images/Hopwood/topic-file.png) no-repeat left 20px;
}
.video
{
  background: url(../Images/Hopwood/video.png) no-repeat left 20px;
}

/* ------------------------------------------------- footer */

#foot-previous 
{
  float: left;
  width: 20%;
  text-align: right;
}
#foot-print 
{
  float: left;
  width: 55%;
  text-align: center;
}
#foot-next 
{
  float: left;
  width: 20%;
  text-align: left;
}
.submit {
	background-color: #336633;
	border-top: 1px solid;
	border-right:1px solid;
	border-bottom:1px solid;
	border-left: 1px solid;
	color: rgb(255, 255, 255);
	display: block;
	margin: 0;
	padding: 2px 2px;
}
.submit:hover {
   background-color: #669933;
   border-top: 1px solid #336633;
   border-right: 1px solid #336633;
   border-bottom: 1px solid #336633;
   border-left: 1px solid #336633;
   color: #ffffff;
   display: block;
	margin: 0;
	padding: 2px 2px;
}
.submit:active {
	   background-color: #669933;
	   border-top: 1px solid #336633;
	   border-right:1px solid #336633;
	   border-bottom: 1px solid #336633;
	   border-left: 1px solid #336633;
	   color: #ffffff;
	   display: block;
	   margin: 0;
	   padding: 2px 2px;
}

*:first-child+html .submit {		/* hack needed for IE 7 */
	   background:  rgb(0, 65, 112);
	   border-top: 1px solid rgb(229, 229, 255);
	   border-right:1px solid;
	   border-bottom:1px solid;
	   border-left: 1px solid;
	   color: rgb(255, 255, 255);
	   display: block;
	   margin: 0;
	   padding: 2px;
/*	border-bottom: 0;
	text-decoration: underline;*/
}
*:first-child+html .submit:active {		/* hack needed for IE 7 */
	   background: rgb(229, 229, 255);
	   border-top: 1px solid rgb(0, 65, 112);
	   border-right:1px solid;
	   border-bottom:1px solid;
	   border-left: 1px solid;
	   color:  rgb(0, 65, 112);
	   display: block;
	   margin: 0;
	   padding: 2px;
/*	border-bottom: 0;
	text-decoration: underline;*/
}
*:first-child+html .submit:hover {		/* hack needed for IE 7 */
	   background: rgb(229, 229, 255);
	   border-top: 1px solid rgb(0, 65, 112);
	   border-right:1px solid;
	   border-bottom:1px solid;
	   border-left: 1px solid;
	   color:  rgb(0, 65, 112);
	   display: block;
	   margin: 0;
	   padding: 2px;
/*	border-bottom: 0;
	text-decoration: underline;*/
}

* html .submit1 {				/* hack needed for IE 5/6 */
	border-bottom: 0;
	text-decoration: underline;
}
img.figure {
	
	float:left;
	border: 0; 
	height:120px;
	width:100px;
}
img.image {
	margin: 0 0 0 -30px;
	border: 1;
	height:220px;
	width:200px;
	display:inline;
}
.image-container {
	float: right !important;
	margin: -20px 0 0 0;
}
.filtertext {
   margin: 0 0 0 10px;
   font-size: 14px;
   background-color: rgb(245, 246, 245);
}
.maintext tr td {
	  color:#3366FF;
}
.imagepos {
	float:right;
}
#main-content {	
	padding-top:20px;
}
div.topheader{
	overflow:hidden;
	position:absolute;
    left:77.5%;
    top:3px;
}
div.topheader li{
	float:left;
	background: url(../Images/vert-line.gif) 0 5px no-repeat;
	padding:4px 4px 0 4px;
	font-size:14px;
	line-height: 1.2em;
}
div.topheader div{
	float:left;
	padding:4px 4px 0 4px;
	font-size:14px;
}
div.topheader li:first-child{
	background:none;
	padding-left:0;
}
div.topheader li a{
	color: #54565b;
	text-decoration:none;
}
div.topheader li a:hover {
	text-decoration:underline;
	font-weight:bold;
}
div.topheader li.current a{
	color: #54565b;
	font-weight:bolder;
}
.extr{
	overflow:hidden;
}
.fleft{
	float:left;
}
.fright{
	float:right;
}
.alignright{
	text-align:right;
}
.alignleft{
	text-align:left;
}
.aligncenter{
	text-align:center;
}
.Heading /* Heading Style */
{
	font-size: 16px;
	color: #292929;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px, solid, #DDB575;
	border-collapse:collapse;
}
.Heading thead tr th {
	border-color: gray;
	border-width: 1px;
	border-style: outset;
}
.Heading tr {
	border-color: gray;
	border-width: 1px;
	border-style: outset;
}
.Heading tbody tr td {
	border-color: gray;
	border-width: 1px;
	border-style: outset;
}
.Heading ul li{
   display:inline;
}
#site-color li 
{
  display: inline;
  list-style-type: none;
  width: 100px;
}
.site1 {
   color:#FF00FF;
   background-color:#00FF00;
}
.site2 {
	color: #00FF00;
	background-color: #00FFFF;
}
.site3 {
   color:#FF0000;
   background-color:#FFFF00;	
}
.site4 {
   color:#FFFF00;
   background-color:#FF00FF;	
}
.On {
	visibility:visible;
}
.Off {
	visibility:hidden;
}
.Diy {
/*	display: inline;*/
}
.Din {
	display: none;
}
.articleMark {
	width:40px;
	color:#000000;
}
.articleCover {
	width: 122px;
}
.articleImageShow {
	width: 100px;
}
.articleImage {
	border:0;
	width: 32px;
	height:28px;
}  
.articleWidth {
	width: 100px;
	color:#000000;
}
.contentWidth {
	Width: 600px;
}
.bodyMark {
	width:40px;
	color:#000000;
}
.bodyCover {
	width: 122px;
}
.bodyImageShow {
	width: 100px;
}
.bodyImage {
	border:0;
	width: 32px;
	height:28px;
} 
.bookMark {
	width:40px;
	color:#000000;
}
.bookCover {
	width: 122px;
}
.bookImageShow {
	width: 100px;
}
.bookImage {
	border:0;
	width: 32px;
	height:28px;
}
.dvdMark {
	width:40px;
	color:#000000;
}
.dvdCover {
	width: 122px;
}
.dvdImageShow {
	width: 100px;
}
.dvdImage {
	border:0;
	width: 32px;
	height:28px;
}  
.equipmentMark {
	width:40px;
	color:#000000;
}
.equipmentCover {
	width: 122px;
}
.equipmentImageShow {
	width: 100px;
}
.equipmentImage {
	border:0;
	width: 32px;
	height:28px;
}  
.cdMark {
	width:40px;
	color:#000000;
}
.cdCover {
	width: 122px;
}
.cdImageShow {
	width: 100px;
}
.cdImage {
	border:0;
	width: 32px;
	height:28px;
} 
.mapMark {
	width:40px;
	color:#000000;
}
.mapCover {
	width: 122px;
}
.mapImageShow {
	width: 100px;
}
.mapImage {
	border:0;
	width: 32px;
	height:28px;
} 
.mediaMark {
	visibility:visible;
	width:40px;
	color:#000000;
}
.mediaCover {
	display: none;
	width: 122px;
}
.mediaImageShow {
	width: 100px;
}
.mediaImage {
	border:0;
	width: 32px;
	height:28px;
} 
.pamphletMark {
	width:40px;
	color:#000000;
}
.pamphletCover {
	width: 122px;
}
.pamphletImageShow {
	width: 100px;
}
.pamphletImage {
	border:0;
	width: 32px;
	height:28px;
} 
.prospectMark {
	width:40px;
	color:#000000;
}
.prospectCover {
	width: 122px;
}
.prospectImageShow {
	width: 100px;
}
.prospectImage {
	border:0;
	width: 32px;
	height:28px;
}  
.ebookMark {
	width:40px;
	color:#000000;
}
.ebookCover {
	width: 122px;
}
.ebookImageShow {
	width: 100px;
}
.ebookImage {
	border:0;
	width: 32px;
	height:28px;
}  
.journalMark {
	width:40px;
	color:#000000;
}
.journalCover {
	width: 122px;
}
.journalImageShow {
	width: 100px;
}
.journalImage {
	border:0;
	width: 32px;
	height:28px;
}  
.jcopyMark {
	width:40px;
	color:#000000;
}
.jcopyCover {
	width: 122px;
}
.jcopyImageShow {
	width: 100px;
}
.jcopyImage {
	border:0;
	width: 32px;
	height:28px;
}  
.standardMark {
	width:40px;
	color:#000000;
}
.standardCover {
	width: 122px;
}
.standardImageShow {
	width: 100px;
}
.standardImage {
	border:0;
	width: 32px;
	height:28px;
}  
.tapeMark {
	width:40px;
	color:#000000;
}
.tapeCover {
	width: 122px;
}
.tapeImageShow {
	width: 100px;
}
.tapeImage {
	border:0;
	width: 32px;
	height:28px;
} 
.videoMark {
	width:40px;
	color:#000000;
}
.videoCover {
	width: 122px;
}
.videoImageShow {
	width: 100px;
}
.videoImage {
	border:0;
	width: 32px;
	height:28px;
}  
.folderMark {
	width:40px;
	color:#000000;
}
.folderCover {
	width: 122px;
}
.folderImageShow {
	width: 100px;
}
.folderImage {
	border:0;
	width: 32px;
	height:28px;
}  
.loginShow {
	display:block;
}
.newaddShow {
	display:block;
}
#navigate11 {
  margin: 145px 0 10px 0;
  overflow: hidden;
  width:69%; /* 59% with 3 options */
  text-align:center;
  font-size:18px;
}
#navigate11 li {
	display:inline;
	line-height: 20px;
}
#navigate11 li a 
{
  color: #e4e6e5;
  text-decoration:none;
  margin-right:10px;
}
#navigate11 li a:hover {
	color: gray;
}
#navigate11 li a#current{
	color:#ffffff;
	font-weight:bolder;
}
#navigate11 li.showit{
	display:inline;
}
#navigate11 li.noshowit{
	display:none;
}
.pushdown {
	margin-top:0px !important;
}
.showit {
	display:inline;
}
.noshowit {
	display:none;
}
.searchBanner{
	padding-left: 10px;
}
.full-padding {
	padding-bottom: 20px !important;
}
.loginout {
	display:none;
}
.logoutin {
	display:inline;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	height: 24px;
	/*background: #dbd6e2 url(../Images/Hopwood/tab-arrow.png) 4px center no-repeat;*/
	background-color: #dbd6e2;
	color:  #54565b;
	font-weight:normal;
	width: 80px;
	border: 2px solid #54565b;
	border-radius: 3px;	
}
.logoutin:hover {
	font-weight:bold;
}

.inputFilter{
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	height: 36px;
	background: #dbd6e2 url(../Images/Hopwood/tab-arrow.png) right center no-repeat;
	background-color: #dbd6e2;
	color: #54565b;
	font-weight:normal;
	width: 180px;
}
.inputFilter:hover{
	font-weight:bold;
    outline: none;
    border-color: #54565b;
    box-shadow: 0 0 5px #54565b;	
}
.inputSize{
	font-size: 16px;
	line-height: 20px;
	height: 30px;
}
.inputSearch{
	font-size: 16px;
	line-height: 20px;
	text-align:left;
	height: 36px;
	background: #669933 url(../Images/Hopwood/Search1.png) right center no-repeat;
	color: #ffffff;
	font-weight:normal;
	width: 100px;
}
.inputSubmit{
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	height: 36px;
	/*background: #dbd6e2 url(../Images/CSussex1/Search1.png) right center no-repeat;*/
	background-color: #669933;
	color: #ffffff;
	font-weight:normal;
	width: 100px;
}
.inputSubmit1{
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	height: 36px;
	/*background: #dbd6e2 url(../Images/CSussex1/Search1.png) right center no-repeat;*/
	background-color: #669933;
	color: #ffffff;
	font-weight:normal;
	width: 160px;
}
.inputSearch:hover, .inputSubmit:hover,.inputSubmit1:hover{
	font-weight:bold;
}
.inputRun{
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	height: 30px;
	/*background: #dbd6e2 url(../Images/CSussex1/Search1.png) right center no-repeat;*/
	background-color: #669933;
	color: #ffffff;
	font-weight:normal;
	width: 80px;
}
.inputRun:hover{
	font-weight:bold;
}
.inputWidth {
	width: 250px;
}
.input-border {
	border: 2px solid #003300;
	border-radius: 3px;
}
.input-border:focus { 
    outline: none;
    border-color: #003300;
    box-shadow: 0 0 5px #003300;  
}

.ui-accordion, ui-accordion-header, ui-accordion-content {
	background-color:aquamarine;
}
.text-right {
	text-align:right;
}
.text-left {
	text-align:left;
}
.grid-padding {
	padding: 0 0 20px 0;
}
.grid-content-padding {
	padding: 0;
}
.grid-caption-padding {
	padding: 0;
    clear:left;
}
.grid-title-padding {
	padding: 0 0 10px 0;
}
.title-caption {
	padding: 0px 0px 15px 250px;
}
.title-heading{
	font-size:20px;
	font-weight:bold;
	padding-bottom: 15px;
	float:left;
}
.width20 {
	width: 100px;
}
.width80 {
	width: 600px;
}
.cellcolor1 {
	visibility:hidden;
}
.hidebycolor {
	color: #FFFFFF;
}
#userInput, #searchBy, #userReport, #userInput, #userPassword {
	color:gray;
}
#userInput:focus, #searchBy:focus, #userReport:focus, #userInput:focus, #userPassword:focus {
	color: rgb(0, 0, 0);
}
.holdings-color {
  color:red;	
}
.backColor {
  width: 960px;
}
#eResouces 
{
  margin: 45px 0 0 0;
  /*padding-left:10px;*/
  text-align:left;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e9e5ef')";
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #e9e5ef),color-stop(1, #ffffff));
  min-height: 475px;
  padding: 0 0 0 19px;
}
.eResoucesAdvanced 
{
/*  margin: 45px 0 0 0;
  text-align:left;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e9e5ef')";
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #e9e5ef),color-stop(1, #ffffff));
  padding: 0 0 0 19px;*/
    min-height: 703px !important;

}

#eResourcesHeader {
  font-size:0.9em;
  color:#37075a;
  font-weight:bold;
}
#eResouces li 
{
 font-size:0.75em;
 list-style-image: url(../Images/CSussex1/bullet-arrow.png);
 list-style-position:outside;
}
#eResouces li a:link {
	text-decoration:none;
	color: #37075a;
}
#eResouces li a:link:hover{
	text-decoration:underline;
}
#eResouces li a:visited {
	color: #37075a;
}
#userInput, #searchBy, #userReport, #userInput, #userPassword {
	color:gray;
}
#userInput:focus, #searchBy:focus, #userReport:focus, #userInput:focus, #userPassword:focus {
	color: rgb(0, 0, 0);
}
#navFooter 
{
 /* height: 40px;*/
  width: 100%;
  padding-top: 10px;
  padding-bottom: 0;
}
#navFooter ul 
{
margin: 0 auto 0 auto;
width: 960px;
}
#navFooter li
{
  padding:10px 0 0 0;
  float: left;
  width: 137px;
  height: 30px;
  list-style-type: none;
  text-align: center;
  display:block;
  background: url(../Images/Hopwood/tab-grey.png) no-repeat center top;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#339933', endColorstr='#003300')";
  background-image: -ms-linear-gradient(top, #339933, #003300);
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #339933),color-stop(1, #003300));
}
#navFooter li a {
  text-decoration:none;
  color: #FFFFFF;
}
#navFooter li a:hover {
	text-decoration: underline;
}