/* Styles for HTML elements (unclassed) */
/* * { margin: 0; padding: 0; } */

body {
	background-color: #e2e2e2; 
	font-family: Arial, sans-serif; 
	text-align: center; 
	margin: 0; 
	padding: 0;
}

/* Styles for block div's (major content areas */
div#container {
	width:760px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}
div#header {
	float: left;
	width:760px;
	height:190px;
	margin: 0;
}
div#topNav { float: left; width: 760px; height: 33px; margin: 0; background-color: #003366; }
div#leftNav { clear:both; float: left; width: 157px; height: 100%; background-color: #369; margin-top:0px; padding-top:0px;  margin-bottom:0px; padding-bottom:0px;}
div#bottomNav { float: left; width: 760px; margin: 0; }
/* styles for bottom navigation */
#bottomNav ul { margin: 10px 0 10px 0; }
#bottomNav ul li { display: inline; font-size: 10px; padding: 0px 40px 0 40px; }
#bottomNav ul li a, a:visited { color: #00f; }

/* Styles for leftNav */
div#leftNav ul { list-style-type: none; background-color: #369; }
div#leftNav ul li {
	margin: 0;
	padding: 6px 0 6px 5px;
}
div#leftNav ul li a {
	display: block;
	/*height: 100%;*/
	width: 100%;
	font-size: 14px;
	color: #eee;
	text-decoration: none;
	padding-left: 10px;
	margin-left: -10px;
}
div#leftNav ul li a:hover { color: #a3bcd5; }
div#leftNav ul li.minor {
	padding-left: 15px;
	width: 100%;
	background-color: #a3bcd5;
	border-top: 1px solid #369;
}
div#leftNav ul li.minornotop {
	border-top: 0px;
}
div#leftNav ul li.minor a { color: #036; padding-left: 20px; margin-left: -20px; }
div#leftNav ul li.minor a:hover { font-weight: bold; color: #036;}
div#leftNav ul li.majorBorder { border-bottom: 3px solid #a3bcd5; }
div#leftNav ul li.major { font-weight: bold; }

/* Start the class styling */
ul.nav
{
	padding-left: 0;
	margin: 0;
	float: left;
	width: 100%;
}
p.testimonial { padding-left: 12px; font-size: 11px; text-align: left; width: 220px; }
.currentPage { background-color: #369; }

/* Below this line is unverified CSS */
div#mainContent {
	float: left;
	width: 575px;
	height: 100%;
	background-color: #fff;
	padding: 0 15px 0 13px;
	font-size: 13px;
}
div#mainContent p { margin-top: 0; }
div#mainContent h1 { margin-top: 18px; font-size: 18px; }
div#leftCol { float: left; width: 243px; text-align: center; padding: 0 7px 0 3px; }
div#leftCol h1 a{ font-size: 20px; color: #f00; }
div#rightCol { float: right; width: 300px; padding: 18px 7px 0 8px; font-size: 13px;}

div#mainContent h2.questionHeader {
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 0;
}

#footer { font-size: 11px; text-align: center; }
#mainContent h2 { font-size: 14px; }


/* Targets IE only and solves IE png24 problem on FadeIn */ 
.productbox, .more, .featured {background:none\9;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/pngfix.png", sizingMethod="crop");}

ul.news li {
	list-style-type: none;
	margin-left: -25px;
	padding-top: 3px;
	padding-bottom: 3px;
	}
	
	
ul.news li a {
	text-decoration: none;
	}
ul.news li a:hover {
	text-decoration: underline;
	}

#tableHeader {
	background-image:url(../images/blue_grad_40.jpg);
	background-repeat:repeat-x;
}

/* for jcarousel and news-flash stuff =============================================== */
#newsticker-demo {
	padding: 0px;
	margin: 0px;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:12px;
	vertical-align:middle;
}
#newsticker-demo a {
	text-decoration:none;
	vertical-align:middle;
	color: #336699;
}

#newsticker-demo a:hover {
	text-decoration:underline;
}

#newsticker-demo img {
	vertical-align:middle;
}

.newsticker-jcarousellite {
	width:100%;
}
.newsticker-jcarousellite ul li {
	list-style:none;
	display:block;
	padding-bottom:1px;
	margin-bottom:5px;
	vertical-align:middle;
}
.newsticker-jcarousellite .thumbnail {
	text-align:center;
	float:left;
	width:40px;
	vertical-align:middle;
}
.newsticker-jcarousellite .info {
	float:right;
	width:160px;
	vertical-align:middle;
}
.newsticker-jcarousellite .info  {
	display: block;
	font-size:12px;
	color:#808080;
	vertical-align:middle;
}
.clear {
	clear: both;
}
#slider {
	left: -13px;
}
#slider {
	position:relative;
	background:#202834 url(loading.gif) no-repeat 50% 50%;
}

#slider a {
	border:0;
}
tableHeader {
	text-align:center;
}

.center {
	text-align:center;
}

.bold {
	font-weight:bold;
}

.scooch {
	padding-left:20px;
}

.padded {
	padding:3px 0px 6px 0px;
	margin:3px 0px 6px 0px;
}

.white {
	color:#ffffff;
	font-weight:bold;
}
#ageImage {
	float:right;
	padding-left:25px;
	padding-bottom:10px;
}
#bottomArea {
	clear:both;
	position:relative;
	width:575px;
}

#dodStuff {
	position:relative;
}

.imagePad {
	padding:0px 45px 0px 0px;
}

.floatRight {
	float:right;
}

#army {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	color:#688134;
	padding-right:10px;
	padding-left:20px;
}

#airforce {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	color:#548cd3;
	padding-right:10px;
}
#navy {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	color:#0f243e;
	padding-right:10px;
}
#corps {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	color:#fcbe00;
	padding-right:10px;
}

#cohortLegend {
	font-size:1.2em;
}

#relocated {
	background-color:#7b2e21;
}

.post-it {
	padding-left:25px;
	}
	
.margin {
	position:absolute;
	left:675px;
}

/*div#divSpacer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear:both;
	height:2px;
	width:155px;
	float: left;
	background-color:#f00;
	}*/
	
div#rightSpacer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear:both;
	height:0px;
	width:760px;
	float: left;
	background-color:#ffffff;
	
}


table#incentives th {
	text-align: center;
	padding-bottom: 20px;
	}
table#incentives {
	margin:20px auto 10px auto;
	}
table#incentives td {
	padding: 0 10px 0 10px;
	}
td#phonecardthumb img {
	padding-bottom: 13px;
	}
	
#bodyHolder {
	margin-top: -35px;
}
	
#bodyLeft {
	float: left;
	width: 240px;
}

#bodyLeftHeader {
	padding: 8px 4px 8px 4px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	width: 100%;
	background-color: #336699;
}

#bodyRight {
	float: right;
	width: 310px;
	color: #000;
	/*color: #606262;*/
	font-size: 13px;
}

#bodyRight p a {
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	font-style: italic;
}

#bodyRight a:hover {
	text-decoration: underline;
}    

#bottomNav2 {
	float: left;
	width: 760px;
	background-color: #336699;
	padding: 6px 0px 6px 0px;
}

#bottomNav2 a {
	float: right;
	color: #EEEEEE;
	text-transform: uppercase;
	text-decoration: none;	
	font-size: 14px;
	padding-right: 12px;
	font-weight: bold;
}

#bottomNav2 a:hover {
	color: #A3BCD5;
}    

#bottomNav3 {
	float: left;
	width: 760px;
	padding: 6px 0px 6px 0px;	
	text-align: center;
	font-size: 10px;
}

#familyHeader {
	float: left;
	color: #000;
	text-transform: uppercase;	
	font-size: 18px;
	background: url("/images/family/headerbg2.png") repeat-x scroll center bottom #ebb91d;
	/*
	background: url("/images/family/headerbg.jpg") repeat-x scroll center bottom #F0E8D4;
	*/
	width: 100%;
	height: 50px;
	vertical-align: middle;
	text-align: center;
	padding-top: 20px;
}

#familyContent {
	font: 13px Arial,Helvetica,sans-serif;
	float: left;
	width: 603px;
	height: 920px;
	background-color: #fff;
	padding: 0 0 0 0;
	
	background:#fff url("/images/family/containerbgbottom2.png") no-repeat bottom;
}

#familyBody p {
	font-size: 13px;
	padding: 4px 16px 4px 16px;
	margin: 4px 0px 0px 0px;
}

#familyTop {
	float: left;
	padding-top: 16px;
	padding-bottom: 16px;
}

#familyMiddle {
	padding-left: 27px;
}

#familyMiddleLeft {
	float: left;
	background-color: #0081ab;
	padding-left: 10px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	height: 160px;
	width: 380px;
	line-height: 28px;
}

#familyMiddleLeftHeader {
	
}

#familyMiddleLeftBody {
	font-size: 13px;
	line-height: 20px;
	padding-top: 12px;
}

#familyMiddleRight {
	float: left;
	width: 160px;
	height: 160px;
	padding-left: 8px;
}

#familyBottom {
	clear: both;	
	float: left;
	padding-top: 16px;
	height: 239px;
}

#familyBottomLeft {	
	float: left;
	width: 414px;
	display:inline; 
}

#familyBottomLeft p {	
	margin-top: 50px;
}

#familyBottomRight {	
	float: left;
	width: 170px;
	height: 239px;
}

.dottedSeparator {
	margin: 24px auto 26px auto;
	border-top: 1px dashed #606262;
	width: 200px;
	height: 1px;
}

.lightGreyWithBorderBox {
	border: 1px solid #000;
	background-color: #f3f4f5;
	padding: 4px;
}

.lightGreyWithBorderBox a {
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	text-transform:none;
	color: #606262;
}

.lightGreyWithBorderBox a:hover {
	text-decoration: underline;
}

#topNav ul {
	margin: 0;
	padding: 0;
	display: inline;	
	border: none;
	height: 33px;
	width: 760px;
}

#topNav ul li {
	margin: 0;
	padding: 7px 22px 7px 22px;
	border-left: 1px solid #000;
	list-style: none;
	display: inline;
	
	letter-spacing: 1px;
	height: 33px;
	font-weight: bold;
	border: none;
	line-height: 33px;
}


#topNav ul li:hover {
	background-color: #336699;
}

#topNav ul li a {
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
}

#topNav ul li a:hover {
	color: #fff;
	text-decoration: none;
}