/*******************************************************************************/
/* Interior One Column Styles for MyFedLoan Website                            */
/*                                                                             */
/* Table of Contents (placeholder name for searching)                          */
/* Main Content Styles (=main)                                                 */
/* Question Container Styles =question                                         */
/* Did You Know Container Styles =didyouknow                                   */
/* Account Access Container Styles =access                                     */
/* Highlight Box Styles =highlight                                             */
/*******************************************************************************/

/* =main
Main Content Styles */

body.bodyWelcome div#content div#mainContent {
  display:inline;
  float:left;
  margin:0 0 0 1.538em; /* 0 0 0 20px */
  padding:0;
  width:72.924em; /* 948px */
}

body.bodyWelcome div#content div#mainContent h1 {
  font:normal 1em Arial, Helvetica, sans-serif; /* sets font size to 13 px */
	height:11.5384em; /* 150px */
	padding:0;
	position:relative;
	width:72.924em; /* 948px */
}

body.bodyWelcome div#content div#mainContent h1 i {
  background:#FFF url(/images/welcome/header-bg.jpg) no-repeat 0 0;
  display:block;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}

body.bodyWelcome div#content div#mainContent h2 {
  background-color:#FFF;
	border:none;
	font:bold 1.692em  Arial, Helvetica, sans-serif; /* 22px */
	font-smooth:always;
	margin:0 0 .5em 0; /* 0 0 11px 0 */
	padding:0;
}

/* =question
Question Container Styles */

body.bodyWelcome div#content div#mainContent div.questionOuterBox {
  background:#FFF url(/images/welcome/questions-container-bg.jpg) no-repeat bottom right;
	float:left;
  padding-right:1.923em; /* 25px */
	margin:0;
  margin-bottom:1em;
	width:26.8em; /* 350px */
}
  
body.bodyWelcome div#content div#mainContent div.questionInnerBox {
  background:#FFF  url(/images/welcome/questions-container-bg.jpg) no-repeat bottom left;
  padding:0 0 1.923em 5.385em; /* 0 0 25px 70px */
}

body.bodyWelcome div#content div#mainContent div.questionInnerBox h2 {
  background:#FFF url(/images/welcome/questions-container-bg.jpg) no-repeat top right;
  color:#599B24;
  font-weight:bold;
  margin:0 -1.136em 0 -3.182em; /*0 -25px 0 -70px */
  padding-right:1.136em; /* 25px */
}

body.bodyWelcome div#content div#mainContent div.questionInnerBox h2 span {
  background:#FFF url(/images/welcome/questions-container-bg.jpg) no-repeat top left;
  display:block;
  padding:1.364em 1.818em .273em 3.182em; /* 30px 40px 6px 70px */
}

body.bodyWelcome div#content div#mainContent div.questionContent {
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  padding:.385em .231em; /*5px 3px */
  zoom:1;
}

/* =didyouknow
Did You Know Container Styles */

body.bodyWelcome div#content div#mainContent div#didYouKnow {
  float:left;
	margin:0 0 1.5em 3.077em; /* 0 0 0 40px */
  width:40em; /* 526px */
}

body.bodyWelcome div#content div#mainContent div#didYouKnow ul li {
  padding-bottom:1em;
}

body.bodyWelcome div#content div#mainContent div#didYouKnow ul li ul li {
  background:url(/images/welcome/list-dash.gif) no-repeat 0 2px;
  display:inline;
	float:left;
	list-style:none;
	margin:0 0 0 -1em;
	padding:0 1em .5em 1em;
	width:45%;
}

/* =access
Account Access Container Styles */

body.bodyWelcome div#content div#mainContent h2.signup {
  background:url(/images/welcome/signup-bg.gif) no-repeat right top;
	border-bottom:1px solid #CCC;
  clear:both;
	letter-spacing:.175em; /* 4px */
	padding:1em 0;
  width:100%;
}

body.bodyWelcome div#content div#mainContent div#signupContainer {
  float:left;
	margin-top:1.5em;
	width:46.154em; /* 600px */
}

body.bodyWelcome div#content div#mainContent div#signupContainer ol li {
  padding-bottom:.75em;
}

body.bodyWelcome div#content div#mainContent div#signupContainer img.accountButton {
  border:none;
  margin-right:1em;
}

body.bodyWelcome div#content div#mainContent div#signupContainer .displayInline {
  display:inline;
}

/* =highlight
Highlight Box Styles */

body.bodyWelcome div#content div#mainContent div.highlightOuterBox {
  background:#FFF url(/images/highlight-gray-bg.jpg) no-repeat bottom right;
	display:inline;
	float:left;
	margin:1.5em 0 0 3.077em; /* 13px 0 0 40px */
	padding-right:.923em; /* 12px */
	width:19.646em; /* 255px */ 
}
  
body.bodyWelcome div#content div#mainContent div.highlightInnerBox {
  background:#FFF url(/images/highlight-gray-bg.jpg) no-repeat bottom left;
  padding:0 0 .923em .923em; /* 0 0 12px 12px */
}

body.bodyWelcome div#content div#mainContent div.highlightInnerBox h3 {
  background:#FFF url(/images/highlight-gray-bg.jpg) no-repeat top right;
  color:#333;
  font-size:1.07em; /* sets font size to 14px */
  font-weight:bold;
  margin:0 -.857em; /* 0 -12px */
  padding-right:.857em; /* 12px */
}

body.bodyWelcome div#content div#mainContent div.highlightInnerBox h3 span {
  background:url(/images/highlight-gray-bg.jpg) no-repeat top left;
  display:block;
  padding:1.071em .857em .429em 1.15em; /* 15px 12px 6px 16px */
}

body.bodyWelcome div#content div#mainContent div.highlightBoxContent {
  border-radius:6px;
	font-size:.846em; /* sets font size to 11px */
  padding:.455em .273em; /* 5px 3px */
	-moz-border-radius:6px;
  -webkit-border-radius:6px;
  zoom:1;
}

body.bodyWelcome div#content div#mainContent div.highlightBoxContent ul {
  color:#666;
  list-style:disc;
  margin:0;
  padding:.455em 0 .909em 1.636em; /* 5px 0 10px 18px */
}

body.bodyWelcome div#content div#mainContent div.highlightBoxContent ul li {
  margin:0;
  padding:.182em 0 .364em 0; /* 2px 0 4px 0 */
}