/* Main Stylesheet for theretirementsage.com */
/*
######################################
Begin Sitewide Settings
######################################
*/
/*
	Main site background color
	Sitewide font size, family and color
	Centering for Internet Explorer
*/

body {
	background:#000;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
}

h1 {font: Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000000;}
h2, h3 {font:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; font-weight:normal;}

/*
	Sitewide hyperlink color and underline settings
*/

a:link, a:visited, a:hover, a:active {
	color:#333;
	text-decoration:underline;
}
/*
######################################
End Sitewide Settings
######################################
*/







/*

######################################

Begin ID Definitions

######################################

*/

/*

	Site wrapper with main width setting and Gecko Browser centering

*/

#wrap{
	width:700px;
	text-align:left;
	margin:0 auto;
}



/*

	Left side of header (headshot graphic)

	This div is floated alongside #head_right so that they are adjacent



	Gecko browser left margin (in effect creates black border on left side of graphic)

	IE left margin

*/

#head_left

{

	float:left;

	margin-left:15px;

	_margin-left:7px;

}



/*

	Right side of header (logo graphic)

	This div is floated alongside #head_left so that they are adjacent

*/

#head_right

{

	float:left;

}



/*

	Remove the border created on images when they are made into image links (Nav bar)

*/

img

{

	border:0;

}



/*

	Content wrapper under the header

	White background

	Floated left

	Gecko left margin (black border on content area)

	IE left margin

*/

#main

{

	background-color:white;

	float:left;

	margin-left:15px;

	_margin-left:7px;

}



/*

	Creates spacing between the nav bar and the content itself (basically an blank 50px high div)

	Width, magins and background color must match #content and #content2

*/

#content_pad

{

	float:left;

	width:661px;

	_width:660px;

	height:30px;

	background-color:#ECECEC;

	margin-left:5px;

	_margin-left:3px;

}



/*

	Creates spacing between the content and the bottom of the site simlar to what #content_pad does above the content

	Width, magins and background color must match #content and #content2

*/

#content_pad_bot

{

	float:left;

	width:661px;

	_width:660px;

	height:20px;

	background-color:#ECECEC;

	margin-left:5px;

	_margin-left:3px;

	border-bottom:5px solid white;

}





/*

	The main content div (3 columns)

	The background image is a 1px image that draws the black lines on the content area



*/

#content

{

	background:url(/images/content_back.gif) repeat-y;

	float:left;

	width:661px;

	_width:660px;

	margin-left:5px;

	_margin-left:3px;

	margin-right:5px;

}



/*

	The main content div (2 columns)

	The background image is a 1px image that draws the black line on the content area



*/

#content2

{

	background:url(/images/content2_back.gif) repeat-y;

	float:left;

	width:661px;

	_width:660px;

	margin-left:5px;

	_margin-left:3px;

	margin-right:5px;

}



/*

	1st content column



*/

#col1

{

	padding-left:5px;

	width:160px;

	float:left;

    padding-right:2px;

}



/*

	2nd content column (3 column pages only)

*/

#col2

{

	width:304px;

	float:left;

	padding-left:10px;

	padding-right:5px;

	min-height:10px;

	_height:10px;



}





/*

	2nd content column (2 column pages only)

*/

#content2_col2

{

	width:460px;

	float:left;

	padding-left:10px;

	min-height:10px;

	_height:10px;



}





/*

	3rd content column

*/

#col3

{

	padding-left:10px;

	padding-right:5px;

	width:156px;

	float:left;

}

/*

######################################

End ID Definitions

######################################

*/



/*

######################################

Begin Class Definitions

######################################

*/

.more

{

	font-size: 10px;

	font-style: italic;

	text-align: left;

}



.maintext

{



	font-size: 12px;

}



.faqhead

{

	font-size: 12px;

	font-style: normal;

	font-weight: bold;

}



.faq

{

	font-size: 10px;

}

/*

######################################

End Class Definitions

######################################

*/

/*

######################################

Contact info & image placement index

######################################

*/

#contact{

font-weight:bold;

text-align:center;

font-style:italic;}



#cont{

text-align:center;

font-weight:100%;}



/* first image for home page main content */

#img0{

padding-top:24px;

padding-bottom:0px;

padding-left:3px;

}



/* other images for home page main content */

#img1{

padding-top:56px;

padding-bottom:0px;

padding-left:3px;

}



#left{

padding-top:30px;

padding-bottom:0px;

padding-left:0px;

}



#ear{

font-size:18px;

font-weight:bold;}



#line{

margin-top:10px;}



#early{

margin-left:1em;

margin-right:1em;

}



#earlylist{

margin-left:1em;

margin-right:1em;

font-weight:bold;

font-size:10px;}



#dil{

margin-left:20px;

margin-right:20px;

}





#licol{

    line-height:17px;

    margin-left:10px;

    padding-left:10px;}#wrap #main #content #col2 #img1 {

	margin-right: 1px;

    padding-right: 1px;

}