@charset "utf-8";
/* Microsite Generator by Lead Generation Consulting, Copyright 2007 */

html {
	width: 100%;
	height: 100%;
	margin: 0px;
}

body {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #333;
	text-align: center;
	background: #39c url(/retirementcalc/images/bg1.gif) 50% repeat-y;
}

#container {
	width: 750px;
	text-align: left;
	margin: auto;
	background-color: #fff;
}


/* Common Styles */
.p5 { padding: 10px; }
.p10 { padding: 10px; }

/* Tags */
img { border-width: 0px; }
input { font-size: 1.1em; }
h1 { color: #006699; font-size: 1.7em; font-weight: normal; }
h2 { color: #3399cc; font-size: 1.3em; font-weight: bold; }

/* Link Styles */
a:link 		{ color: #3399cc; text-decoration: underline; 	}
a:visited 	{ color: #3ba8de; 								}
a:hover 	{ color: #33ccff; text-decoration: none; 		}
a:active 	{ color: #3ba8de;								}


/* Main Navigation */
#nav {
	width: 751px;
	height: 32px;
	float: right;
	margin: 0px;
	display: block;
	background-color: #39c;
}
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav li {
	height: 32px;
	float: left;
	margin: 0px;
	display: block;
	list-style: none;
	text-align: center;
	overflow: hidden;
}

/* Article Sites */
#article-top {
	width: 720px;
	height: 50px;
	padding: 25px 0px 4px 15px;
	background-color: #000000;
	float: left;
	background: url(/retirementcalc/images/article-top-bg.jpg) #fff top left no-repeat;
	font-size: 1.2em;
}

#article-top h1 { padding: 0px; margin: 0px; }

#article-left-col {
	width: 192px;
	height: 680px;
	float: left;
	margin: 0px;
	padding-left: 15px;
	font-size: 1em;
}

/* Left Column */
#left-col {
	width: 192px;
	height: 680px;
	float: left;
	margin: 0px;
	padding-left: 15px;
	font-size: 1em;
	background-color: #FFF;
	background-image: url(/retirementcalc/images/ltc.gif);
	background-repeat: no-repeat;
	background-position: top left;
}


/* Sub Navigation */
#sub-nav {
	width: 183px;
	border-right: 1px solid #ddd;
}
#sub-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sub-nav li {
	width: 183px;
	height: 25px;
	margin: 0px;
	border-bottom: 1px solid #eee;
}


/* Webinar */
#webinar {
	width: 165px;
	height: 410px;
	float: left;
	padding: 9px;
	color: #666;
	border-right: solid 1px #ddd;
	background-color: #eee;
}
#webinar .field-half { width: 75px; float: left; margin-right: 5px; }
#webinar .field-full { width: 164px; float: left; }


/* Main Content Area */
#main {
	width: 528px;
	float: left;
	margin: 0px;
	padding-right: 15px;
	background-color: #FFF;
}

/* Case Study */
#case {
	width: 145px;
	float: right;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* Breadcrumbs */
#bread {
	width: 365px;
	height: 12px;
	float: left;
	padding-left: 10px;
	font-size: .9em;
	color: #999;
	vertical-align: bottom;
	background-color: #FFF;
}



/* Sub Page Content */
#content {
	width: 341px;
	float: left;
	padding: 20px;
	font-size: 1.2em;
}

#content2 {
	width: 486px;
	float: left;
	padding: 20px;
	font-size: 1.2em;
}


/* Footer */
#footer {
	width: 750px;
	height: 215px;
	float: left;
	background: #fff url(/retirementcalc/images/ft_bg.jpg) bottom repeat-x;
}
#foot-copy {
	width: 460px;
	height: 28px;
	padding-top: 7px;
	padding-left: 10px;
	float: left;
	font-size: .9em;
	color: #666;
	background-color: #FFF;
}
#foot-links {
	width: 280px;
	height: 25px;
	float: left;
	font-size: .9em;
	color: #666;
	background-color: #FFF;
	padding-bottom: 10px;
}
#footer a:link 		{ color: #999; text-decoration: underline; 	}
#footer a:visited 	{ color: #999; text-decoration: underline; 	}
#footer a:hover  	{ color: #999; text-decoration: none;		}
#footer a:active 	{ color: #999; text-decoration: underline; 	}