/* ####################### GLOBAL Styles ######################## */

body {
	text-align: center;
	background-color: #ededed;
	margin: 0;
	padding: 0;
	overflow-x:hidden;
}

img { border: none; } 

sup {
	vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: -0.4em;
}


/* ####################### Container Divs ######################## */


div#wrapper {
	width: 805px;
	margin: 0 auto;
	text-align: left;
	background-color: white;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #515151;
}
div#wrapperreferral {
	width: 606px;
	margin: 0 auto;
	text-align: left;
	background-color: white;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #515151;
}

div#wrapper584 {
	width: 606px;
	margin: 0 auto;
	text-align: left;
	background-color: white;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #515151;
}

.smallLink {
	font-size: 11px;
}

div#container {
	width: 783px;
	overflow: hidden;
	padding: 0 12px 0 10px;
}

div#containerreferral {
	width: 606px;
	overflow: hidden;
	padding: 0 12px 0 10px;
}
div#container584 {
	width: 584px;
	overflow: hidden;
	padding: 0 12px 0 10px;
}
div#landingLcol {
	width: 191px;
	float: left;
}

div#landingRcol {
	width: 584px;
	float: right;
	padding: 0 0 0 8px;
}
div#landingRcol584 {
	width: 584px;
	float: left;
	padding: 0 0 0 8px;
}
div#contentWpr {
	float: left;
	width: 384px;	
	padding: 5px 0 40px 0;
	overflow: hidden;
}

div#articlePgLcol {
	float: left;
	width: 579px;	
	margin: 5px 0 40px 0;
}
div#articlePgLcolrefer {
	float: left;
	width: 579px;	
	margin: 5px 0 2px 0;
}
/* ####################### Rules page only ######################## */


div#header {
	background-color:#0070bd;
	background-image:url('q210/images/q210_goGreenRules/bg_hdr.gif');
	height: 66px;
}

span#logo {
	padding: 0 0 0 25px;
}

div#headerShadow {
	background-image: url('q210/images/q210_shadow-middle.gif');
	background-repeat: repeat-x;
	height: 8px;
	overflow: hidden;
}

div#rulesMain {
	margin: 0 auto;
	width: 94%;
}

/* ####################### Masthead ######################## */


div#mastheadWpr {
	width: 100%;
}
div#mastheadWpr584 {
	width: 584px;
}
div#mastheadWpr606 {
	width: 606px;
}
div#mastheadLeft {
	width: 80%;
	float: left;
}

div#mastheadRight {
	width: 20%;
	float: left;
	text-align: right;
}


/* ####################### Spotlight ######################## */


div#spotlightWpr {
	position: relative; 
	float: left;
	clear: both;
	width: 584px;
	margin: 0 0 9px 0;
	background-color: #426c9a;
	overflow: hidden;
}

div#spotlightBg {
 	position: relative;
}

div#spotlightOver {
 	position:absolute;
 	top: 9px;
	right: 0;
 	width: 312px;
	z-index: 100;
}

div#spotlightImage {
	float: left;
	width: 394px;
	height: 186px;
	overflow: hidden;
}

div#spotlightInside {
	float: left;
	width: 157px;
	height: 112px;
	padding: 66px 18px 8px 15px;
	background: url('q210/images/q210_spotlight_bg.gif') #426c9a no-repeat;
	color: white;
	line-height: 1.25em;
}


/* ####################### Local Stories ######################## */


div#localWpr {
	width: 382px;
	background-color: #e2ecf4;
}

div#localTop {
	margin: 0 12px;
	width: 356px;
}

div#localBot {
	background: url('q210/images/q210_local_bot.gif') #e2ecf4 bottom right no-repeat;
	width: 382px;
	height: 7px;
}


/* ####################### Promotions ######################## */



div#promoWpr {
	float: right;
	width: 192px;	
	padding: 0 0 0 8px;
}

div#promo1 {
	background: url('images/q210_businessSweeps.gif') no-repeat;
	width: 112px;
	height: 88px;
	padding: 94px 80px 0 0;
	text-align: left;
	cursor: pointer;
}

div#promo1 img {
	display: none;
}

/*
div#promo1 {
	background: url('images/q210_businessSweeps.gif') no-repeat;
	width: 112px;
	height: 88px;
	padding: 98px 0 0 80px;
	text-align: left;
}
*/

div#promoRefer {
	background: url('images/q210_PREVIOUSWINNER_BANNER.gif') no-repeat;
	width: 112px;
	height: 105px;
	padding: 73px 0 0 80px;
	text-align: left;
	margin-top: 8px;	
	cursor: pointer;
}


div#promo2 {
	background: url('images/q210_promo_bot.gif') #eaebec bottom right no-repeat;
	width: 171px;
	margin: 10px 0 0 0;
	padding: 8px 10px 10px 11px;
	font-size: .9em;
	line-height: 1.1em;
	cursor: pointer;
}

div#issues {
	background: url('images/q210_promo_bot.gif') #eaebec bottom right no-repeat;
	width: 160px;
	margin: 10px 0 0 0;
	padding: 8px 20px 10px 11px;
}


/* ####################### Article lead-in boxes on landing page ######################## */


div#articlesWpr {
	width: 100%;
}

.articleLeft {
	float: left;
	width: 49%;
}

.articleRight {
	float: left;
	width: 41%;
	padding: 0 0 0 10px;
}

.articleTitle {	
	clear: both;
	padding: 18px 0 7px 0;
	color: #2e669a;
	font-size: 1.2em;
	line-height: 1.2em;
}

.articleMore {
	padding: 18px 0 0 0;
}



/* ####################### Article Page ######################## */


div#articleMain {
	float: left;
	width: 70%;
	padding: 0 15px 30px 0;
}
div#articleMainrefer {
	float: left;
	width: 70%;
	padding: 0 15px 1px 0;
}
div#articleOther {
	float: left;
	width: 22%;
}

div#usrButtons {
	width: 403px;
	margin: 3px 0 0 0;
	overflow: hidden;
}

div#usrButtonsLeft {
	float: left;
	width: 70%;
}

div#usrButtonsLeft img {
	margin: 0 4px 0 0;
}

div#usrButtonsRight {
	float: left;
	width: 30%;
	text-align: right;
}

div#articleFootLeft {
	font-size: .9em;
	float: left;
	width: 70%;
}

div#articleFootRight {
	float: left;
	width: 30%;
	text-align: right;
}
div#articleFootRightRefer {
	float: left;
	width: 100%;
	text-align: right;
}

div.caption {
	width: 60%; 
	color: #999; 
	font-size: 8pt; 
	line-height: 1.3em; 
	padding: 8px 0 0 0;
}

.sidebarSpacer {
	height: 60px;
}

/* ####################### Footer ######################## */

div#footerRules
{
	color: #999999;
	font-size:8pt;
	padding: 6px 42px 0 12px;
}

div#footerRules a
{
	color: #cd6600;
	text-decoration: none;
}

div#footerRules a:hover
{
	color:#d05d00;
	text-decoration:underline;
}

div#footer
{
	border-top:solid 1px #e4e4e4;
	color:#999999;
	font-size:8pt;
	height: 52px;
	padding: 6px 12px 0 12px;
	text-align:left;
	vertical-align:top;
}

div#footer a
{
	color:#737373;
	font-style:normal;
	text-decoration:none;
}

div#footer a:hover
{
	color:#d05d00;
	text-decoration:underline;
}

div#footer span#ft-serv
{
	float:left;
	font-size:7pt;
	color: #515151;
	line-height: 1.6em;
}

div#footer div#ft-textWpr
{
	float:right;
	text-align:right;
}

div#footer div#ft-textWpr a
{
	margin:0 0 0 8px;
}

div#footer div#ft-linkWpr
{
	height:20px;
}


/* ####################### Text & General Styles ######################## */


.articleTitleLg {	
	clear: both;
	padding: 10px 15px 0 0;
	color: #2e669a;
	font-size: 1.4em;
	line-height: 1.3em;
	clear: both;
}

.localTitle {
	padding: 0 0 3px 0;
	font-weight: bold;
}

.articleSub {	
	font-style: italic;
}

.articleBody {
	color: #2f2f2f;
	line-height: 1.4em;
	padding: 0 0 10px 0;
}

.articleBody a:link {
	color: #cd6600;
	text-decoration: none;
}

.articleBody a:visited {
	color: #a66743;
	text-decoration: none;
}

.articleBody a:active, .articleBody a:hover {
	color: #cd6600;
	text-decoration: underline;
}

.issuesList {
	padding: .9em 0;
	margin: 0;
	color: #8f847e;
	font-size: .9em;
}

.issuesList ul {
	margin: 0;
	padding: 0;
}

.issuesList li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.otherList {
	margin: .9em 0 .9em 0;
	padding: 0;
	color: #707070;
	font-size: .9em;
	line-height: 1.2em;
}

.otherList ul {
	margin: 0;
	padding: 0;
}

.otherList li {
	list-style-type: none;
	margin: 0 0 .8em 0;
	padding: 0;
}

.articleList {
	margin-left: 1em;
	padding-left: 1em;
}

.articleList li {
	margin: 0;
	padding: .5em 0;
}

.articleList ul {
	margin: 0;
	padding: 0;
}

.articleList ul li {
	list-style-type: disc;
	list-style-position: inside;
	text-indent: -1em;
	margin: 0;
	padding: .5em 0 .5em 1em;
}


.indentList {
	margin-left: 2em;
	padding-left: 2em;
}

.indentList li {
	margin: 0;
	padding: .5em 0;
}

.indentList ul {
	margin: 0;
	padding: 0;
}

.indentList ul li {
	list-style-type: disc;
	list-style-position: inside;
	text-indent: -1em;
	margin: 0;
	padding: .5em 0 .5em 1em;
}


.greyLink a:link {
	color: #707070;
	text-decoration: none;
}

.greyLink a:visited {
	color: #707070;
	text-decoration: none;
}

.greyLink a:active, .greyLink a:hover {
	color: #707070;
	text-decoration: underline;
}

.orangeLink a:link {
	color: #cd6600;
	text-decoration: none;
}

.orangeLink a:visited {
	color: #a66743;
	text-decoration: none;
}

.orangeLink a:active, .orangeLink a:hover {
	color: #cd6600;
	text-decoration: underline;
}

.blueLink a:link {
	color: #2e669a;
	text-decoration: none;
	font-size: 1.1em;
}

.blueLink a:visited {
	color: #154878;
	text-decoration: none;
}

.blueLink a:active, .blueLink a:hover {
	color: #2e669a;
	text-decoration: underline;
}

.padBot5 {
	padding-bottom: 5px;
}

.padTop10 {
	padding-top: 10px;
}

.padTop5 {
	padding-top: 5px;
}

.arrowR {
	/*vertical-align: 6%;*/
	color: #e38419;
	text-align: text-bottom;
}

.imgLeft {
	float: left;
	margin: 0 7px 7px 0;
}

.clear {
	clear: both;
	overflow: hidden;
}

.imgBorder {
	border: 1px solid #ccc;
	padding: 5px;
	display: block;
}

.txtSm {
	font-size: .9em;
}

.lhSm {
	line-height: 1.2em;
}

/* ####################### Left Menu ######################## */


div#leftMenuNews
{
	min-height: 1px;
	width: 191px;
	padding-top: 10px;
}

div#leftMenuNews div.SecondaryMenuNode
{
	margin:0 0 8px 0;
}

div#leftMenuNews div.MenuBullet
{
	background-color:#f0f0f0;
	background-image:url('/images/q210_menu/division/leftMenuNews-hdr.gif');
	background-position:top;
	background-repeat:repeat-x;
	border:solid 1px #b6b6b6;
	cursor:pointer;
	float:right;
	height:20px;
	*height:22px;
	margin:0 0 0 1px;
	overflow:hidden;
	width:19px;
	*width:21px;
}

div#leftMenuNews div.MenuBulletIcon
{
	background-image:url('/images/q210_menu/minus.gif');
	background-position:center center;
	background-repeat:no-repeat;
	height:20px;
}

div#leftMenuNews div.Collapsed
{
	background-image:url('/images/q210_menu/downArrow.gif');
}

div#leftMenuNews div.NoSubMenu div.MenuBullet
{
	display:none;
}

div#leftMenuNews div.MenuName
{
	background-color:#f0f0f0;
	background-image:url('/images/q210_menu/division/leftMenuNews-hdr.gif');
	background-position:top;
	background-repeat:repeat-x;
	border:solid 1px #b6b6b6;
	cursor:pointer;
	float:right;
	font-size:9pt;
	font-style:normal;
	padding:3px 0 2px 5px;
	width:162px;
	*width:169px;
}

div#leftMenuNews a.NoLink div.MenuName
{
	cursor:auto;
}

div#leftMenuNews div.NoSubMenu div.MenuName
{
	width:184px;
}

div#leftMenuNews div.SubMenuWpr
{
	background-color:#f7f7f7;
	margin:0 0 0 0;
	padding:8px 0 20px 0;
}

div#leftMenuNews div.MenuNameWpr
{
	height:22px;
}

div#leftMenuNews div.SubMenuWpr div.MenuNameWpr
{
	height:auto;
	padding:0 0 0 5px;
}

div#leftMenuNews div.SubMenuWpr div.MenuBullet
{
	background-color:#f7f7f7;
	background-image:none;
	border:none;
	float:left;
	margin:0;
	height:13px;
	width:13px;
}

div#leftMenuNews div.SubMenuWpr div.MenuBulletIcon
{
	background-image:url('/images/q210_misc/bullet.gif');
}

div#leftMenuNews div.SubMenuWpr div.Collapsed
{
	background-image:url('/images/q210_menu/downArrow-sm.gif');
}

div#leftMenuNews div.SubMenuWpr div.Expanded
{
	background-image:url('/images/q210_menu/minus-sm.gif');
}

div#leftMenuNews div.SubMenuWpr div.MenuName
{
	background-color:Transparent;
	background-image:url('/images/q210_menu/dotted-border.gif');
	background-position:bottom;
	background-repeat:repeat-x;
	border:none;
	float:none;
	font-size:8pt;
	font-style:normal;
	margin:0 10px 0 13px;
	padding:3px 0 3px 0;
	width:auto;
}

div#leftMenuNews div.SubMenuWpr div.NoSubMenu div.MenuName
{
	*padding-left:3px;
}

div#leftMenuNews div.SubMenuWpr div>div.MenuName
{
	padding-left:3px;
}

div#leftMenuNews a,
div#leftMenuNews a:visited
{
	color:#404040;
	text-decoration: none;
}

div#leftMenuNews a:hover
{
	color:#d05d00;
	text-decoration: none;
}

div#leftMenuNews a#MenuCurPage
{
	color:#d05d00;
}

/* 4th level */
div#leftMenuNews div.SubMenuWpr div.SubMenuWpr
{
	padding:0px;
}

div#leftMenuNews div.SubMenuWpr div.SubMenuWpr div.MenuNameWpr
{
	height:auto;
	margin-left:13px;
	padding:0 0 0 5px;
	width:auto;
}

div#leftMenuNews div.SubMenuWpr div.SubMenuWpr div.MenuBullet
{
	display:block;
}

div#leftMenuNews div.SubMenuWpr div.SubMenuWpr div.MenuBulletIcon
{
	background-image:url('/images/q210_dash.gif');
}

div.MenuDisable
{
/*	position:absolute;
	text-align:left;
	top:-18px;*/
	visibility:hidden;
	/*z-index:10;*/
}
