@charset "UTF-8";
/* ELECTRONIC RECYCLING ASSOCIATION STYLESHEET */

* {
  margin:0;
  padding:0;
} 
body {
     margin:0 auto;
     padding:0;
     font-family:century gothic;
     }
ul {
   list-style:none;
   }
li {
   display:inline;
   margin-left:1.5px;
   }
img {
    border:none;
    }
img.era {
	width:122px;
	height:72px;
	}
img.elec {
	 width:292px;
	 height:72px;
	 }
img.link {
	 width:144px;
	 height:42px;
	 }
div#content{
	width:896px;
	margin:0 auto;
}

div#bottomlink {
	       width:896px;
	       height:42px;
	       background-image:url(images/bottomlink.gif);
	       background-repeat:no-repeat;
	       border:none;
	       padding-top:10px;
	       color:white;
	       text-align:center;
	       margin:0;
	       clear:both;
	       }
div#bottomlink a {
	       color:white;
	       font-size:85%;
	       padding-right:20px;
}
div#link {
	 clear:both;
	 }
div#footer {
	   width:896px;
	   height:318px;
	   background-image:url(images/footer.gif);
	   background-repeat:no-repeat;
	   border:none;
	   padding-top:5px;
	   color:white;
	   text-align:center;
	   margin-top:-6px;
	   }
div#monitor1, div#monitor2, div#monitor3, div#monitor4 {
	      width:198px;
	      background-image:url(images/monitor.gif);
	      background-repeat:no-repeat;
	      float:left;
	      padding:10px;
	      text-align:center;
	      padding-top:160px;
		  position:relative;
	      }
	      		   
div#monitor1  div.image {
	position:absolute;
	float:left;
	top:20px;
	left:34px;
}				   
			
div#monitor2 div.image {
	position:absolute;
	float:left;
		top:20px;
	left:34px;
}

div#monitor3 div.image {
	position:absolute;
	float:left;
		top:20px;
	left:34px;
}

div#monitor4 div.image {
	position:absolute;
	float:left;
		top:20px;
	left:34px;
}			
				   
div#monitor1 h4{
	      font-size:14px;
	      margin-left:5px;
}

div#monitor2 h4{
	      font-size:14px; 
	      margin-left:5px;		
}

div#monitor3 h4 {
		font-size:14px;
	     margin-left:5px;		
}

div#monitor4 h4 {
		font-size:14px;
	     margin-left:5px;		
}
	      
p.footer {
	 text-align:center;
	 font-size:70%;
	 }
a {
  color:#339933;
  }
div#left {
	 width:160px;
	 float:left;
	 padding:10px;
	 font-size:90%
}
div#left li {
	 display:block;
	 }
	 
div#middle {
	   width:475px;
	   float:left;
	   padding:10px;
	   text-align:left;
	   font-size:90%;
}

div#middle p {
	   margin-top:10px;
	   margin-left:15px;
	   }
	   
	   
	   
div#right {
	  width:175px;
	  float:right;
	  padding:10px;
	  font-size:90%;
}

div.staff-login {
	margin-top:20px;
	float:left;
	height:200px;
	width:205px;
	background-color:#319a31;
	padding:10px;
	margin-bottom:20px;
}

div.staff-login h2 {
	font-size: 1.2em;	
	padding-bottom:15px;
}

div.user-login h2 {
	font-size: 1.2em;
	padding-bottom:15px;
}

div.user-login {
	margin-top:20px;
	background-color:#319a31;
	float:right;
	height:200px;
	width:205px;
	padding:10px;
	margin-bottom:20px;
}

div.person {
	position:relative;
	top:0px;
	left:0px;
}

div.above-menu {
	position:relative;
}

div.monitor {
	position:relative;
	top:0px;
	left:0px;
}

div#divVHSS {
	top:0px;
	left:0px;
	position:absolute;
}


/* BEGINNING OF ACCORDIAN NEWS SECTION CSS */

#accordion {
	margin:20px 0px;
}

#accordion div.image {
	margin-top:7px;
	margin-bottom:7px;
	margin-left:9px;
	margin-right:9px;
	float:left;
}

h3.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-family: 'Andale Mono', sans-serif;
	font-size: 12px;
	background: #D2E0E6;
	color: #528CE0;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}

blockquote {
	padding:5px 20px;
}

/* END OF ACCORDIAN NEWS SECTION CSS */


label {
	width:200px;
	float:left;
}


table.browsetable {
	width:500px;
	color:white;
}

table.browsetable a {
	color:white;
}

table.browsetable th{
	background-color:#319a31;
}

table.browsetable td {
	background-color:#398839;
}

table.browsetable tr th{
	
	
}