/*
Global Stylesheet
Drycleaning & Laundry Institute (DLI)
Created by: Neue Interactive / http://www.neueinteractive.com
*/


/* STYLES :: LAYOUT */

body { background-color: #015288; background-image: url(/images/site-bg.jpg); background-repeat: repeat-x; }

body, div, table, tr, td, p, span, h1, h2, h3, h4, h5, ul, li { margin: 0; padding: 0; }

a { outline: none; text-decoration: none; color: #6699cc; }
a img { outline: none; border: none; }

#wrapper { width: 960px; margin: 20px auto; background-color: white; }

#top { width: 935px; height: 105px; background-image: url(/images/top-bg.jpg); background-position: top left; background-repeat: no-repeat; text-align: right; padding: 35px 25px 0 0; }

	p.top { margin-bottom: 10px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #5d5d5d; line-height: 17px; }
	p.top a { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #5d5d5d; line-height: 17px; outline: none; text-decoration: none; }
	p.top a:hover { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #5d5d5d; line-height: 17px; text-decoration: none; }

#nav { width: 960px; height: 45px; background-image: url(/images/nav-bg.jpg); background-position: top left; background-repeat: no-repeat; text-align: left; vertical-align: middle; }

	.consumer-tips { padding: 0 10px 0 0; }
	.nav-item a { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: white; padding: 0 6px 0 6px; outline: none; text-decoration: none; position: relative; top: -42%; }
	.nav-item a:hover { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #623c0d; padding: 0 6px 0 6px; outline: none; text-decoration: none; position: relative; top: -42%; }

#events { width: 295px; height: 225px; background-image: url(/images/events-bg.jpg); background-position: top left; background-repeat: no-repeat; float: left; padding: 70px 0 0 25px; }

	#events-table { border: none; width: 260px; }
	
		td.date { width: 45px; padding: 0 15px 0 0; }
		td.info { width: 200px; padding: 0; }

#banner { width: 620px; height: 60px; background-image: url(/images/ban-bg-with-picture.jpg); background-position: top left; background-repeat: no-repeat; float: left; text-align: left; padding: 235px 0 0 20px; }

#clear { clear: both; visibility: hidden; }

#sidebar { width: 275px; height: inherit; padding: 30px 25px 30px 20px; background-color: white; background-image: url(/images/sidebar-bg.jpg); background-position: top left; background-repeat: repeat-y; float: left; }

#content { width: 580px; height: auto; background-color: white; padding: 25px 30px 30px 30px; float: left; }

#content-clear { clear: both; height: 1px; background-color: white; }

#footer-wrapper { width: 100%; margin: -20px 0 0 0px; background-color: #d5e1f2; }

	#footer { width: 960px; margin: 0 auto; }
	
		td.footer-cell { width: 33%; padding: 20px; }

#copyright { width: 960px; margin: 0 auto; text-align: center; }

/* STYLES :: GLOBAL TEXT */

.strong { font-style: bold; }

p { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #444444; line-height: 24px; letter-spacing: -25%; margin: 0 0 25px 0; }

p.sidebar { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #777777; line-height: 19px; letter-spacing: -25%; margin: 0 0 5px 0; }

	p.sidebar a { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #3399cc; line-height: 19px; letter-spacing: -25%; outline: none; text-decoration: none; }
	p.sidebar a:hover { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #3399cc; line-height: 19px; letter-spacing: -25%; text-decoration: underline; }

	p.footer { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #888888; line-height: 17px; letter-spacing: -25%; margin: 0 0 10px 0; }
	span.footer-blue { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #396fb4; line-height: 17px; letter-spacing: -25%; }

h1 { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #396fb4; line-height: 22px; letter-spacing: -25%; margin: 0 0 20px 0; } /* Content */

h1.banner { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: white; line-height: 22px; letter-spacing: -25%; margin: 0 0 5px 0; } /* Banner */

	p.banner { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #d5e1f2; line-height: 18px; }

h2 { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #bb8e4c; line-height: 21px; letter-spacing: -25%; margin: 0 0 15px 0; } /* Sidebar */

h3 { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #396fb4; letter-spacing: -25%; margin: 0 0 10px 0; text-transform: uppercase; } /* Footer */

p.copyright { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #728eb7; letter-spacing: -25%; padding-bottom: 25px; margin: 0; }

/* STYLES :: EVENTS BANNER */

h4 { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: white; letter-spacing: -25%; margin: 0 0 5px 0; } /* Events */

.day { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 36px; font-weight: bold; color: white; margin: 0 0 -8px 0; }

.month { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 17px; font-weight: normal; color: #7c5216; text-transform: uppercase; }

.details { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #7c5216; }

	.details a { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #7c5216; outline: none; text-decoration: none; }
	.details a:hover { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: white; text-decoration: none; }