/* Main Stylesheet for theretirementsage.com */


/*
######################################
Begin Sitewide Settings
######################################
*/
/*
	Main site background color
	Sitewide font size, family and color
	Centering for Internet Explorer
*/
body {
	/*background:#007c41;*/
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;
}

table#body
{
	margin:0 auto;
	width:800px;
	height:562px;
	text-align:left;
}

/*
	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)
*/
#head_right 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:5px;
}

/*
	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;
}

.style2
{
	font-color: #000000;
	text-align:center;
	font-size:9px;
}
	
.style4
{
	font-size: 14px;
	color: #000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-right: 20px;
}
	
/*
######################################
End Class Definitions
######################################
*/

#contact{
font-weight:bold;
text-align:center;
font-style:italic;}

#cont{
text-align:center;
font-weight:100%;}

#img1{
padding: 1em;}.home_head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #003366;
	padding-top: 20px;
	padding-left: 10px;
	text-align: center;
}

.note {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #000066;
	margin-left: 20px;
	margin-right: 20px;
}
.style2 {color: #000000}
body {
	background-color: #96C1E4;
}
body,td,th {
	color: #003399;
}
.style4 {
	font-size: 14px;
	color: #000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right: 29px;
	margin-left: 20px;
}
.cont{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #003399;

 }

