/* General Selectors - changing any of the attributes of the following selectors will effect every page using this style sheet. Some of these may be over-ruled on one or more pages. Scroll down for page specific selectors. Contact Michael ORourke (morourke at salliemae.com) with questions. */
body {
	margin: 0;
	padding: 10px 0 0 0;
	font: 62.5% Arial, Helvetica, sans-serif;
	background: #F0F5EE;
}

img, p, h1, h3 {
	border: none;
	margin: 0;
	padding: 0;
}

h2 {
   font: bold 1.2em Arial, Helvetica, sans-serif;
	margin: 1em 0;
	padding: 0;
}

address {
	font-style: normal;
}

sup {
	font-size: 80%;
	font-weight: normal;
	vertical-align: top;
}

sup.serial {
	font-size: 65%;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline; 
}

.center {
	text-align: center;
}

.legal-text {
	font-size: .8em;
}

.subheading {
	font-weight: bold;
	display: block;
	margin-bottom: .3em;
}

h2.subheading {
	margin: 1em 0 -.7em 0;
	padding: 0;
	font-size: 1em;
}

.bar { /* This style is for the decorative bar used on most pages */
   clear: both;
	height: 1.5em;
	margin: 0 0 1em 0;
	background: #E3D9C5;
}

.clearfix:after { /* for containers with floated elements (see hack for IE) */
   content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#outer-wrapper {
   width: 64.2em;
	margin: 0 auto;
	text-align: center;
	font-size: 1.2em;
	background: transparent;
}

#inner-wrapper {
   position: relative;
	width: 63.37em;
	border: 5px solid #FFF;
	text-align: left;
	background: #FFF url(../images/leftcol-background.gif) repeat-y;
}

#header {
	margin: 0;
	padding: 0;
	background: #FFF;
}

#header img.header-left {
	width: 24.7em;
	height: 7.45em;
	padding: 0;
}

#header img.header-right {
	width: 38.6em;
	height: 7.45em;
	padding: 0;
}

/* TOP HORIZONTAL NAVIGATION BAR */
#navbar {
   position: relative;
   height: 3.1em;
	margin: 0;
	padding: 0;
	border-bottom: 4px solid #FFF;
	background: #FFF;
   z-index: 3;
}

#navbar ul { /* all lists including dropdown */
	padding: 0;
	margin: 0;
	height: 3.05em;
	list-style: none;
	background: #657C49 url(../images/navbar-background.gif) repeat-y left;
}

#navbar a {
	display: block;
	text-decoration: none;
	color: #FFF;
}

#navbar li { /* all list items including dropdown */
	float: left;
	min-width: 2em;  /*width needed for dropdown, trying min-width instead for this layout*/ 
	padding: .9em .9em .9em .6em;
	background: url(../images/navbar_partition.gif) no-repeat right;
}

#navbar li.path {
	background: url(../images/your-path_navbar-button.gif) no-repeat right;
	padding: .9em 3.2em .9em .4em;
}

#navbar li.access-app img {
	border: none;
	width: 13.5em;
	height: 3.08em;
	margin-bottom: -3px; /* See iehacks.css */
}

#navbar li.access-app {
   float: right;
	padding: 0;
	background: none;
}

#navbar li.faos {
	background: none;
}

/* the following styles are for the dropdown list */
#navbar li ul {
	position: absolute;
	background: #FFB65B;
	height: 9.4em;
	width: 8.6em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by some screen readers */
z-index: 3;
}

#navbar li ul li {
   width: 7em;
	background-image: none;
	border-bottom: 1px solid #FFF;
}

#navbar li ul a:link, #navbar li ul a:visited {
	color: #000;
}

#navbar li ul a:hover {
	font-weight: bold;
}

#navbar li:hover ul, #navbar li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* LEFT COLUMN NAVIGATION */
#nav {
	float: left;
	width: 14.3em;
	background: #F8EFF7;
}

#nav ul {
	list-style: none;
	margin: 0 0 0 0em;
	padding-left: 0em;
}

#nav li {
	border-bottom: 1px solid #336600;
	margin: 0;
	padding: .5em .2em;
}

#nav ul ul {
	list-style: url(../images/loancenter/square_dot.gif);
	margin-left: 1.4em;
	font-size: .9em;
}

#nav ul ul li {
	border-bottom: none;
}

#nav ul ul li ul {
	list-style: none;
}

#nav a:link, #nav a:visited {
	text-decoration: none;
	color: #000;
}

#nav a:hover {
	color: #336600;
	text-decoration: underline;
}

#nav h2 {
   padding: .4em 0 .4em .2em;
	color: #000;
	border-bottom: 1px dotted #336600;
}

#nav form { /* search box */
   margin-top: 1.5em;
	text-align: center;
}

/* Upper section of pages between top navigation bar and main content */
#content-wrapper {
   clear: right;
	float: right;
	width: 48.5em;
	line-height: 130%;
}

#content-wrapper a {
	color: #336600;
	text-decoration: none;
}

#content-wrapper a:hover {
	text-decoration: underline;
}

#content-head {
	margin-bottom: 1em;
}

#content-head h1 {
   float: left;
	width: 7em;
	margin: 0;
	padding: 2em 0 2em 0;
	font: bold 1.8em Arial, Helvetica, sans-serif;
	color: #336600;
}

#content-head h1.two-line { /* For h1 with 2 lines of text */
	padding: 1.5em 0 1em 0;
}

#content-head h1.three-line { /* For h1 with 3 lines of text */
	padding: 1em 0 1em 0;
}

#content-head h1.four-line { /* For h1 with 4 lines of text */
	padding: .5em 0 1em 0;
}

/* For h1 with long words */
#content-head h1.long, #content-head h1.two-line.long, #content-head h1.three-line.long {
	font: bold 1.5em Arial, Helvetica, sans-serif;
}

#content-head p#page-heading {
   margin-left: 12.7em;
	padding: .5em .5em 0 .7em;
	line-height: 150%;
	border-left: 1px dotted #000;
   height: 100%; /* for IE */
}

#content-head p#page-heading img {
	float: right;
	width: 12.8em;
	height: 9.2em;
	padding: 0 1em;
	margin-right: 1em;
}

#navtrail {
	margin: .3em 0 2.5em 0;
	font-weight: bold;
	color: #666;
}

#navtrail p {
   width: 30em;
	font-size: .9em;
	/*text-decoration: underline;*/
}

#navtrail a:link, #navtrail a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #666;
}

#navtrail a:hover {
	font-weight: bold;
}

#navtrail img {
	float: right;
	padding: 0 1em;
	width: 1.6em;
	height: 1.6em;
	border: none;
}

#navtrail img.email {
	border-right: 1px dotted #FFF;
	width: 2.7em;
	height: 1.6em;
}

/* Main content */

#content * {
line-height: 150%;
}

#content h1 {
	width: 6.5em;
	margin: 0;
	padding: 0;
	font: bold 1.8em Arial, Helvetica, sans-serif;
	color: #336600;
}

#content h1 a:hover {
	text-decoration: none;
}

#content p {
margin: 1em 0 0 0;
}

#content p.firstp { /* first paragragh only */
margin: 0;
}

#content sup {
	vertical-align: super;
}

#content .paraimg {
   margin: 1em 0;
	padding-top: .5em;
   border-top: 1px dotted #000;
}

#content .paraimg p {
	margin: 0;
}

#content .paraimg p.imgleft {
	float: left;
	width: 4.8em;
	margin: 0;
	padding-right: 1em;
}

#content .paraimg p.imgleft img a {
	display: block;
	width: 4.8em;
	height: 6.5em;
}

#content .paraimg p.imgleft a {
   display: block;
	font-size: .75em;
}

#content ul {
	margin: 0 0 0 1.3em;
	padding: 0;
}

#content ol {
	margin: 0 0 0 1.7em;
	padding: 0;
}

#content li {
	padding: .2em 0;
	line-height: 130%
}

#content ul.deco {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content ul.deco li {
   padding-left: 1em;
	background: url(../images/list-arrow.gif) no-repeat left .7em;
}

#content ul.deco-check {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content ul.deco-check li {
   padding-left: 1.5em;
	background: url(../images/list-checkmark.png) no-repeat left .4em;
}

/* CONTENT AREA WITH 2 COLUMNS */
#content-twocolumn {
        margin-top: 1.5em;
}

#content-twocolumn h3 {
        font-size: 1.25em;
}

#content .left-column {
	float: left;
	width: 23em;
	padding: 0 1em 0 0;
	border-right: 1px dotted #000;
}

#content .right-column {
	float: right;
	width: 23em;
}

#two-col #content .right-column, #app #content .right-column {
   float: none;
	width: auto;
	margin-left: 24em;
	padding: 0 .3em 0 1.25em;
	border-left: 1px dotted #000;
} 

/* CONTENT AREA WITH 3 EQUAL HEIGHT COLUMNS - NO LEFT NAVIGATION */
.column-container { 
   float: right; 
	overflow: hidden;
}

.column-container .column-left { 
   float: left; 
	background: #FFF; 
	width: 21em; 
	margin: 0 0 -2000px 0;
	padding-bottom: 2000px; 
}
.column-container .column-middle { 
   float: left; 
	background: #F1F6EF; 
	border-left: 1px solid #BDBDBD;
	width: 21em; 
	margin: 0 0 -2000px 0;
	padding-bottom: 2000px;  
}
.column-container .column-right { 
   float: left; 
	background: #F2F1F1;
	border-left: 1px solid #BDBDBD; 
	width: 20.9em; 
	margin: 0 0 -2000px 0;
	padding-bottom: 2000px;  
}

/* COMMON PAGE PARTS */
#content .article-box {
	margin: 20px 0;
}

#content .article-box p {
	border-left: 1px solid #99CC99;
	border-right: 1px solid #99CC99;
	background: #F7FAF6;
	margin: 0;
	padding: .5em;
}

#content .article-box ul {
	margin: 0;
	padding: 0;
	background: #F7FAF6;
	border-left: 1px solid #99CC99;
	border-right: 1px solid #99CC99;
	list-style: none;
}

#content .article-box li {
   padding-left: .5em;
}

.article-boxtop {
   display: block;
   margin: 0;
	width: 48.5em;
	height: .6em;
}

.article-boxbottom {
   display: block;
   margin: 0;
	width: 48.5em;
	height: .75em;
}

/* LARGE "HANDLEBAR" BOX */
#content .handlebar-green {
   position: relative;
	height: 3.4em;
	width: 46.9em;
	margin: 0 auto;
	background: url(../images/handlebar/green_middle.gif) repeat;
}

#content .handlebar-blue {
   position: relative;
	height: 3.4em;
	width: 46.9em;
	margin: 0 auto;
	background: url(../images/handlebar/blue_middle.gif) repeat;
}

#content .handlebar-tan {
   position: relative;
	height: 3.4em;
	width: 46.9em;
	margin: 0 auto;
	background: url(../images/handlebar/tan_middle.gif) repeat;
}

.middle * { /* this will not work if more than one line of text in handlebar */
      vertical-align: middle;	
}

#content .handlebar-left {
  width: 2.8em;
  height: 3.4em;
  background: #FFF;
}

#content .handlebar-right {
	position: absolute;
	top: 0;
	right: 0;
	height: 3.4em;
	width: 2.4em;
	background: #FFF;
}

#content .handlebar-bottom {
	background: #F8EFF7;
	margin-top: -2em;
	padding: 2.6em 1em 1em 1em;
}

/* SMALL "HANDLEBAR" BOX */
#content .smhandlebar-green {
   position: relative;
	height: 3.42em;
	width: 21.8em;
	margin: 0 auto;
	background: url(../images/handlebar/green_middle.gif) repeat;
}

#content .smhandlebar-blue {
   position: relative;
	height: 3.415em;
	width: 21.8em;
	margin: 0 auto;
	background: url(../images/handlebar/blue_middle.gif) repeat;
}

#content .smhandlebar-tan {
   position: relative;
	height: 3.42em;
	width: 21.8em;
	margin: 0 auto;
	background: url(../images/handlebar/tan_middle.gif) repeat;
}

#content .smhandlebar-left {
  width: 2.7em;
  height: 3.42em;
  background: #FFF;
}

#content .smhandlebar-blue .smhandlebar-left, #content .smhandlebar-blue .smhandlebar-right {
	height: 3.415em;
}

#content .smhandlebar-green a, #content .smhandlebar-blue a, #content .smhandlebar-tan a {
	color: #000;
}

#content .smhandlebar-right {
	position: absolute;
	top: 0;
	right: 0;
	height: 3.42em;
	width: 2.4em;
	background: #FFF;
}

#content p.apply-button {
	margin-bottom: .5em;
}
/* "HANDLEBAR" BOX APPLY BUTTONS */
#app #content .article-box p.apply-button {
	margin-bottom: 0;
}

#content p.apply-button a:link, #content .handlebar-bottom p.apply-button a:link, #content .article-box p.apply-button a:link, #content p.apply-button a:visited, #content .handlebar-bottom p.apply-button a:visited, #content .article-box p.apply-button a:visited { 
	margin-right: .1em;
	padding: .3em 1em;
	color: #FFF; 
	background-color: #54772D;
	text-decoration: none;
	border-top: 2px solid #CCC;
	border-left: 2px solid #CCC;
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
}
#content p.apply-button a:hover, #content .handlebar-bottom p.apply-button a:hover, #content .article-box p.apply-button a:hover {
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	border-bottom: 2px solid #CCC;
	border-right: 2px solid #CCC;
}

#app #content .handlebar-bottom p.apply-button {
	margin: .5em 0 1.7em 0;
}

/* FOOTER */
#footer {
	clear: both;
}

#footer p {
	text-align: center;
	margin: .8em 0;
	font-size: .9em;
}

#footer a:link, #footer a:visited {
   padding: 0 .3em;
	text-decoration: none;
	color: #000;
}

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

/**** PAGE SPECIFIC STYLES ****/

/* pop-up boxes */
#pop-up {
	font-size: 1em;
	background: none;
}

#pop-up p {
	margin: 1em;
}

/* The following two selectors remove the left navigation column from pages that don't use it */
#three-col #inner-wrapper, #three-col-full #inner-wrapper, #nonavschool #inner-wrapper, #nonavschoolsubscriber #inner-wrapper, #homepage #inner-wrapper, #error #inner-wrapper {
	background: #FFF none;
}

#three-col #content-wrapper, #three-col-full #content-wrapper, #nonavschool #content-wrapper, #nonavschoolsubscriber #content-wrapper, #homepage #content-wrapper, #error #content-wrapper {
	float: none;
	width: 100%;
}

/* homepage template */
#homepage #navbar {
	border-bottom: none;
	height: auto;
}

#homepage #content-head {
   position: relative;
	margin-top: -.1em;
	margin-bottom: 0;
	height: 20em;
	width: 63em;
}

.background {
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%; 
   height: 100%; 
   z-index: 1;
}

#homepage #access-app-button {
	position: absolute;
	top: 0em;
	right: .1em;
	z-index: 3;
}

#homepage #access-app-button a {
	display: block;
	width: 13em;
	height: 4em;
}

#homepage #content-head #hometext {
   position: absolute;
   left: 0;
   top: 0;
   width: 56%; 
   height: 100%; 
   z-index: 2;
	margin: 0 0 0 28em;
}

#homepage #content-head #hometext h1 {
   float: none;
	width: auto;
	font: normal 2.2em "Times New Roman", Times, serif;
	color: #000;
	margin: 0;
	padding: 2.5em 0 .3em 0;
	border-right: none;
}

#homepage #content-head #hometext ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#homepage #content-head #hometext ul li {
	border-bottom: 1px dotted #695922;
	padding: .2em 0;
	font-weight: bold;
	width: 30em;
}

#homepage #content-head #hometext ul li img {
	vertical-align: bottom;
	padding-right: .5em;
}

#homepage #content-head #hometext ul li a {
	color: #000;
}

#homepage #content-head #hometext p {
	margin: .8em 0 .5em .5em;
	color: #336600;
	font-weight: bold;
	width: 23em;
}

#homepage #content .left-column {
	float: left;
	width: 40em;
	padding-right: 1.5em;
	border-right: 1px dotted #000;
}

#homepage #content .right-column {
	float: right;
	width: 21em;
}

#homepage #content .article-box p {
   border: none;
	background: #fffff; /*F0ECE9*/
	margin: 0;
	padding: 1em;
}

#homepage .article-boxtop {
	width: 40em;
}

#homepage .article-boxbottom {
	width: 40em;
}

#homepage #content .article-box p.border-top {
	border-top: 1px dotted #695922;
}

#homepage #content .paraimg {
   margin: .5em 1em 0 1em;
   border: none;
}

#homepage #content .paraimg p {
	margin: 0;
}

#homepage #content .paraimg p.imgleft {
	float: left;
	width: 8em;
	margin: 0;
	padding-right: 1em;
}

#homepage #content .paraimg p.imgleft img {
	display: block;
	width: 8em;
	height: 7.17em;
	padding: 2em 0 1em 0;
}

#homepage h2 {
	background: #EBE5D9;
	font-weight: normal;
	font-size: 1.7em;
	padding: .3em .3em;
	color: #4D4118;
	margin: 0;
}

#homepage h3 {
	font: normal 1.7em "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
}

#homepage .subheading-two {
	background: #ffffff; /*F0ECE9*/
	font: normal 2em "Times New Roman", Times, serif;
	color: #000;
	margin: 0;
}

/* email signup box*/
#content .tips-box {
   width: 18em;
   padding: 1em;
	border: 1px solid #BEBEBE;
	background: #E7E7E7;
}

#content .tips-box img {
	float: left;
	padding-right: 1em;
}

#content .tips-box p {
	margin: 0;
	padding: 0;
}

#content .fao-box {
	margin-bottom: 1.3em;
}

#content .fao-box img {
	width: 20.58em;
	height: 11.75em;
}

/* call to action buttons used on homepage */
#content .identifier {
	margin-bottom: 2em;
}

#content .identifier a {
	color: #000;
}

#content .identifier-tan {
   position: relative;
	float: left;
	height: 5.7em;
	width: 19.1em;
	margin-right: 2em;
}

#content .identifier-tan p {
	position: absolute;
	left:0;
   top:0;
   z-index:2;
}

#content .identifier-green {
   position: relative;
	height: 5.7em;
	width: 19.1em;
	margin: 0 auto;
	margin-left: 22.15em; /* IE can't figure out 'auto' */
}

#content .identifier-green p {
	position: absolute;
	left:0;
   top:0;
   z-index:2;
}

#content .identifier-blue {
   position: relative;
	float: right;
	height: 5.7em;
	width: 19.1em;
}

#content .identifier-blue p {
	position: absolute;
	left:3;
	top:0;
	z-index:2;
}

#content .identifier-tan p, #content .identifier-green p, #content .identifier-blue p {
   margin: 0 0 0 0;
	padding: .5em 0 0 .5em;
}

#content .identifier-tan p span, #content .identifier-green p span, #content .identifier-blue p span {
   display: block;
	margin-bottom: -.8em;
	padding: 0 0 0 1.5em;
	font: bold 1.5em "Times New Roman", Times, serif;
}

/* Entrance/Exit Counseling on homepage */
.counsel-box {
	clear: both;
	background: #F4E7CA;
	padding: 0 1.5em;
}

/***** std1colnav-nointro template *****/
#no-intro #content-head h1 {
   float: left;
	margin: 0;
	padding: 2em 0 2em 0;
	font: bold 1.8em Arial, Helvetica, sans-serif;
	color: #336600;
	width: 17em;
}

#no-intro #content-head p#page-heading {
	padding: .5em .5em 0 .7em;
	line-height: 150%;
	border-left: none;
   height: 100%; /* for IE */
}

/***** nonavschool template *****/
.contenttop {
   float: right;
	width: 41em;
	margin-right: 1em;
}

.tip-image {
	float: left;
	width: 19.75em;
	height: 29.8em;
}

#nonavschool #content-head h1 {
	padding: 1em .5em 1.5em 0;
	width: 9.5em;
}

#nonavschool #content-head p#page-heading {
   margin-left: 18.1em;
}

#nonavschool #content .left-column {
	width: 18.8em;
	padding-right: 1.5em;
	margin-bottom: 2em;
}

#nonavschool #content .right-column {
	width: 18.8em;
	margin-bottom: 2em;
}

#nonavschool #content .smhandlebar-green {
   position: relative;
	height: 3.4em;
	width: 18.8em;
	margin: 0 auto;
	background: url(../images/handlebar/green_middle.gif) repeat;
}

#nonavschool #content .smhandlebar-blue {
   position: relative;
	height: 3.41em;
	width: 18.8em;
	margin: 0 auto;
	background: url(../images/handlebar/blue_middle.gif) repeat-x;
}

#nonavschool #content .smhandlebar-tan {
   position: relative;
	height: 3.4em;
	width: 18.8em;
	margin: 0 auto;
	background: url(../images/handlebar/tan_middle.gif) repeat;
}

#nonavschool #content .smhandlebar-left {
  width: 2.8em;
  height: 3.41em;
  background: #FFF;
}

#nonavschool #content .smhandlebar-right {
	position: absolute;
	top: 0;
	right: 0;
	height: 3.41em;
	width: 2.4em;
	background: #FFF;
}

#nonavschool #content .contentbottom {
	padding-bottom: 1em;
	margin-bottom: 0;
}

#nonavschool #content .contentbottom a {
	text-decoration: underline;
	line-height: 200%;
}

#nonavschool #content .contentbottom-bar {
	clear: both;
	height: 2.0em;
	background: #DCE5D0;
	font-weight: bold;
	margin: 0;
	padding: .7em .3em 0 .6em;
}

/* nonavschoolsubscriber template */

#nonavschoolsubscriber #content-head p {
	border-left: 1px dotted #000;
	margin-left: 19em;
	margin-top: 1em;
}

img.mascot {
   float:right;
	width: 18.5em;
	height: 15.25em;
}

.finstamp {
	float: left;
	width: 18.2em;
	height: 4.92em;
	margin: 0 0.5em 0 0;
	padding: 4em 1.5em 0 0;
}

.finstamp {
	width: 18.2em;
	height: 4.92em;
}

#nonavschoolsubscriber #navbar img {
	width: 63.4em;
	height: 3.1em;
}

#nonavschoolsubscriber #content-head h1 {
	float: none;
	width: auto;
	border: none;
	padding: 0;
	margin: 0;
}

#nonavschoolsubscriber #content .handlebar-bottom {
	background: #F3F3F3;
	margin: -1.7em 4em 1em 4em;
	padding: 2.6em 4em 1em 4em;
}

#nonavschoolsubscriber #content .handlebar-bottom ul {
	list-style-type: square;
}

#nonavschoolsubscriber #content .handlebar-bottom a {
	text-decoration: underline;
}

#nonavschoolsubscriber .bar {
	margin-top: 0;
}

/* std3colnonav template */
#three-col #navtrail p, #nonavschool #navtrail p, #nonavschoolsubscriber #navtrail p {
   width: 45em;
}

#three-col #content-head p#page-heading {
   margin-left: 18.1em;
}

#three-col #content-head h1 {
	padding: 1em .5em 1.5em 0;
	width: 9.5em;
}

#three-col .padding {
	padding: 0 1.4em 0 .6em;
}

#three-col #content p.loan-name {
	margin: 0;
	padding: .7em;
	background: #3F5920;
	color: #FFF;
	font-weight: bold;
}

#three-col #content p.apply-button {
	margin: 0;
	padding: .5em;
	background: #FFF;
}

#three-col #content p.apply-button img {
   width: 8.75em;
	height: 2.33em;
	border: none;
}

#three-col #content .bar { 
   height: auto;
	background: #D4DEC9;
	margin: 0;
	padding: .5em;
	font-weight: bold;
}

/* nonav3colfull template */
#three-col-full #content-head {
	margin: 0;
}

#three-col-full #navtrail {
	margin-bottom: 0;
	padding-bottom: 0;
}

#three-col-full #content-head h1 {
	border: none;
	padding: 0;
	margin: .5em 0 .5em 0;
	width: 30em;
	font: bold 2em Arial, Helvetica, sans-serif;
}

#three-col-full #content {
	margin-top: 0;
	padding-top: 0;
}

#three-col-full .column-container p a.bold {
	display: block;
	margin: 0 0 -.7em 0;
}

#three-col-full .column-container .column-middle {
	background: none;
	border-left: 1px dotted #BDBDBD;
}

#three-col-full .column-container .column-right {
	background: none;
	border-left: 1px dotted #BDBDBD;
}

#three-col-full .padding {
	padding: 0 1.4em 0 .6em;
	margin: .5em 0 1.5em 0;
}

#three-col-full .column-left .padding {
	padding: 0 1.4em 0 0;
	margin: .5em 0 1.5em 0;
}

#three-col-full #content .bar {
	background: #D4DEC9;
	text-align: center;
	border: 1px solid #ABABAB;
	font-weight: bold;
	margin: 1.5em .5em;
	padding: .2em 0;
}

#three-col-full #content .column-container .bar {
	background: #EFEFEF;
	text-align: left;
	margin: 0 .5em 1em .5em;
	padding: .2em 0 .2em .4em;
}

#three-col-full #content .column-container .column-left .bar {
	margin: 0 .5em 1em 0;
}

/* Subscribe form */
form.subscribe {
		padding: 1em;
	}
	
form.subscribe input.txt {
		color: #00008B;
		background-color: #F0F5EE;
		border: 1px inset #99CC66;
		width: 200px;
	}
	
form.subscribe input.btn {
      display: block;
		position: relative;
		color: #00008B;
		background-color: #F0F5EE;
		border: 1px outset #99CC66;
		font-weight: bold;
	}
	
form.subscribe p.submit-button {
	padding: 1em 0 0 15.8em;
}
	
form.subscribe p {
		clear: both;
		margin: 0;
		padding: 0;
		padding-top: 5px;
	}
	
form.subscribe p label {
		float: left;
		width: 16em;
	}
	
/***** LOG IN/OUT FORM *****/	
#nav form#loginform {
   margin: 0;
	background: #DFE5D8;
	border-bottom: .5em solid #919F81;
}	

#nav form#loginform p {
   text-align: left;
	padding: .2em 0 .6em .2em;
}

#nav form#loginform p.form-first {
	text-align: left;
	font-weight: bold;
}

#nav p.log-in {
	padding: .2em 0 .6em .2em;
}
	
/***** FAO LEFTNAV FORM *****/	
#nav form#faoform {
   margin: 0;
	background: #DFE5D8;
	border-bottom: .5em solid #919F81;
}	

#nav form#faoform p {
	text-align: center;
	padding: .2em 0 .6em .2em;
}

#nav form#faoform p.form-first {
	text-align: left;
	font-weight: bold;
}

/***** FAOREG FORM *****/
form#faoreg p {
	clear: left;
	margin: 0;
	padding: .4em 0 0 0;
}

form#faoreg label {
	float: left;
	width: 14em;
	text-align: right;
	padding-right: .5em;
}

form#faoreg p#sub {
   margin-top: 1em;
	text-align: center;
}

form#faoreg fieldset {
	margin-bottom: 1em;
}
form#faoreg legend {
	font-weight: bold;
}

/***** MAIL APPLICATION FORM *****/
form#mail p {
	clear: left;
	margin: 0;
	padding: .4em 0 0 0;
}

form#mail label {
	float: left;
	width: 20em;
	text-align: right;
	padding-right: .5em;
}

form#mail p#sub {
   margin-top: 1em;
	text-align: center;
}

form#mail fieldset {
	margin-bottom: 1em;
}
	
.datatable {
		border: 1px solid #CCC;
		border-collapse: collapse;
	}
	
.datatable caption {
		text-align: left;
		padding-top: 1em;
		
	}
	
.datatable th {
	   border: 1px solid #CCC;
		padding: .5em;
	}
	
.datatable td {
	   border: 1px solid #CCC;
		padding: .5em;
		text-align: center;
	}