body {
	text-align:center;
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	background-image:url(../images/bkgd.jpg);
	background-position:center top;
	background-color:#e9ebec;
	background-repeat:no-repeat;
	color:#333;
}

img {
	border:none;
}

p {
	margin:3px 0 5px 0;
	padding:3px 0 5px 0;
}


a, a:visited {
	border:none;
	color:#036;
}

a:hover {
	color:#666666;
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:23px;
	color:#114b7d;
	padding-top:1px;
	margin-top:1px;
	padding-bottom:3px;
	margin-bottom:3px;
	font-weight:normal;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:19px;
	color:#666666;
	padding-top:1px;
	margin-top:1px;
	padding-bottom:2px;
	margin-bottom:2px;
	font-weight:normal;
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	color:#666666;
	padding:0;
	margin:0;
	font-weight:normal;
}

/******* STYLES FOR HEADER NAV, LEARN, PLAN, OPEN AN ACCOUNT *********/

#headerNav {
	width:191px;
	height:261px;
	float:right;
	clear:left;
	background-color:#104b7d;
}

#flashBanner {
	width:763px;
	height:260px;
	float:left;
}


.learn a {
display: block;
width: 191px;
height: 86px;
background: transparent url(../images/learn.jpg) no-repeat;
margin-bottom:1px;
}

.learn a:hover {
background-position: -191px 0;
} 

.plan a {
display: block;
width: 191px;
height: 86px;
background: transparent url(../images/plan.jpg) no-repeat;
margin-bottom:1px;
}

.plan a:hover {
background-position: -191px 0;
} 

.openanaccount a {
display: block;
width: 191px;
height: 87px;
background: transparent url(../images/openanaccount.jpg) no-repeat;
}

.openanaccount a:hover {
background-position: -191px 0;
} 

.logoPadding {
	padding-right:16px;
}

#outerWrapper {
	width:986px;
	margin:auto;
	text-align:center;
}

#logo {
	width:228px;
	height:82px;
	float:left;
	padding-top:18px;
	padding-left:15px;
}

#search {
	width:323px;
	height:51px;
	float:right;
	margin-top:18px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-right:25px;
}

#wrapper {
	width:986px;
	margin:auto;
	float:left;
	text-align:center;
	background-image:url(../images/shadow_middle.png);
	background-repeat:repeat-y;
	margin-top:12px;
}

#containerHomePageOnly {
	width:975px;
	background-color:#fff;
	margin-left:5px;
	float:left;

}

#container {
	width:975px;
	margin-left:5px;
	float:left;
	background-color:#fff;
	background-image:url(../images/bg_gradient.jpg);
	background-repeat:no-repeat;
	background-position: 7px 50px;
	border-bottom:7px solid #104b7d;
}

#whiteBorder {
	background-color:#FFF;
	height:8px;
	width:975px;
}

#bannerContainer {
	padding: 7px;
	height:260px;
	text-align:left;
}


/****** MAIN NAVIGATION ********/

#navcontainer {
	background-color: #104b7d;
	margin:auto;
	width:961px;
	clear:both;
	text-align:center;
	font-size:16px;
	float:left;
	margin-left:7px;
}

#navlist {
	margin:0;
	padding:0px;
}

#navcontainer ul {
	padding-left: 0;
	background-color: #104b7d;
	color: White;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#navcontainer ul li {
	display: inline; 
}

#navcontainer ul li a {
	padding: 8px 43px;
	color: White;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
}

#navcontainer ul li a:hover {
	background-color:#8cc63e;
	color: #000;
}

.resources {
	width:102px;
	border:none;
}

.active {
	background-color:#8cc63e;
	background-image:url(../images/nav_bkgd.png);
	color: #000;
}

#subnav {
	background-color: #8cc63e;
	margin:auto;
	width:951px;
	clear:both;
	text-align:left;
	font-size:16px;
	float:left;
	margin-left:7px;
	padding:8px 0 8px 10px;
	font-size:12px;
}

a.subnav:link  {
	color: white;
	text-decoration: none;
	padding-right: 25px;
}

a.subnav:visited {
	color: white;
	text-decoration: none;
	padding-right: 25px;
}

a.subnav:hover {
	color: #000;
	text-decoration: none;
}

.activeSubnav {
	color:#000;
	text-decoration: none;
	padding-right: 25px;
}

.activeSubnav a:hover {
	color:#fff;
	text-decoration: none;
	padding-right: 25px;
}




/**** HOMEPAGE ELEMENTS *****/

#contentHome {
	background-image:url(../images/bkgd_contentHome.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#eaeaea;
	padding:25px;
	text-align:left;
	border:8px solid #fff;
	float:left;
	width:909px;
}

#box1Title {
	margin-bottom:10px;
	font-size:20px;
	font-weight:normal;
	color:#000;
	margin-left:30px;
	width: 227px;
	border-left:double 2px #000;
	padding-left:10px;
	float:left;
}

#box1 {
	background-image:url(../images/bkgd_box.jpg);
	background-repeat:no-repeat;
	width:257px;
	height: 154px;
	float:left;
	margin-left:30px;
}

#box1 div {
	width:200px;
	padding-left: 20px;
	padding-top:35px;
	font-size:14px;
	color:#104b7d;
}

#box2Title {
	margin-bottom:10px;
	font-size:20px;
	font-weight:normal;
	color:#000;
	margin-left:59px;
	width: 227px;
	border-left:double 2px #000;
	padding-left:10px;
	float:left;
}

#box2 {
	background-image:url(../images/bkgd_box.jpg);
	background-repeat:no-repeat;
	width:257px;
	height: 154px;
	float:left;
	margin-left:40px;
}

#box2 div {
	width:230px;
	padding-left: 20px;
	padding-top:35px;
	font-size:14px;
	color:#104b7d;
}


/************************ SAVE FOR LOGIN BOX ***************************/

/*#box2Title {
	margin-bottom:10px;
	font-size:20px;
	font-weight:normal;
	color:#000;
	margin-left:59px;
	width: 227px;
	border-left:double 2px #000;
	padding-left:10px;
	float:left;
}

#box2 {
	background-image:url(../images/bkgd_box_login.jpg);
	background-repeat:no-repeat;
	width:230px;
	height: 134px;
	float:left;
	margin-left:40px;
	padding:20px 18px 0 9px;
	
}

#box2 p {
	padding:13px 0 0 10px;
	color:#104b7d;
}*/

/**********  box 2 login form *********/

/*#form1 {
	padding:0;
	margin:0;
}

.formContainer {
	padding-top:11px;
}

.formField {
	padding:0 2px 3px 0;
	float:left;
}

.formField input {
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	border:1px solid white;
	color:#104b7d;
	padding-left:4px;
	padding-top:3px;
}

.formButton {
	float:right;
	padding-right:7px;
}

.forgotUser {
	font-size:11px;
	clear:both;
	padding-left:8px;
}*/

#box3Title {
	margin-bottom:10px;
	font-size:20px;
	font-weight:normal;
	color:#000;
	margin-left:58px;
	width: 257px;
	border-left:double 2px #000;
	padding-left:10px;
	float:left;
}

#box3 {
	background-image:url(../images/bkgd_box.jpg);
	background-repeat:no-repeat;
	width:257px;
	height: 154px;
	float:left;
	margin-left:40px;
}

#box3 div {
	width:200px;
	padding-left: 20px;
	padding-top:20px;
	font-size:14px;
	color:#104b7d;
}

/*********** INTERIOR LAYOUT **********/


/* LEFT COLUMN IN TWO-COLUMN LAYOUT */
#contentInterior {
	padding:10px;
	text-align:left;
	border:8px solid #fff;
	float:left;
	width:639px;
	line-height:20px;
}

p.jayspace {
	margin-bottom:-20px;
}

/* FULL-WIDTH FOR 1 COLUMN LAYOUT */
#contentInteriorWide {
	padding:10px;
	text-align:left;
	border:8px solid #fff;
	float:left;
	width:939px;
	line-height:20px;
	text-align:left;
}

/* CONTENT BOX FOR RIGHT COLUMN */
#contentInteriorRight {
	border-top:8px solid #fff;
	margin-right:7px;
	text-align:center;
	float:right;
	width:273px;
	padding:10px;
}

#footerWrapper {
	clear:both;
	text-align:left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:20px 0 0 5px;
	height:50px;

}

#footerLinks {
	float:left;
	width: 960px;
	clear:both;
}

/* MISC STYLES */


.highlight {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-style:italic;
	color:#104b7d;
	font-weight:normal;
}

.divider {
	border-top:1px dotted #999;
	padding:3px 0 3px 0;
	line-height:1px;
}

.social {
	float:right;
	width:100px;
}

#logos {
	float:left;
	clear:both;
	width:976px;
	padding-top:12px;
	padding-bottom:15px;
	color:#666666;
	font-weight:normal;
}

.smalltext {
	font-size:10px;
	color: #666666;
}

p.lineheightshort {
	padding:1px 0;
	margin: 1px 0;
}

.collegeSavingsOptionsTableStyle {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	text-align:center;
}

.collegeSavingsOptionsTableStyle sup {
	font-size:8px;
}

.shadowTableCell {
	background-image:url(../images/shadow_tablecell.png);
	background-position:right;
	background-repeat:no-repeat;
}

.shadowTableCellTextColor {
	color:#fff;
	font-size:14px;
}

.disclaimerCopy {
	font-size:11px;
	color:#666666;
	font-weight:lighter;
	line-height:17px;
}

#indentedText {
	margin-left:37px;
}


#print_email {
	width:100px;
	height:20px;
	float:right;	
}

#print_this input {
	background-color:transparent;
	background-image:url(../images/icon_print.png);
	background-repeat:no-repeat;
	border:none;
	width:30px;
	height:30px;
}

#email_icon {
	background-image:url(../images/icon_email.png);
	background-repeat:no-repeat;
	width:20px;
	height:30px;
	display:block;
	padding-top:12px;
}

.alertBox {
	border:1px dashed red;
	padding: 18px 10px 10px 10px;
	margin-top:15px;
	font-size:13px;
}

.risk {
	position:absolute;
	margin-top:-30px;
	background-color:red;
	color:#fff;
	padding:3px 5px;
	font-size:15px;
	
}

.indent {
	padding-left:15px;
}

/*************** NEWS BOX  **********************/

.NewsContainer1 {
	width:200px;
	float:left;
}

.NewsContainer2 {
	width: 300px;
	padding:0 15px;
	float:left;
}

.NewsContainer3 {
	width:200px;
	float:left;
}

.NewsContainer4 {
	width:200px;
	float:left;
}


.box {
		padding:0 12px 0 0;
		background:#fff url(../images/borders.gif) 100% 0 repeat-y;
	}
	.bi {
		padding:0 0 0 12px;
		background:#fff url(../images/borders.gif) 0 0 repeat-y;
	}
	.bt {
		height:17px;
		margin:0 -12px;
		background:url(../images/box.gif) 100% 0 no-repeat;
	}
	.bt div {
		width:18px;
		height:17px;
		background:url(../images/box.gif) 0 0 no-repeat;
	}
	.bb {
		height:17px;
		margin:0 -12px;
		background:url(../images/box.gif) 100% 100% no-repeat;
	}
	.bb div {
		width:18px;
		height:17px;
		background:url(../images/box.gif) 0 100% no-repeat;
	}
	.box h1 {
		margin:0;
		padding:0.3em 10px;
		background:#efece6;
		font:bold 1.2em/1 Arial, Helvetica, sans-serif;
	}
	.box p, .box ul {
		margin:0;
		padding:4px 10px;
		background:#fff;
	}
	.box li {
		margin:0 0 0 2em;
		padding:0;
	}
	
/************************* END NEWS BOX  ***************************/

/****************TABLE STYLING FOR THE FORMS PAGE******************/

#gradient-style {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	width: 940px;
	text-align: left;
	border-collapse: collapse;
}

#gradient-style th {
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #fff;
	background-color:#104b7d;
}


#gradient-style td {
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #000;
	border-top: 1px solid #fff;
	background-color:#b9d3ea;
}

#gradient-style img {
	border:none;
	padding:0;
}

#gradient-style .odd {
	background-color:#DEEBF5;
}

#gradient-style tbody tr:hover td {
	background-color: #f1f1f1;
}

.dottedBorder {
	border:1px solid #fff;
}

/* privacy policy bullet styling */

ul.bullets {
	padding:0 0 2px 10px;
	margin:0 0 2px 10px;
}

li.bullets2 {
	margin-bottom:10px;
}

.font17px {
	font-size:17px;
}




/* css3 button */

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .8em .75em .8em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}



.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}