/* ====================================================================
^Global body/wrapper defs, column defs, and style defs
-------------------------------------------------------------------- */
body {
	margin-top:-2px; 
	padding:0px;
	text-align:center;
	min-width:640px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	}
img {
	border:none;
	margin:0px;
	padding:0px;
}
form {
	margin:0px;
	padding:0px;
	}
a {outline: none;}			/* fix for FF dotted-links http://sonspring.com/journal/removing-dotted-links */	
#wrapper{
	width:960px;
	text-align:left;
	margin:0px auto;
}
ul {
	list-style:none;
	padding:0;
	margin-left:1em;
	margin-top:5px;
	float:left;
	line-height:18px;
	}
ul li {
	background-image:url(http://www.military.com/finance/images/3x3bullet_2.gif);
	background-repeat:no-repeat;
	background-position: 0 .6em;
	padding-left: .8em;
	}
/* ====================================================================
^Header
-------------------------------------------------------------------- */
#header{
	width:960px;
	margin:0px auto;
	}
#filler {
	width:200px;
	background:url("http://www.military.com/pics/filler.gif") top left repeat-x;
}


/* ====================================================================
^Left column - nav, calculators, Ask June, 160x600 ad
-------------------------------------------------------------------- */
#leftColumn {
	width:160px;
	background-color:#889388;
	 vertical-align:top;
	}

#leftNavItem {
	width:150px;
	padding:0 0 1em 0;
	margin-bottom: 5px;
	margin-left:5px;
	margin-right:5px;
	font:bold 11px Verdana, sans-serif;
	background-color:#889388;
	color: #FFF;
	}
#leftNavItem ol {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}
#leftNavItem li {
	border-bottom: 1px solid #A7B1A8;
	margin: 0;
	list-style:none;
	list-style-image:none;
	}
#leftNavItem li a {
	display: block;
	padding: 5px 5px 5px 3px;
	background-color: #889388;
	color: #fff;
	text-decoration: none;
	width:130px;
	}
html>body #leftNavItem li a {
	width: auto;
	}
#leftNavItem li a:hover {
	color:#FC0;
	}
.newNav {
	font-weight:normal; 
	text-indent:10px;
	}	
#left-newsletter {
	background-color:#EEEEEE;
	width:144px;
	margin:8px;
	height:206px;
	}
#innerfix {padding:2px 2px 0px 7px;}	
#left-newsletter .title {
	font-size:10px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	}
#left-newsletter .body {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	}					

/* ========================================================================================
^Center column - News, VA Loan miniform, Content Modules (x4), Ask the Expert, 300x250 Ad
---------------------------------------------------------------------------------------- */
#centerColumn {width:624px; vertical-align:top; position:relative; padding:5px 6px 0 10px;}
#leadOfferBox {
	width:206px;
	height:284px;
	float:right;
	margin-top:7px;
	border:1px solid #CCCCCC;
	}
#leadOfferBox p {
	color:#003366;
	font:.75em Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	}
#o-fix	{
	padding:5px 0px 5px 8px;
	}
.t-text {
	color:#003366;
	font:.75em Arial, Helvetica, sans-serif;
	}
/*==============News Articles====*/
#leadStory {
	width:410px;
	float:left;
	margin-top:7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444444;
	line-height:16px;
	}
#leadStory #headline {
	width:410px;
	overflow:hidden;
	font:bold 20px arial;
	text-indent:3px;
	margin-bottom:5px;
	}
#leadStory #leadPhoto {
		width:120px;
		height:90px;
		float:left;
		margin:0px 5px 0 0;
		}
#otherStory {
	width:410px;
	float:left;
	height:133px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	}
#otherStory #title {
	font:bold 11px Verdana;
	color:#666666;
	}
		

/*============Box of 4 modules==== */
#leftTwo {
	float:left;
	width:310px;
	height:302px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:5px;
	}
#module-1 {
	height:135px;
	width:310px;
	float:left;
	}
#module-2 {
	width:310px;
	float:left;
	height:167px;
	margin-top:10px;
	}
#rightTwo {
	float:right;
	width:300px;
	height:302px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:5px;
	}
#module-3 {
	height:135px;
	width:300px;
	float:left;
	}
#module-4 {
	width:300px;
	margin-top:10px;
	float:left;
	height:167px;
	}
#module-e {
	width:315px; 
	height:250px; 
	float:left; 
	border-top:2px solid #369;
	margin-top:6px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
#exp {float:left; height:250px; width:220px; line-height:16px; color:#444444;}

#largeAd {
	float:right;
	}	
/* ====================================================================
^Right column - 160x210 ad (x2), Car Quotes, NL Signup
-------------------------------------------------------------------- */
#rightColumn{width:160px; padding-top:5px; vertical-align:top; margin:0px;}
#scholarship {
	border-top:2px solid #333333;
	background-color:#D9D9D9;
	width:160px;
	height:210px;
	margin-bottom:5px;
	float:left;
	}
#scholarship form{
	margin:0px;
	padding:0px;
	}
#scholarship #fix {
	padding:5px 4px;
	}		
#newslettermodule {
	border-top:2px solid #999999;
	background-color:#EEEEEE;
	width:160px;
	margin-bottom:5px;
	height:210px;
	float:left;
	}
#nlfix {padding:5px;}
.modtitle {
	font-family:verdana;
	font-size:11px;
	line-height:16px;
	font-weight:bold;
	color:#003366;
	text-indent:12px;
	margin-top:3px;
	}
.modtitle-2 {
	font-family:verdana;
	font-size:11px;
	line-height:16px;
	font-weight:bold;
	color:#666666;
	}
.righttext {
	font-family:arial;
	font-size:11px;
	line-height:14px;
	width:145px;
	}
#spacer {
	margin:0px 0px 5px 0px;
	width:160px;
	height:210px;
	padding:0px;
	border:none;
	}
#x {
	width:160px; 
	padding:0px; 
	margin:0px; 
	border:none;
	}
/* ====================================================================
^FOOTER
-------------------------------------------------------------------- */
#footer-finance {
	margin-top:15px;
	border-top:1px solid #CCC;
	padding-top:5px;
	font:11px Arial, Verdana, Helvetica, sans-serif;
	text-align:center;
	color:#666;
	width:960px;
	}
#footer-finance p {margin:2px;}
#footer-finance a {color:#00C; text-decoration:underline;}
#footer-finance a:link, a:visited{color:#00C; text-decoration:underline;}
#footer-finance a:hover, a:active{color:#900; text-decoration:underline;}
a:link {color:#0000CC;}
a:hover, a:active  {color:#CC3300;}
#calcs {
	width:160px;
	border:1px solid #336699;
	border-top:2px solid #336699;
	height:204px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#calcs table {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#calcs table td {
	padding:5px;
	}
