/* Actually Top  */
#middle{
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 136px;
	}

	
/* Top Banner Styles */

#logo{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 136px;
	width: 136px;
	text-align: center;
	}

#bluebanner{
	height: 78px;
	}
#name{
	float: left;
	width: 380px;
	padding: 3px 0px 0px 0px;
	margin: 0px;
	}
.bannername{
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: 1px;
	color: #003366;
	margin: 0px;
	padding: 0px;
	}
.largecap{
	font-size: 28px;
	}
.phone{
	font-size: 16px;
	}

#address{
	text-align: right;
	margin-left: 380px;
	font-size: 14px;
	padding: 5px 10px 0px 0px;
	margin: 0px;
	}


/* Navigation Styles */
	
/* Main Navigation Links */

#mainnav{
	margin-left: 130px;
	height: 58px;
	line-height: 1em;
        vertical-align: bottom;
	}

div#mainnav a{
	color: #ffffff;
	text-decoration: none;
	}
div#mainnav a:hover{
	color: #ffffff;
	text-decoration: underline;
	}
div#mainnav a:visited{
	color: #ffffff;
	}

#snow-removal{
	background: #7194b8 url(../images/tabcorner.gif) no-repeat right top;
	}
#salting{
	background: #db4d71 url(../images/tabcorner.gif) no-repeat right top;
	}
#ask-quote{
	background: #94b84d url(../images/tabcorner.gif) no-repeat right top;
	}
#history{
	background: #dbb84d url(../images/tabcorner.gif) no-repeat right top;
	}
#contact{
	background: #944d94 url(../images/tabcorner.gif) no-repeat right top;
	}

.navTab{
        display: block;
	float: left;
	margin: 0px;
	height: 58px;
/*	width: 19.975%; */
        width: 19.85%; 
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
/* */
        text-align: center;
        vertical-align: middle;
/* */
	text-decoration: none;
	color: #ffffff;
	}

.navText{
	padding: 30px 0px 5px 5px;
	}


/* Content Portion of Page */
#rule{
	height: 6px;
	background: #CFD7DE;
	clear: both;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
	}
	

/* Left Container */
#leftcontainer{
	float: left;
/*        width: 74%;  */
	background: #cfd7de;
	}
/* Left Column */
#leftcolumn{
	float: left;
	width: 130px;
	background: #cfd7de;
	}
#sectionlinks,
#relatedlinks,
#outsidelinks{
	display: none;
	padding: 5px 5px 10px 0px;
	margin: 0px;
	border-bottom: 1px solid #fff;
	}
#leftcontent{
	display: none;
	padding: 5px 5px 10px 0px;
	margin: 0px;
	}
/* Main Column */
#maincolumn{
	background: #ffffff;
	border: 1px solid #ffffff;
	border-top: 15px solid #ffffff;
	border-right: none;
	margin: 0px 0px 0px 130px;
	padding: 12px;
	}
		

/* Footer */
#footer{
	clear:both;
	text-align: center;
	font-family: bold 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 0px 10px 0px;
	border-top: 1px solid #CFD7DE;
	}

/* Bin Table Classes */
.tableTitle {
        text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
        font-weight: bold;
        color: #0000C0;
        }
.tableHeader {
        text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
        font-weight: bold;
        color: #000000;
        }
.tableCell {
        text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
        color: #000000;
        }
.tableCaption {
        text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
        color: #000000;
        }
.tableImage {
        text-align: center;
        vertical-align: middle;
        border-style: none;
        }


/* Order Form Classes */
.formTitle { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
        }
.formLabel { 
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
        text-align: right;
        }
.formSpacer {
        width: 4%;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
        } 
.formInput {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
        text-align: left;
        }


.orderbuttonoff {
        display: block;
        width: 200px;
        vertical-align: middle;
        background-color: #CEEAFF;
        color: #000000; 
        border-width: 1px;
        border-style: solid;
        border-color: #808080;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        text-decoration: none;
        } 

.faqbuttonoff {
        display: block;
        background-color: #CEEAFF;
        color: #000000; 
        width: 600px;
        border-width: 2px;
        border-style: solid;
        border-color: #808080;
	font-size: 16px;
	font-weight: bold;
        text-align: left;
        text-indent: 24px;
        text-decoration: none;
        vertical-align: middle;
        } 

/*                     */
/* Navigation Buttons  */
/*                     */
.navbuttonlg { 
        display: block; 
        width: 250px; 
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 20px;
        font-weight: bold;
        background-color: #CEEAFF;
        color: #0000ff;
        border-style: solid;
        border-width: 1px;
        border-color: #808080;
        text-decoration: none;
        }
.navbuttonmed { 
        display: block; 
        width: 190px; 
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 18px;
        font-weight: bold;
        background-color: #CEEAFF;
        color: #0000ff;
        border-style: solid;
        border-width: 1px;
        border-color: #808080;
        text-decoration: none;
        }
.navbuttonsm { 
        display: block; 
        width: 120px; 
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 16px;
        font-weight: bold;
        background-color: #CEEAFF;
        color: #0000ff;
        border-style: solid;
        border-width: 1px;
        border-color: #808080;
        text-align: center;
        text-decoration: none;
        }


/* General Classes  */
.bordernone {
        border-style: none;
        }
.alignleft {
        text-align: left;
        }
.aligncenter {
        text-align: center;
        }
.alignright {
        text-align: right;
        }
.alignjustify {
        text-align: justify;
        }
.valignmiddle {
        vertical-align: middle; 
        }
.paddingmedium {
        padding: 20px;
        }
.blockcenter {
        margin-left: auto;
        margin-right: auto;
        }


.text36 {
	font-size: 36px;
        }
.text30 {
	font-size: 30px;
        }
.text24 {
	font-size: 24px;
        }
.text20 {
 	font-size: 20px;
        }
.text16 {
	font-size: 16px;
        }
.text14 {
	font-size: 14px;
        }
.text12 {
	font-size: 12px;
        }
.text10 {
	font-size: 10px;
        }




/* FONT DEFINITIONS */
body, div, p, th, td, li, dd, code, tt, h3 {
  font-family: Georgia, "Times New Roman", Times, serif;
}




/* X-LARGE */
body h1.pagehead {
	font-size: large;
	font-size: x-large;
}

/* LARGE */
body h1{
	font-size: large;
}
	
	
/* MEDIUM */
body h2,
body div#leftcontent h1, 
body div#toc h1
	{
	font-size: medium;
	}

/* SMALL */
body h3,
body h4,
body h5,
body h6,
body div#top p,
body div#toc h2
	{
	font-size: small;
	}

/* X-SMALL */
body div#leftcontent p,
body div#updatelist h2,
body div#footer p,
body div td,
body div p.note,
body div p.to-top,
body input,
body select,
body div#toc li
	{
	font-size: x-small;
	}



/* Tag Definitions (not including font size -- define font size above) */

a{
	color: #336699;
	}
a:hover{
	color: #db4d71;
	}
a:visited{
	color: #666666;
	}



h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	line-height: 1.25em;
	}
h1{
	color: #336699;
	}
h2{
	color: #cc0033;
	}
h3{
	color: #689900;
	}
h4, h5, h6{
	color: #666666;
	}
	
	
hr{
	color: #cccccc;
	}


h1.pagehead{
	color: #999999;
	background: #ffffff;
	}
	
	
div#footer p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5px;
	margin: 0px;
	}
	
	
	
/* Classes */



p.to-top{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	}
.note{
	font-style: italic;
	}