@import "home.css";

body
{
	color: #000000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	background-image: url(/images/back-top-interior_v2.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}



/* ==rwr #BGround
{
	margin: 0 auto;
	padding: 0;
	min-width: 1000px;
	width: auto !important;
	width: 1000px;
	height: 100%;
	background: transparent url(../images/back-grad.gif) repeat-y 50% 0;
}

Removed for home page edit 11/25/2009

#ApplianceRecycling{
position:absolute;
left:350px;
top:460px;
}
*/

#Container
{
	margin: 0 auto;
	padding: 0;
	 width:980px;
	/*background: transparent url(../images/back-top-interior.jpg) no-repeat 50% 0; ==rwr */
}

#InnerContainer
{
	/* ==rwr
	position: relative;
	margin: 0 auto;
	 width: 1000px; /* ff fix */
	/* ==rwr border: 1px solid transparent; */
}
#content
{
}
#center
{
	width: 440px;
}


/*#container {
margin:0 auto;
width: 1020px;
/* ff fix /
border: 1px solid transparent;
}*/
#mar
{
	margin-top: 40px;
}

a, a:link, a:visited, a:active, a:hover
{
	/*postition: relative;*/
	color: blue;
}

h1
{
	font-size: 16px;
}
h2
{
	font-size: 14px;
}
h3
{
	font-size: 13px;
}

hr
{
	border: none 0;
	border-top: 1px solid #e5e5e5; /*the border*/
	width: 100%;
	height: 1px;
}



ul.list
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
}
/* add a way to create some margin for elements if they need it */
ul.list.addMarginTop
{
	margin-top: 10px;
}

ul.list li
{
	background-image: url(../images/bullet.gif);
	background-position: 0 2px;
	background-repeat: no-repeat;
	padding-left: 26px;
	padding-bottom: 10px;
}
ol
{
	margin: 0;
	padding: 0;
}
ol li
{
	margin-left: 31px;
	padding-left: 0;
}
ol ul.list li
{
	margin-left: 0;
	padding-left: 26px;
}
ul.list ol li
{
	background-image: none;
}
.alt
{
	background: #e7e7e7;
}
#nav
{
	width: 698px;
}
.menu
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu li
{
	padding: 0;
	margin: 0;
	height: 53px;
	list-style: none;
}
.menu li a, .menu li a:visited
{
	display: block;
	text-decoration: none;
	text-indent: 0; /*-3000px*/
	height: 53px;
	background-repeat: no-repeat;
}
.menu li a span, .menu li a:visited span
{
	display: none;
}
.home
{
	background-image: url(../images/nav-home-over.jpg);
	width: 90px;
}
.home a
{
	background-image: url(../images/nav-home.jpg);
}
.savework
{
	background-image: url(../images/nav-saving-work-over.jpg);
	width: 156px;
}
.savework a
{
	background-image: url(../images/nav-saving-work.jpg);
}
.savehome
{
	background-image: url(../images/nav-saving-home-over.jpg);
	width: 165px;
}
.savehome a
{
	background-image: url(../images/nav-saving-home.jpg);
}
.doing
{
	background-image: url(../images/nav-doing-over.jpg);
	width: 191px;
}
.doing a
{
	background-image: url(../images/nav-doing.jpg);
}
.share
{
	background-image: url(../images/nav-share-over.jpg);
	width: 86px;
}
.share a
{
	background-image: url(../images/nav-share.jpg);
}
/* Selected */
.selhome
{
	background-image: url(../images/nav-home-down.gif);
	width: 90px;
}
.selhome a
{
	background-image: url(../images/nav-home-down.gif);
}
.selsavework
{
	background-image: url(../images/nav-saving-work-down.jpg);
	width: 156px;
}
.selsavework a
{
	background-image: url(../images/nav-saving-work-down.jpg);
}
.selsavehome
{
	background-image: url(../images/nav-saving-home-down.jpg);
	width: 165px;
}
.selsavehome a
{
	background-image: url(../images/nav-saving-home-down.jpg);
}
.seldoing
{
	background-image: url(../images/nav-doing-down.jpg);
	width: 191px;
}
.seldoing a
{
	background-image: url(../images/nav-doing-down.jpg);
}
.selshare
{
	background-image: url(../images/nav-share-down.jpg);
	width: 86px;
}
.selshare a
{
	background-image: url(../images/nav-share-down.jpg);
}
ul.menu li a:hover
{
	background: none;
}
.menu li
{
	float: left;
}
.menu:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#content
{
	
}
#interior
{
	margin-left: 10px;
	width: 980px; /*983px*/
}

/* Left Navigation */
#dLeftNav
{
	float: left;
	margin-left: 0px;
	margin-top: 30px;
	width: 214px;
}
#dLeftNav a
{
	text-decoration: none;
}
#dLeftNav .l1
{
	border-bottom: 1px solid #e5e5e5;
	padding: 5px 4px 3px 6px;
}
#dLeftNav .l1.header
{
	border-bottom: 0px;
	font-weight: bold;
}
#dLeftNav .l1.spacer
{
	border-bottom: 0px;
	padding: 16px 4px 0px 8px;
}
#dLeftNav .l1.selected
{
	background-color: #f0f0f0;
}
#dLeftNav .l1.selected a
{
}
#dLeftNav .over
{
	background-color: #f0f0f0;
}

#center
{
	float: left;
	margin-left: 25px;
	margin-top: 25px; /*border: 1px solid black;*/
}
#right
{
	float: right;
	margin-top: 40px;
	margin-left: 0px;
	width: 289px;
	height: 346px;
	background: transparent url(../images/right-image-holder.png) no-repeat 0 0;
}

#rightBottom
{
	float: right;
	width: 247px;
	margin-right: 30px;
	margin-top: 30px;
	text-align: center;
}

#right img
{
	margin-top: 380px;
	margin-left: 40px;
}
.clear
{
	clear: both;
}

#footer
{
	height: 97px;
	margin:0 auto;
	margin-top:55px;
	width:980px;
	background-image: url('../images/back-bottom-interior.gif');
	background-repeat:no-repeat;
}

.pageTitle
{
	margin-top: 7px;
}


/* form */
.form
{
	width: 414px;
}
.form .formTop
{
	height: 5px;
	font-size: 0px;
	background-repeat: no-repeat;
}
.form .requiredTitle
{
	height: 32px;
	background-image: url(../images/skins/white/forms/form_requiredTitle.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}
.form .rows
{
	padding: 0px 17px 0px 0px;
}
.form .rows .row
{
	/* border-bottom: 1px solid #dbd6c9; */
	padding-top: 5px;
	padding-bottom: 4px;
}
.form .rows .row .label.required, .form .rows .row .field.required
{
	background-image: url(../images/skins/white/forms/form_requiredStar.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}
.form .rows .row .label
{
	font-weight: bold;
}
.form .rows .row .label, .form .rows .row .field, .form .rows .buttons
{
	padding-left: 12px;
}
.form .rows .textRow
{
	padding: 9px 12px 0px 12px;
	font-size: 12px;
	line-height: 18px;
}
.form .buttons
{
	margin-top: 15px;
}
.form .formBottom
{
	height: 21px;
}
.form .description
{
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color: #7f7f7f;
	margin-left: 5px;
}
.form .field .fieldColLeft
{
	float: left;
	position: relative;
}
.form .field .fieldColRight
{
	float: right;
	width: 215px;
	padding-top: 3px;
	position: relative;
}



/* formContent */
.form .formContent
{
	/* background-image: url(/global/utilities/lib/images/skins/clouds/callouts/callout_m_repeatY.gif); */
	background-repeat: repeat-y;
	padding: 0px 5px;
}
.form .formContent .displayTable
{
	width: 100%;
}
.form .formContent .displayTable td
{
	border-bottom: 1px solid #dcd6c8;
	padding: 8px 0px 3px 0px;
}
.form .formContent .displayTable th
{
	padding: 8px 0px 0px 0px;
	text-align: left;
}
.form .formContent .displayTable .label
{
	font-weight: bold;
}
.form .formContent .textRow
{
	padding: 9px 0px 0px 0px;
	font-size: 12px;
	line-height: 18px;
}

/* formSmall */
.formSmall
{
	/* width: 210px; */
	width: 275px;
}
.formSmall .introText
{
	font-size: 12px;
	line-height: 18px;
	padding: 5px 19px 8px 19px;
}
.formSmall .introText .divider
{
	border-top-color: #dbd6c9;
	margin-bottom: 0px;
	margin-top: 6px;
}
.formSmall .requiredTitle
{
	height: 30px;
	background-image: url(../images/skins/white/forms/form_requiredTitle.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;	
	
}
.formSmall .rows
{
	padding: 0px;
}
.formSmall .rows .row
{
	padding-top: 5px;
	padding-bottom: 5px;
}

.formSmall .rows .row .label.required, .formSmall .rows .row .field.required
{
	background-image: url(../images/skins/white/forms/form_requiredStar.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}
.formSmall .rows .row .label
{
	font-weight: bold;
}

.formSmall .rows .row .label, .formSmall .rows .row .field, .formSmall .rows .buttons
{
	padding-left: 12px;
}

.formSmall .rows .fieldRow
{
	padding-left: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.formSmall .textRow
{
	padding: 5px 19px;
}
.formSmall .rows .textRow
{
	padding: 5px 5px;
}


.formSmall .rows .row .field input
{
	margin-left: 0px;
}


.formSmall .buttons
{
	margin-top: 10px;
}
.formSmall .formBottom
{
	height: 10px;
}
.formSmall .description
{
	font-size: 11px;
	color: #7f7f7f;
	margin-left: 1px;
}

.formSmall .field .fieldColLeft
{
	float: left;
	position: relative;
}
.formSmall .field .fieldColRight
{
	float: right;
	width: 215px;
	padding-top: 3px;
	position: relative;
}


.divider { border-top: 1px solid #e5e5e5; margin-top: 16px; margin-bottom: 16px; }

.addDoubleMarginBottom { margin-bottom: 20px; }
.addDoubleMarginTop { margin-top: 20px; }
.addHalfMarginBottom { margin-bottom: 5px; }
.addHalfMarginTop { margin-top: 5px; }
.addMarginBottom { margin-bottom: 10px; }
.addMarginTop { margin-top: 10px; }
.addTripleMarginBottom { margin-bottom: 30px; }
.addTripleMarginTop { margin-top: 30px; }
.addQuadMarginBottom { margin-bottom: 40px; }
.addQuadMarginTop { margin-top: 40px; }
.addQuinMarginBottom { margin-bottom: 50px; }
.addQuinMarginTop { margin-top: 50px; }
.addSexMarginBottom { margin-bottom: 60px; }
.addSexMarginTop { margin-top: 60px; }
.addSeptMarginBottom { margin-bottom: 70px; }
.addSeptMarginTop { margin-top: 70px; }
.addOctMarginBottom { margin-bottom: 80px; }
.addOctMarginTop { margin-top: 80px; }
.removeMarginTop { margin-top: 0px; }
.removeMarginBottom { margin-bottom: 0px; }