/* Eric Meyer Reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	font: 12px/1.5 arial, verdana, sans-serif; color: #333; background: #FFCC33;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Layout */

#wrapper{ width: 747px; }
.left-column{ width: 197px; float: left; display: inline; }
.right-column{ width: 550px; float: right; display: inline; }


/* Header */

#header{ position: relative; padding: 4px; }
a#logo{ display: block; width: 196px; height: 59px; text-indent: -9999px; background: transparent url(../images/logo.png) 0 0 no-repeat; }
a#join{ display: block; width: 339px; height: 58px; position: absolute; top: 0; right: -10px; text-indent: -9999px; background: transparent url(../images/slogan.png) 0 0 no-repeat; }
	body.home a#join{ right: 170px; }
a#safety-info{ display: block; width: 200px; height: 31px; position: absolute; top: 22px; left: 210px; }
a#needle-protected{ display: block; width: 234px; height: 59px; position: absolute; top: 0; right: -40px; }

/* Content - Left Column */

#content-wrapper{ background: transparent url(../images/background-content.png) 0 0 repeat-y; }
#content-wrapper.home{ width: 800px; background: none; }
#content-wrapper:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.left-column ul{ margin: 0 4px 1.5em 4px; } /* border-top: 1px solid #000; } */
.left-column ul li{ padding: 14px 0; border-bottom: 1px solid #FFF; }
.left-column ul li a{ color: #0069aa; font-weight: bold; text-decoration: none; }
.left-column ul li a:hover{ color: #666; }

.left-column ul ul{ margin: 6px 0 0 1.5em; border: none; list-style-image: url(../images/sidebar-bullet.png); }
.left-column ul ul li{ padding: 0; border: none; }
.left-column ul ul li a{ color: #000099; font-size: 11px; font-weight: normal; text-decoration: underline; }
.left-column ul ul li a:hover{ color: #0000ff; }

.left-column p{ color: #344dac; font-size: 10px; margin: 0 4px; }
.left-column p img{ float: right; }

#content-wrapper .right-column{ position: relative; width: 510px; padding: 124px 20px 0 20px; }
.main #content-wrapper .right-column{ padding-top: 40px; }
#content-wrapper .right-column *{ position: relative; z-index: 1; }
#content-wrapper .right-column #page-title{ position: absolute; top: 0; left: 0; z-index: 0; }
#content-wrapper.home .right-column{ width: 600px; padding: 0; }
#content-wrapper .right-column h1{ font-size: 18px; margin-bottom: 18px; color: #0069aa; }
#content-wrapper .right-column h2{ font-size: 13px; padding-top: 9px; margin-bottom: 9px; color: #444; }
#content-wrapper .right-column p{ margin-bottom: 9px; }
#content-wrapper .right-column ul{ margin: 0 0 9px 3em; list-style: disc; }
#content-wrapper .right-column ul ul{ margin-bottom: 0; }
#content-wrapper .right-column ol{ margin: 0 0 18px 3em; list-style: decimal; }
#content-wrapper .right-column ul li{ color: #666; }
#content-wrapper .right-column ol li{ margin-bottom: 18px; }
#content-wrapper .right-column a{ color: #669933; }
#content-wrapper .right-column a:hover{ color: #666; }

#content-about-anaphylaxis-{ background: transparent url(../images/header-about-anaphylaxis.png) 0 0 no-repeat; }
#content-about-anaphylaxis-about-anaphylaxis-index{ background: transparent url(../images/header-about-index.jpg) 0 0 no-repeat; }
#content-causes-of-anaphylaxis-{ background: transparent url(../images/header-causes.png) 0 0 no-repeat; }
#content-living-with-severe-allergies--{ background: transparent url(../images/header-living-with-allergies.png) 0 0 no-repeat; }

sup,sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;	
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

/* Index Pages */

#page-about-anaphylaxis-index p{ margin-left: 200px; }

/* Home Page */

#content-{ position: relative; background: transparent url(../images/background-home.jpg) 0 0 no-repeat; width: 600px; height: 490px; }
#home-content{ position: absolute; top: 260px; left: 220px; font-size: 10px; color: #000; font-weight: bold; width: 350px; }
#join-benefits{ position: absolute; top: 355px; left: 0px; width: 140px; font-size: 10px; font-weight: bold; }
#content-wrapper ul#join-benefits li{ color: #333; }

#join-link{ position: absolute; top: 438px; left: 7px; width: 180px; height: 40px; text-indent: -9999px; }
#get-epipen-device{ position: absolute; top: 438px; left: 225px; width: 180px; height: 40px; text-indent: -9999px; }
#do-you-have-an-epipen-device{ position: absolute; top: 438px; left: 405px; width: 180px; height: 40px; text-indent: -9999px; }

#home-content{ top: 20px; }
#join-benefits{ top: -50px; }

#join-link{ display: block; top: -50px; }
#get-epipen-device{ display: block; top: -90px; }
#do-you-have-an-epipen-device{ display: block; top: -130px; }

/* Tell A Friend */

#content-wrapper .right-column#page-tell-a-friend,
#content-wrapper .right-column#page-how-to-use-epipen-auto-injector-index,
#content-wrapper .right-column#page-english-56k--how-to-use-epipenreg-auto-injector--epinephrine--anaphylaxis,
#content-wrapper .right-column#page-english-cable--how-to-use-epipenreg-auto-injector--epinephrine--anaphylaxis,
#content-wrapper .right-column#page-espantildeol-cable--how-to-use-epipenreg-auto-injector--epinephrine--anaphylaxis,
#content-wrapper .right-column#page-espantildeol-56k--how-to-use-epipenreg-auto-injector--epinephrine--anaphylaxis{ padding-top: 20px; }


/* Footer - Right Column */

#footer-wrapper{ padding-top: 18px; }
#footer-wrapper .right-column h2, #footer-wrapper .right-column p{ margin-bottom: 18px; }
#footer-wrapper .right-column h2{ color: #333; font-size: 12px; }

#footer-wrapper .left-column{ width: 175px; padding: 0 18px 0 4px; font-weight: bold; color: #0069aa; font-size: 11px; line-height: 18px; }

#footer-wrapper .copyright{ margin-bottom: 2em; }
#footer-wrapper .copyright p{ font-size: 11px; margin: 0; }