/* WHOLE-SITE TAGS */

/* These tags apply to the entire site and define HTML elements as a whole.
   This document is where thinks like link color, what H1 renders as, and so
   forth are defined.  */


html
/* The following three tags, html body and img#mainlogo, all define the central
"look" of the US Waste background -- the white lines across the top, the blue
bar down the left, and the main logo. */
{													
	margin: 0px;									
	background-position: top left;					
	background-image: url(graphics/lbg2.gif);
	background-repeat: repeat-y;				
}													

img#mainlogo
{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
}

div#content
{
	margin-left: 100px;
	margin-top: 125px;
}

div#stripes
{
	height: 114px;
	width: 100%;
	background-image: url(graphics/top_bg.gif);
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -100;
}

a {	color: blue; text-decoration: none; }
a:visited { color: blue; }
a:hover { text-decoration: underline; }

h1 
{
	text-align: center;
	color: #000099;
	font-weight: bold;
	font-variant: small-caps;
}
	
img#truckbanner {
	margin-left: auto;
	margin-right: auto;
}

img#cardlogo
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -148px;
}


/* Style for splash page. */

div#splash
{  /* this is a weird CSS hack for IE. thanks M$ */ 
	position: absolute; 
	left: 50%; 
	margin-left: -200px; 
	width: 400px;
	height: 376px;
    top: 180px;
	background-image: url(azco.png); 
}

a#colink
{
	position: absolute; 
	top: 65px; 
	left: 85px;
}

a#azlink
{
	position: absolute;
	right: 95px;
	bottom: 65px;
}

p#introtext
{
	text-align: center;
	position: relative;
	top: 130px;
	font-size: 18pt;
}

/* Style for main Colorado page */

div#simplepay
{
	width: 224px;
	font-weight: bold;
	text-align: center;
	float: left;
}

.divtwins { height: 200px; }

div#recycle
{
	float:left;
	margin-left: 50px;
	}

div#service
{
	float: none;
	}