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

body
	{
		margin: 0 0 30px;
		padding: 0;
		font-family: tahoma, verdana, arial;
		font-size: 72%; /* This sets the default font size to be equivalent to 10px */
		color: #363434;
		background: url(../images/page_bg_bottom.jpg) #fff repeat-x bottom;
	}

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

table
	{
		border-collapse: collapse;
	}

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

.accordion div.text
	{
		width: 500px;
	}
	
.accordion h2
	{
		font-size: 120%;
	}
	
/* can have a max width of 100px */
.accordion img
	{
		float:right;
		border: solid 1px #d4d4b9;
	}

.accordion li
	{
		list-style-type: disc;
		text-align: justify;
		margin-bottom: 0.2em;
	}
	
.accordion p
	{
		margin-bottom: 1em;
		text-align: justify;
	}
	
.accordion ul
	{
		margin-left: 3em;
		margin-top: 10px;
	}

.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;
	}
	
.imageLinks
	{
		/*border: solid 1px #000;*/
	}
	
.imageLinks span
	{
		/*border: solid 1px #f00;*/
		display: block;
		margin-bottom: 30px;
		padding-left: 20px;
	}
	
.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: 2em;
		margin-bottom: 1em;
	}
	
.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;
	}

.pdfLarge
	{
		margin: 32px 0 0 20px;
	}
	
.pdfLarge a
	{
		background: url(../images/third_party/pdficon_large.gif) no-repeat;
		padding: 7px 0 10px 42px;
	}

.xlsLarge
	{
		margin: 32px 0 0 20px;
	}
	
.xlsLarge a
	{
		background: url(../images/third_party/xls.gif) no-repeat;
		padding: 7px 0 10px 42px;
	}

.quote
	{
		font-size: 100%;
		/*font-style: italic;*/
		margin-bottom: 1em;
		color: #777;
	}
	
.quoteBy
	{
		font-size: 85%;
		font-weight: bold;
		/*font-style: italic;*/
		/*text-align: right;*/
		margin-bottom: 2em;
	}

.ui-widget-content p a
	{
		color: #02802b;
	}

.ui-widget-content p a:hover
	{
		color: #59441D;
	}
	
/*****************************
Objects (order of appearance)
*****************************/

#innerBody
{
	background: url(../images/page_bg_top.jpg) transparent repeat-x top;
	padding-top: 30px;
}

#pageContainer
	{
		width: 926px;
		margin: auto;
		background: #fff;
		padding-top: 25px;
	}

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

#logo
	{
		width: 86px;
		height: 77px;
		background: #090;
		border: 0;
		position: absolute;
		top: 0px;
	}
	
#companyName
	{
		width: 830px;
		height: 60px;
		background: url(../images/company_name.gif) no-repeat #fff;
		margin-left: 86px;
		text-align: right;
		color: #86ce00;
		padding-right: 10px;
	}
	
#bigPhoneNo
	{
		font-weight: bold;
		font-size: 200%;
	}
	
#bigEmail
	{
		color: #86ce00;
		font-size: 120%;
		letter-spacing: .1em;
		text-decoration: none;
	}
	
#bigEmail:hover
	{
		color: #009900;
	}
	
#topNavPanel
	{
		width: 906px;
		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: #fff;
		margin-bottom: 3px;/*~collapse*/
		height: 180px;
	}

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

#flashNavContainer
	{
		background: #f2f2db;
		margin-bottom: 3px;
		position: relative;
	}
	
#fisherman
	{
		width: 200px;
		height: 200px;
		/*border: solid 1px #000;*/
		position: absolute;
		top: -40px;
		right: 0;
		z-index: 1;
	}
	
#mainPage
	{
		width: 926px;
		/*margin-bottom: 3px;*//*~collapse*/
	}

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

/*
The actual image is controlled with JS so that each page is unique.
*/
#pageTitleIcon
	{
		width: 104px;
		height: 81px;
		float: left;
		background: #6cc400;
	}
	
#title
	{
		width: 822px;
		background: #6cc400 url(../images/grass.jpg) no-repeat right;
		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);*//*~collapse*/
		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;*//*~collapse*/
		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: 686px;
	}
	
#wastesafeText
	{
		margin: 20px 0 40px;
	}
	
#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
	{
		background: #6cc400;
		padding: 5px 20px;
		font-size: 110%;
		letter-spacing: 1px;
		color: #fff;
	}
	
#bottomNavPanel .navTable
	{
		width: 906px;
	}
	
#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: 10px 0px 20px 20px;
		float: left;
	}
	
#footerIconBlock
	{
		padding: 5px 20px 0px 0px;
		float: right;
	}
	
#footerIconBlock img.facebook
	{
		width:42px;
		height:41px;
	}

#footerIconBlock iframe
	{
		margin: 5px 0 5px 0;
	}