.content-editable
{
	background : #FFFFE6;
	border     : 2px solid #FFFFFF;
}
.content-editable-over
{
	background : #FFFF80;
	cursor     : pointer;
	border     : 2px dashed #BFBF60;
} 
/*------------------------------- General HTML Elements */
*
{
	margin		: 0px;
	padding		: 0px;
	border		: 0px;
}
html, body
{
	margin			: 0px;
	margin-bottom	: 30px;
	padding			: 0px;
	background		: #eaeaea;
	font			: 12px/18px Helvetica, Arial, Tahoma, Verdana, sans-serif;
	color			: #666;
}
h1 { }
h2 
{
	margin		: 8px 0;
	color		: #000;
	font-size	: 13px;
	font-weight	: bold;
}
p { margin: 15px 0; }
a 
{ 
	color			: #0686cb;
	text-decoration : none;
}
.sup { vertical-align: super; }
sup { font-size: 9px; }
.credits
{ 
	font-size	: 10px; 
	line-height	: 14px;
}
a:hover
{ 
	color			: #6F008F;
	text-decoration : underline;
}
a:active { }
strong { color: #111;}
hr
{
	
}
div.divider
{ 
	height		: 1px;
	margin		: 25px 0;
	font-size	: 1px;
	background	: #39F;
}
hr {
	border-top	: 1px solid #39F;
	height		: 1px;
	margin		: 20px 0;
}
.todo { color: #FF0000; }
#page
{
	width			: 978px;
	margin			: 10px auto;
	position		: relative;
}
#base
{
	width			: 100%;	
	margin-left		: 14px;
	padding-top		: 57px;
}
#base .content { background: url(images/base_bg.gif) repeat; }
#logo
{
	display		: block;
	width		: 173px;
	height		: 165px;
	background	: url(images/logo.gif) top left no-repeat;
	position	: absolute;
	z-index		: 2007;
	left		: 0px;
	top			: 0px;
}
#logo a
{
	display		: block;
	width		: 100%;
	height		: 139px;
}
#eCardLink
{
	width		: 112px;
	height		: 22px;
	position	: absolute;
	top			: 185px;
	left		: 30px;
}
a#ecard
{
	display		: block;
	width		: 112px;
	height		: 22px;
	background	: url(images/btn_eCard.gif) bottom left no-repeat;
}
a:hover#ecard 
{ 
	background-position: top left; 
}

/*------------------------------- Form Elements */
input.text, textarea.text
{
	padding		: 2px;
	border		: #EAEAEA 2px solid;
	font		: 12px Arial, Helvetica, Tahoma, Verdana, sans-serif;
	color		: #333;
}
input.text.focused, textarea.text.focused
{ 
	border		: #B3B3B3 2px solid;
	background	: #fcfcfc; 
}
a#submit
{
	display		: block;
	width		: 92px;
	height		: 43px;
	background	: url(images/btn_submit.gif) bottom left no-repeat;
}
a:hover#submit { background-position: top left; }

/*------------------------------- mainNav */
#mainNav
{
	height			: 25px;
	background		: #0099eb url(images/mainNav_bg.gif) top left repeat-x;
	padding-left	: 179px;
	position		: relative;
}
#mainNav ul
{
	width		: 100%;
	list-style	: none;
}
#mainNav ul li { display: inline; }
#mainNav ul li a
{
	display				: block;
	height				: 22px;
	margin				: 0 6px;
	float				: left;
	background-position	: bottom left;
	background-repeat	: no-repeat;
	/* for use with text links mainNav
	padding				: 0 15px;
	color				: #FFF;
	font-weight			: bold;
	line-height			: 22px; */
}
#mainNav ul li a:hover { background-position: center left; }
#mainNav ul li a:active { background-position: top left; }

/* LAW */
#mainNav ul li a#law
{
	width				: 83px;
	background-image	: url(images/mainNav_law.gif);
}
#mainNav ul li a#law.selected { background-image: url(images/mainNav_law_on.gif) }

/* BENEFITS */
#mainNav ul li a#benefits
{
	width				: 109px;
	background-image	: url(images/mainNav_benefits.gif);
}
#mainNav ul li a#benefits.selected { background-image: url(images/mainNav_benefits_on.gif) }

/* WORKPLACE */
#mainNav ul li a#workplace
{
	width				: 124px;
	background-image	: url(images/mainNav_workplace.gif);
}
#mainNav ul li a#workplace.selected { background-image: url(images/mainNav_workplace_on.gif) }

/* HELP QUITING */
#mainNav ul li a#help-quitting
{
	width				: 111px;
	background-image	: url(images/mainNav_help-quitting.gif);
}
#mainNav ul li a#help-quitting.selected { background-image: url(images/mainNav_help-quitting_on.gif) }

/* SUBMIT STORY */
#mainNav ul li a#submit-story
{
	width				: 143px;
	background-image	: url(images/mainNav_submit-story.gif);
}
#mainNav ul li a#submit-story.selected { background-image: url(images/mainNav_submit-story_on.gif) }

/* GET INVOLVED */
#mainNav ul li a#get-involved
{
	width				: 107px;
	background-image	: url(images/mainNav_get-involved.gif);
}
#mainNav ul li a#get-involved.selected { background-image: url(images/mainNav_get-involved_on.gif) }

#mainNav div
{
	width		: 14px;
	height		: 25px;
	position	: absolute;
	top			: 0px;
	right		: 0px;
	background	: #000 url(images/mainNav_cap.gif) top left no-repeat;
}

/*------------------------------- subNav */
#subNav
{
	margin-left : -1px;
	width 		: 497px;
	background 	: transparent url(/images/subNavBg.gif) repeat-x;
}
#subNav ul
{
	width		: 100%;
	list-style	: none;	
}
#subNav ul li { display: inline; }
#subNav ul li a
{
	display				: block;
	height				: 30px;
	float				: left;
	background-position	: top left;
	background-repeat	: no-repeat;
}
#subNav ul li a:hover { background-position: bottom left; }
#subNav ul li a:active { background-position: bottom left; }

/* WORKPLACE HOSPITALITY */
#subNav ul li a#hospitality
{
	width				: 238px;
	background-image	: url(images/subnav_workplace_hosp.gif);
}
#subNav ul li a#hospitality.selected { background-image: url(images/subnav_workplace_hosp_on.gif) }


#main.subnavWorkplace {
	background-image: url(images/base_bg.gif);
	background-repeat: repeat;
	height: 58px;
	width: 497px;
	margin-left: -1px;
	bottom: auto;
}

/* WORKPLACE OTHER */
#subNav ul li a#other
{
	width				: 238px;
	background-image	: url(images/subnav_workplace_other.gif);
}
#subNav ul li a#other.selected { background-image: url(images/subnav_workplace_other_on.gif) }



/*------------------------------- main content */
#main
{
	width			: 495px;
	height			: 100%;
	margin-left		: 177px;
	background		: #FFF;
	min-height		: 285px;
	border-left		: #e8e8e8 1px solid;
	border-right	: #e8e8e8 1px solid;
}
#main.home
{
	width		: 480px;
	background	: none;
	border		: 0px;
}
#main .content
{
	padding				: 30px;
	padding-top			: 60px;
	background-image	: none; 
	/* in the event that there is no specific mainHead image for a page, 
	the above prevents the base_bg from being used due to inheritance */
	background-position	: 30px 30px;
	background-repeat	: no-repeat;
}
#main.home .content
{
	margin-top	: 30px;
	padding		: 30px 10px 30px 0; 
	background	: url(images/mainHead_home.gif) top left no-repeat;
}

#main .content.law { background-image: url(images/mainHead_law.gif); }
#main .content.benefits { background-image: url(images/mainHead_benefits.gif); }
#main .content.workplace { background-image: url(images/mainHead_workplace.gif); }
#main .content.help-quitting { background-image: url(images/mainHead_help-quitting.gif); }
#main .content.testimonials { background-image: url(images/mainHead_testimonials.gif); min-height: 575px; }
#main .content.get-involved { background-image: url(images/mainHead_get-involved.gif); }
#main .content.about { background-image: url(images/mainHead_about.gif); }
#main .content.press-room { background-image: url(images/mainHead_press.gif); }
#main .content.citations { background-image: url(images/mainHead_citations.gif); }
#main .content.ecard { background-image: url(images/mainHead_eCard.gif); }
p.testimonial span
{
	display		: block;
	margin		: 10px 15px;
	font-style	: italic;
}
p.testimonial span strong 
{
	font-weight	: normal;
	color		: #555;
}

#main .content ul, #main .content ol { padding-left: 15px; }
#main .content ul { list-style-type: disc; }
#main .content ul li, #main .content ol li { margin: 8px 0; }

/*------------------------------- media */
#media
{
	width		: 305px;
	height		: 250px;
	/*background	: #545454 url(images/media_placeholder.jpg) top left repeat-y;*/
	position	: absolute;
	left		: 670px;
	top			: 106px;
}
/*------------------------------- bigLinks */
#bigLinks
{
	margin-top	: 15px;
	height	: 140px;
}
#bigLinks a
{
	display				: block;
	width				: 148px;
	height				: 124px;
	float				: left;
	margin-right		: 6px;
	background-position	: bottom left;
	background-repeat	: no-repeat;
}
#bigLinks a:hover { background-position: top left; }

#bigLinks a#industry 	 	{ background-image: url(images/bigLink_industry.gif); }
#bigLinks a#workplaces 	 	{ background-image: url(images/bigLink_workplaces.gif); }
#bigLinks a#public 		 	{ background-image: url(images/bigLink_public.gif); margin-right: 0px; }
#bigLinks a#benefits 	 	{ background-image: url(images/bigLink_benefits.gif); }
#bigLinks a#help-quitting	{ background-image: url(images/bigLink_help-quitting.gif); }
#bigLinks a#workplace 	 	{ background-image: url(images/bigLink_workplace.gif); margin-right: 0px; }


/*------------------------------- sidebar */
#sidebar
{
	width		: 280px;
	background	: #FFF url(images/sidebar_bg.gif) top left repeat-y;
	position	: absolute;
	left		: 700px;
	top			: 112px;
	color		: #7C7C7C;
}

#sidebar-vanilla {
	width		: 300px;
	height		: 675px;
	background	: #FFF;
	position	: absolute;
	left		: 690px;
	top			: 82px;
	color		: #7C7C7C;
}

#sidebar .content
{ 
	margin				: 0px;
	margin				: 20px 30px;
	padding-top			: 25px;
	background			: transparent;
	background-postion	: top left;
	background-repeat	: no-repeat;
}

#sidebar-vanilla .content
{
	margin				: 0px;
	margin				: 20px 30px;
	padding-top			: 0px;
	background			: transparent;
	background-postion	: top left;
	background-repeat	: no-repeat;
}

#sidebar .content.helpful-downloads { background-image: url(images/sidebar_helpful-downloads.gif); }
#sidebar .content.submit-story { background-image: url(images/sidebar_submit-story.gif); }
#sidebar ul { list-style: none; }
#sidebar ul li { margin	: 2px 0; }

#sidebar ul li a, .callout.helpful-links a
{ 
	color			: #666;
	padding-right	: 12px;
}
#sidebar ul li a:hover, .callout.helpful-links a:hover
{ 
	color		: #0099eb; 
	background	: url(images/link_arrow_over.gif) center right no-repeat;
}
#sidebar .top
{
	width		: 280px;
	height		: 8px;
	background	: url(images/sidebar_top.gif) top left no-repeat;
}
#sidebar .bottom
{
	width		: 280px;
	height		: 8px;
	background	: url(images/sidebar_bottom.gif) bottom left no-repeat;
}
/* Submit Your Story form stylez */
#sidebar #myStory textarea#story
{
	width	: 50px;
	height	: 50px;
}
#sidebar .content.submit-story div
{
	margin-top		: 10px;
	padding-left	: 30px;
	color			: #444;
}
#sidebar .content.submit-story div input { width: 150px; }
#sidebar .content.submit-story div p { margin: 5px 0; }
#sidebar .content.submit-story div p b /* Required Fields */
{ 
	margin		: 5px 0;
	color		: #F00;
	font-size	: 14px;
}
#sidebar .content.submit-story div a#submit { margin: 15px 0; }

/*------------------------------- callouts */
#callouts
{
	width		: 100%;
	height		: 430px; 
	/* in order for the dividers to stretch to the bottom, this div must have a fixed height, 
	which may need to be changed to accomodate more callout content */
	margin-left	: 14px;
	padding-top	: 24px;
	background	: #FFF url(images/callouts_bg.gif) top left repeat-x;
}
#callouts .divider
{
	width		: 2px;
	height		: 100%;
	margin		: 0;
	background	: #eaeaea url(images/callout_divider.gif) top left repeat-y;
	float		: left;
}
#callouts .callout
{
	color				: #787878;
	margin				: 0 15px;
	padding				: 16px 0;
	float				: left;
	background-position	: top left;
	background-repeat	: no-repeat;
	position			: relative;
}
#callouts .callout a.link
{
	display		: block;
	width		: 100px;
	height		: 14px;
	position	: absolute;
	top			: 0px;
	left		: 0px;
}
.callout.your-stories
{
	width				: 200px;
	background-image	: url(images/callout_your-stories.gif);
}
.callout.your-stories span
{
	display		: block;
	margin-top	: 10px;
	font-size	: 11px;
	line-height	: 14px;
	text-align	: right;
}
.callout.help-quit
{
	width				: 200px;
	background-image	: url(images/callout_help-quit.gif);
}
.callout.facts
{
	width				: 200px;
	background-image	: url(images/callout_facts.gif);
	position			: relative;
}
.callout.facts p#fact { margin: 0px; }
.callout.facts #bullets
{
	width		: 150px;
	height		: 11px;
	position	: absolute;
	top 		: 0px;
	right		: 0px;
}
.callout.facts #bullets a
{
	display		: block;
	float		: right;
	width		: 11px;
	height		: 11px;
	margin-left	: 8px;
	background 	: url(images/facts_bullets.gif) center right no-repeat;
	font-size	: 1px;
}
.callout.facts #bullets a:hover, .callout.facts #bullets a.selected { background-position: center left; }
.callout.helpful-links
{
	width				: 200px;
	background-image	: url(images/callout_helpful-links.gif);
}
.callout a { color: #666; }
.callout a:hover { color: #0099eb;  }
.callout p.more a
{
	display		: block;
	margin-top	: 10px;
	float		: right;
	font-style	: italic;
}
.callout a.arrow
{
	padding-right	: 12px;
	background		: url(images/link_arrow.gif) center right no-repeat;
}
.callout a:hover.arrow { background-image: url(images/link_arrow_over.gif); }
/*------------------------------- footer */
#footer { clear: both; }
#footer ul
{
	list-style		: none;
	float			: right;
	margin-top		: 4px;
	color			: #666;
	font-size		: 11px;
}
#footer ul li
{
	display	: inline;
	margin	: 0 6px;
}
#footer ul li a { color: #666; }
#footer ul li a:hover { color: #6F008F; }