/*
Main Channel, CMS
-----------------  */


/* Page Structure
----------------- */
#leftColumn {
	width: 144px;
}

#centerColumn {
	width: 456px;
	float: right;
}

#leftAndCenter{
	width: 632px;
	float: left;
}


/* Type
----------------- */
a.button:link, a.button:hover, a.button:active, a.button:visited {
	padding: 0px;
	text-decoration: none;
	background-color: transparent;
}


/****************

STYLES FOR CONTENT TOUTS (CENTER COLUMN)

****************/

div#mainTout{
	width: 456px;
	margin: 0 0 10px 0;
	_margin: 0 0 5px 0; /* IE6 hack - do not remove. */
	padding: 0;
}

div#subToutRow1, div#subToutRow2{
	margin: 0 0 10px 0;
	padding: 0;
}

div.subToutLeft, div.subToutRight{
	width: 222px;
	margin: 0;
	padding: 0;
}

div.subToutLeft{
	float: left;
}

div.subToutRight{
	float: right;
}

div.subToutLeft h3, div.subToutRight h3{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #015cb7;
	margin: .5em 0;
	padding: 0;
}

div.subToutLeft a, div.subToutRight a{
	text-decoration: none;
}

div.subToutLeft a:hover, div.subToutRight a:hover{
	text-decoration: underline;
}

div.subToutLeft a:visited, div.subToutRight a:visited {
}

div.subToutLeft p, div.subToutRight p{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #78766f;
}




/*
%%%%%%%%%%
Left Column Promos (tools, graphics, etc.)
%%%%%%%%%%

added by Kaiser Shahid, 2007-08-10

modified by yonas (14 Sep 2007)

*/

DIV.leftColPromo {
	background: url('http://assets.aarp.org/aarp.org_/images/channels/leftcol-round-bottom.gif') no-repeat center bottom;
	width: 144px;
	padding-bottom: 9px;
	margin-bottom: 12px;
}

DIV.leftColPromo A.more, DIV.leftColPromo A.more:visited, DIV.leftColPromo A.more:active {
	font-size: 11px;
	text-decoration: none;
	float: right;
	padding-right: 12px;
	background: url('http://assets.aarp.org/aarp.org_/images/channels/leftcol-arrow-right.gif') no-repeat right center;
	_margin-top: -8px;
}

DIV.leftColPromo A.more:hover {
	text-decoration: underline;
}

DIV.leftColPromo H3.greyHeader {
	padding-top: 8px;
	_padding-top: 4px;
	padding-left: 8px;
	height: 27px;
	text-transform: uppercase;
	background: url('http://assets.aarp.org/aarp.org_/images/channels/leftcol-round-top-greyheader.gif') no-repeat center top;
	color: #fff;
	margin: 0px;
	font-size: 12pt;
	font-weight: bold;
}

DIV.leftColPromo DIV.roundTop {
	_margin-bottom: -7px;
	font-size: 2px;
	height: 9px;
	background: url('http://assets.aarp.org/aarp.org_/images/channels/leftcol-round-top.gif') no-repeat center top;
}

DIV.leftColPromo DIV.body {
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	margin: 0px;
	padding: 0px 8px 8px 8px;
}

DIV.leftColPromo DIV.body H4 {
	font-size: 11pt;
	color: #333;
	margin: 0px;
	margin-bottom: 4px;
}

DIV.leftColPromo DIV.body H4.top {
	padding-top: 8px;
	font-weight: bold;
}

DIV.leftColPromo DIV.body P {
	margin: 0px;
	margin-bottom: 8px;
	font-size: 10pt;
	color: #666;
}

DIV.leftColPromo IMG.promo {
	display: block;
	text-align: center;
	border: 1px solid #999;
	margin-top: 16px;
	margin-bottom: 16px;
}


/*
%%%%%%%%%%
From the Community
%%%%%%%%%%

last modified by Yonas Hassen (10 Oct 2007)

I just moved this from home.css (kaiser)
*/

#fromTheCommunity.channel {
	width: 454px !important;
	border: 1px solid #C3D9EE;
	background-color: #F2F7FB;
	padding-bottom: 10px;
}

#fromTheCommunity.channel h2 {
	font-size: 20px;
	font-weight: normal;
	color: #015CB7;
	margin: 10px 18px 0px 10px;
	border-bottom: 2px dotted #015CB7;
	padding-bottom: 7px;
}

#fromTheCommunity h3 {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 5px;
}

#fromTheCommunity.channel .fromTheCommunityFeature {
	padding: 0;
	width: 416px;
	margin: 20px 0 0 20px;
	_margin: 15px 0 0 10px; /* IE6 Hack - Do not remove. */	
	display: block;
	float: none;
	clear: both;
}

#fromTheCommunity.channel .fromTheCommunityFeature p {
	width: 420px;
	_width: 300px;
}

/****************************************************

	BEGIN: STYLES FOR MEMBERSHIP CHANNEL

	added by Yonas Hassen (21 Sep 2007)
	last modified: Yonas Hassen (10 Oct 2007)

*****************************************************/

div.membershipComp {
	margin: 0 0 12px 0;
	border: 1px solid #e0dcd0;
	padding: 10px;
}

div.membershipCenter h2, div.membershipComp h2 {
	font-size: 20px;
	font-weight: 100;
	font-family: 'Trebuchet MS', Helvetica, Arial, Verdana, sans-serif;
	margin: 0 0 10px 0;
	color: #605d58;
}

div.membershipComp ul {
	margin: 0; 
	padding: 0;
	list-style: none;
}

div.membershipComp li {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #015cb7;
	margin: .5em 0;
	padding: 0 0 0 5px;
}

div.membershipComp a {
	text-decoration: none;
}

div.membershipComp a:hover {
	text-decoration: underline;
}

div.membershipComp a:visited {
}

/********************************************
	END: STYLES FOR MEMBERSHIP CHANNEL
********************************************/



/***********************************************

	BEGIN: STYLES FOR STATE PAGES

	added by Yonas Hassen (10 Oct 2007)
	last modified: Yonas Hassen (17 Oct 2007)

************************************************/

/* begin: styles for state landing page */
div#mapAndTable {
	float: right;
}

table#fullStateListing {
	width: 612px;
}

table#fullStateListing li {
	margin-bottom: 5px;
}

table#fullStateListing td {
	width: 122px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

table#fullStateListing td a {
	color: #015cb7;
	text-decoration: none;
}

table#fullStateListing td a:hover {
	text-decoration: underline;
}

table#fullStateListing td a:visited {
	color: #990099;
}
/* end: styles for state landing page */


/* begin: left column styles */
div.leftColumnStates {
	margin: 0 0 12px 0;
	border: 1px solid #e0dcd0;
	padding: 10px;
}

div.leftColumnStates h3 {
	font-size: 13px;
	font-weight: bold;
	font-family: 'Trebuchet MS', Helvetica, Arial, Verdana, sans-serif;
	margin: 0 0 10px 0;
	_margin: 0 0 -3px 0;
	color: #605d58;
}

div.leftColumnStates li {
	font-size: 1.2em;
	margin-bottom: 5px;
}

div.leftColumnStates ul.addressList {
	margin: 0 0 0 15px;
}

div.leftColumnStates a {
	color: #015cb7;
	text-decoration: none;
}

div.leftColumnStates a:hover {
	text-decoration: underline;
}

div.leftColumnStates a:visited {
	color: #990099;
}

div.leftColumnStates .marginTop5px {
	margin: 5px 0 0 0;
}
/* end: left column styles */

/* begin: center column styles */
div#stateFeatureListing{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #78766f;
}

div#stateFeatureListing h3{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #015cb7;
	margin: .5em 0;
	padding: 0;
}

div#stateFeatureListing p{
	margin-bottom: 15px;
}

div#stateFeatureListing a{
	color: #015cb7;
	text-decoration: none;
}

div#stateFeatureListing a:hover{
	text-decoration: underline;
}

div#stateFeatureListing a:visited{
	color: #990099;
}
/* end: center column styles */

/*************************************************
	END: STYLES FOR STATE PAGES
*************************************************/