@charset "utf-8";
/* CSS Document */


body  {font-size:11px; line-height:22px; font-family:verdana,Helvetica,sans-serif; background: #336600;
margin-top:0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#000;
	
}




/* ////////////// container layout ///////////////// */

.twoColFixRtHdr #container { 
	width:1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #336600;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 


/* ////////////// header layout starts ///////////////// */


.twoColFixRtHdr #header { margin-top:0; padding-top:0;
width:1000px;
height:174px;
background:url(images/top.jpg) top left no-repeat; 
 /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.twoColFixRtHdr #header h1 span,#header h2 span,#header h3 span { margin-top:0; padding-top:0; display:none;}
#header h1{ margin-top:0; padding-top:0; display:none;}
#header h2{ margin-top:0; padding-top:0; display:none;}


#container3{width:1000px; height:auto; background:url(images/middle_middle.jpg) top left no-repeat; background-color:#FFFFFF;}
#container4{width:1000px; height:129px; background:url(images/middle_bottom.jpg) top left no-repeat;}


/* ////////////// right column layout starts ///////////////// */

.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 296px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	 /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0 20px 0 0; margin:0;
}

/* ////////////// main content layout starts ///////////////// */

.twoColFixRtHdr #mainContent { 
	margin: 0 346px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 20px 20px 25px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 



/* ////////////// footer layout starts ///////////////// */


.twoColFixRtHdr #footer { clear:both; 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */ 
} 
.twoColFixRtHdr #footer p {
	margin: 0; text-align:center; font-size:9px; color:#fff; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 3px 0 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.twoColFixRtHdr #footer p  a {color:#fff; text-decoration:underline;}
.twoColFixRtHdr #footer p a:visited {color: #fff; text-decoration:underline;}	
.twoColFixRtHdr #footer p a:hover {color: #fff; text-decoration:none;}






.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

h2.welcome {font-size: 150%; margin-top:-20px; padding-top:0;color: #ff6b00; font-family:Geneva, Arial, Helvetica, sans-serif;}
h2{font-size: 120%;color: #ff6b00; font-family:Geneva, Arial, Helvetica, sans-serif;}
div#sidebar1 h3{color: #ff6b00; font-size:100%; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif;}
div#sidebar1 h3.long_text_bottom{color: #ff6b00; font-size:100%; font-weight:bold; margin-top:0; padding-top:0; font-family:Geneva, Arial, Helvetica, sans-serif;}
div#sidebar1 h3.long_text_top{color: #ff6b00; font-size:100%; font-weight:bold; margin-bottom:0; padding-bottom:0; font-family:Geneva, Arial, Helvetica, sans-serif;}

	



/* ////////////// menu layout starts ///////////////// */
#header #header-menu {

		position: relative;

		top: 0;

		left: 20px;

		width: 900px;

		height: 45px;

	}

	

	#header #header-menu ul {

		margin: 0;

		padding: 0;

		list-style-type: none;

		width: 900px;

		height: 45px;

	}

	

	#header #header-menu ul li {

		font: normal 12px/45px Verdana;

		color: #000000;

		float: left;

		margin-right: 20px;

                display: block;

	}

	

	#header #header-menu ul li a {

		color: #000000;

		text-decoration: none;

            padding: 0 30px;

		height: 45px;

		display: block;

	}

	

	#header #header-menu ul li a:hover {

		background: #336600;

		color: #ffffff;

		text-decoration: none;

	}

	

	#header #header-menu ul li ul {

		display: none;

	}

	

	#header #header-menu ul li a.current_page_item {

		background-color:#336600; color: #ffffff;

	}
	
	



/* ////////////// menu layout ends ///////////////// */

div#container3 ul{margin:0; padding:0; list-style:none;}
div#container3 ul li{ list-style-position:outside; background-image:url(images/bullet.gif); background-repeat:no-repeat; padding-left:22px; padding-bottom:5px;}
p.small{font-size:9px;}

a {color:#ff6b00; text-decoration:underline;}
a:visited {color: #666; text-decoration:underline;}	
a:hover {color: #666; text-decoration:underline;}

p.techthree{ text-align:center; font-size:9px; color:#fff; margin-left:20px; margin-top:0; padding-top:0;}
p.techthree a {color:#fff; text-decoration:underline;}
p.techthree a:visited {color: #fff; text-decoration:underline;}	
p.techthree a:hover {color: #fff; text-decoration:none;}
p.right_column_divisor{border-bottom:1px dashed; margin-right:250px;}


/* ////////////// starts news letter ///////////////// */

.newsletter2008 { background-color:#fff;}
.newsletter2008 p.pdfimage2{margin-bottom:0; padding-bottom:0;}
.newsletter2008 p.pdfimage2 a{display : block; padding : 0 0 0 25px; margin-bottom:0; 
background : transparent url(images/icon_pdf.gif) no-repeat top left; 
} 
.newsletter2008 p.pdfimage3{margin-top:0; padding-top:0; line-height:12px;}

/* ////////////// end news letter ///////////////// */

/* ////////////// starts learn more ///////////////// */

p.top1{margin-bottom:0; padding-bottom:0; line-height:15px;}
p.bottom1{margin-top:0; padding-top:0; font-style:italic; font-size:10px; line-height:10px;}

/* ////////////// end learn more ///////////////// */


/* ////////////// starts about us ///////////////// */
p.address{margin-bottom:0; padding-bottom:0;}
p.address1{margin:0 0 0 0; padding:0 0 0 0;}
p.address2{margin-top:0; padding-top:0;}

/* ////////////// end about us ///////////////// */



/* ////////////// starts calculators page ///////////////// */
p.calc{ font-weight:bold;}
a.you_r_here {color: #205E9B; text-decoration:none;}
p.calculator{margin-bottom:30px;}


/*starts table style for 401(k) Savings Calculator*/

.saving_top{ font-weight:bold; margin-bottom:0;}
.saving_bot{ margin-top:0;}

table.calc {width: 100%; font-weight:normal; border:1px solid #ddd;}
table.calc th, td {text-align: left; padding: 0 0.1em;}

table.calc thead th {vertical-align: bottom; 
  white-space: normal; font-weight:normal;}
  
  
table.calc th {
  white-space: nowrap; font-weight:normal;}
  
table.calc td {letter-spacing: -1px; font-weight:normal;}

table.calc td.profit {background: #CEC; font-weight:normal;}
  
table.calc td.neg {background: #FF3; color: red; font-weight:normal;}

table.calc tr.totals td {font-weight:normal;}

table.calc tr.totals td.profit {font-weight:normal;}

table.calc tr.totals th { font-weight:normal;}

table.calc  tr.odd * {background: #EEE; font-weight:normal;}
table.calc  tr.even * {background: #ddd; font-weight:normal;}

table.calc tr.odd *, tr.even * { font-weight:normal;}

table.calc td { font-weight:normal;}

table.calc td.profit, td.neg {color: #000; background: #FFF; font-weight:normal;}



table.calc td.neg {font-style: italic; font-weight:normal;}

table.calc tr.totals * { font-weight:normal;}

table.calc tr.totals th {text-transform: uppercase; font-weight:normal;}

table.calc th.small_font{ font-size:11px; background-color:#F0F7FF; font-weight:normal;}

table.calc th.small_font2{ font-size:11px; background-color:#F0F7FF; font-weight:normal;}

table.calc th.my_top{ font-weight:normal;}

table.calc th.my_top1{font-weight:normal;}

table.calc th.my_top2{ font-weight:normal;}
table.calc th.blue{ background-color:#9CE5FF; font-weight:bold;}
/* ////////////// end calculators page ///////////////// */