/*****************************
HTML Elements (alphabetical)
*****************************/

body
	{
		margin: 30px 0 30px 0;
		padding: 0;
		background: #fff;
		font-family: tahoma, verdana, arial;
		font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
		color: #363434;
	}

a
	{
		color: #02802b;
	}
	
a:hover
	{
		color: #59441D;
	}
	
li, p, ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}

table
	{
		border-collapse: collapse;
	}

/*****************************
Classes (alphabetical)
*****************************/

.clearBoth
	{
		clear: both;
	}

/*
Used as a workaround for problem in IE6, where it causes additional spacing below
the floated elements.
*/
.clearBothDoubleFloatFix
	{
		height: 0;
		line-height: 0;
		font-size: 0;
		clear: both;
	}
	
.pageList1
	{
		margin-left: 3em;
		margin-top: 10px;
	}
	
.pageListItem1
	{
		list-style-type: disc;
		text-align: justify;
		margin-bottom: 0.2em;
	}
	
.pageHeader1
	{
		font-size: 130%;
		color: #59441d;
		font-weight: bold;
		letter-spacing: 0.2em;
		margin-top: 1.5em;
		margin-bottom: 0.5em;
	}
	
.pageHeader2
	{
		font-size: 110%;
		font-weight: bold;
		letter-spacing: 0.1em;
		margin-top: 1.5em;
		margin-bottom: 0.2em;
		margin-left: 2em;
	}
	
.pageText1
	{
		margin-bottom: 1em;
	}
	
.pageText2
	{
		margin-bottom: 1em;
		margin-left: 2em;
	}
	
/*****************************
Objects (order of appearance)
*****************************/

#pageContainer
	{
		width: 740px;
		margin: auto;
	}

#header
	{
		width: 740px;
		margin-bottom: 3px;
		background: #090;
		position: relative;
	}

#logo
	{
		width: 86px;
		height: 77px;
		background: #090;
		border: 0;
		position: absolute;
		top: 0px;
	}
	
#companyName
	{
		width: 654px;
		height: 60px;
		background: url(../images/company_name.gif) no-repeat #fff;
		margin-left: 86px;
	}
	
#topNavPanel
	{
		width: 720px;
		background: url(../images/top_nav_strip.jpg) repeat-x top left #090;
		padding: 28px 10px 3px 10px;
		font-size: 110%;
		letter-spacing: 1px;
		color: #fff;
	}
	
#topNavPanel .navList
	{
		float: right;
	}

#topNavPanel .navList li
	{
		float: left;
		padding-left: 10px;
		margin-left: 10px;
		border-left: solid 1px #fff;
	}
	
#topNavPanel .navList li a
	{
		color: #fff;
		text-decoration: none;
	}
	
#topNavPanel .navList li a:hover
	{
		color: #E9F400;
	}
	
#topNavPanel .navList li.first
	{
		padding-left: 0;
		margin-left: 0;
		border-left: 0;
	}

/*
#headerImage
	{
		width: 740px;
		height: 180px;
		background: url(../images/header_photo.jpg) #090;
		margin-bottom: 3px;
	}
//*/

#imageBlender
	{
		background: #090;
		margin-bottom: 3px;
	}

/*
Flash navigation.
*/
#navigation
	{
		margin-bottom: 14px;
	}

#mainPage
	{
		width: 740px;
		margin-bottom: 3px;
	}

/*#pageTitleContainer
	{
		background: #f00;
	}*/

/*
The actual image is controlled with JS so that each page is unique.
*/
#pageTitleIcon
	{
		width: 104px;
		height: 81px;
		float: left;
		background: #d4d4b9;
	}
	
#title
	{
		width: 636px;
		background: #d4d4b9;
		float: left;
		position: relative;
	}

#titleTable
	{
		height: 36px;
		font-size: 140%;
		font-weight: bold;
		letter-spacing: 3px;
		color: #fff;
		border: 0;
	}
	
#titleCorner
	{
		width: 20px;
		height: 20px;
		background: url(../images/brown_corner_top_right.gif);
		position: absolute;
		right: 0;
	}

/*
An image is used instead of a border as IE requires page refresh to show a vertical
border which begins off-page.
*/
#pageContent
	{
		clear: both;
		border-bottom: solid 2px #d4d4b9;
		padding: 0 0 20px 20px;
		letter-spacing: 0.1em;
		background: url(../images/page_left_line.gif) repeat-y;
		font-size: 110%;
	}

#pageLeft
	{
		float: left;
		width: 500px;
	}
	
#pageRightBoxes
	{
		float: right;
		width: 187px;
	}
	
#wastesafeContactMan
	{
		float: right;
	}
	
#contactButton
	{
		width: 187px;
		height: 34px;
		border: 0;
	}
	
#tempContactBox
	{
		width: 187px;
		height: 156px;
		background: url(../images/contact_panel_top.jpg) no-repeat;
	}

#sideBoxContainer
	{
		width: 187px;
		margin-bottom: 30px;
	}

/*

.sideBox
	{
		width: 202px;
		background: url(../images/sideBox/sideBoxBottom.gif) no-repeat bottom left;
		background-color: #fff;
	}

.sideBox b
	{
		font-size: 110%;
		font-weight: bold;
	}
		
.sideBox h3
	{
		margin: 0 8px 0 0;
		padding: 7px 20px 8px 10px;
		border-bottom: solid 1px;
		border-bottom-color: #015C7A;
		font-size: 80%;
		letter-spacing: 0.1em;
		font-weight: bold;
		font-style: normal;
		color: #fff;
	}
	
.sideBox p
	{
		font-family: "century gothic";
		text-align: center;
		letter-spacing: 0.1em;
		word-spacing: 0.1em;
		font-size: 75%;
	}

.sideBox .content
	{
		padding: 10px 16px 16px 10px;
	}
	
.sideBox a
	{
		font-size: 110%;
	}

.sideBox .title
	{
		display: block;
		background: url(../images/sideBox/sideBoxTop.gif) no-repeat top left;
		background-color: #F68433;
	}
	
*/

#fsbLogo
	{
		width: 120px;
		height: 148px;
		border: 0;
		display: block;
		margin: auto;
	}
	
#ppdLogo
	{
		width: 120px;
		height: 59px;
		border: 0;
		display: block;
		margin: auto;
	}
	
#alphaTechLogo
	{
		width: 185px;
		height: 31px;
		border: 0;
		display: block;
		margin: auto;
	}

#bottomNavPanel
	{
		width: 720px;/*original:740*/
		background: #090;
		padding: 5px 10px 5px 10px;
		font-size: 110%;
		letter-spacing: 1px;
		color: #fff;
	}
	
#bottomNavPanel .navTable
	{
		width: 720px;
	}
	
#bottomNavPanel .navList li
	{
		float: left;
		padding-left: 10px;
		margin-left: 10px;
		border-left: solid 1px #fff;
	}
	
#bottomNavPanel .navList li a
	{
		color: #fff;
		text-decoration: none;
	}
	
#bottomNavPanel .navList li a:hover
	{
		color: #E9F400;
	}
	
#bottomNavPanel .navList li.first
	{
		padding-left: 0;
		margin-left: 0;
		border-left: 0;
	}

#footerText
	{
		letter-spacing: 0.1em;
		line-height: 1.5em;
		padding: 2px 10px;
		padding-bottom: 0;
	}