/*GENERIC SITE FORMATTING*/
body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: rgb(0,0,0);
	font-style: normal;
	background-color: rgb(223,223,223);
	margin-top: 0px;
}

.my-verdana{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.mkt_body_text{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
}

h1 {
	font-size: 150%;
	font-weight: bold;
}
h2 {
	font-size: 130%;
	font-weight: bold;
}
h3 {
	font-size: 120%;
	font-weight: bold;
}
h4 {
	font-size: 100%;
	font-weight: bold;
}
h5 {
	font-size: 90%;
	font-weight: bold;
}
h6 {
	font-size: 70%;
	font-weight: bold;
}

p, span{
	font-size: 70%;
}

/*DATE BAR CONTAINER AND INCLUDED ELEMENT FORMATTING*/
/*Centers Container, Formats included elements*/
.date_bar_container{

	background-color: rgb(31, 26, 23);
	width: 800px;
	height: 35px;
	margin-right: auto;
	margin-left: auto;
}

.date_image_container{
	float: left;
	height: 35px;
	width: 275px;
	margin-left: 0px;
	margin-top: 0px;
}

.date_image_text{
	float: left;
	font-size: 80%;
	font-weight: bold;
	color: rgb(255, 255, 255);
	margin-left: 10px;
	margin-top: 8px;
}

.date_text{
	float: right;
	font-size: 80%;
	font-weight: bold;
	color: rgb(255, 255, 255);
	margin-right: 10px;
	margin-top: 10px;
}

/*Centers Page Contents*/
.page_centering_container{
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

/*DROP SHADOW CONTAINER*/
/*sets background of container to grey*/
.drop_shadow_container{
	float: left;
	background-color: rgb(206,206,206);
	width: 770px;
	padding-bottom: 3px;
	
	
}
/*PAGE CONTENT CONTAINER AND INCLUDED ELEMENT FORMATTING*/
/*sets background of page content to white*/
.page_content_container{
	float: left;
	background-color: rgb(255, 255, 255);
	width: 767px;
	padding-bottom: 7px;
	margin-top: -2px;
	/*height: 675px;*/
}

#day_date{
	font-size: 80%;
	float: left;
	text-align: left;
	padding: 0px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 80%;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: transparent;
}

.page_header_container{
	float: left;
	width: 770px;
	height: 106px;
}

.banner_container{
	width: 770px;
	margin-top: 20px;
	position: relative;
}

.fsi_logo{
	width: 299px;
	height: 76px;
	margin-left: 5px;
	display: block;
	border: none;
}


/*TOP NAV BAR FORMATTING*/
.top_nav_container{
	height: 14px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	margin-right: 2px;
}

.top_nav_container ul{
	height: 14px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
}

.top_nav_container li{
	float: left;
	height: 14px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.top_nav_container a{
	text-decoration: none;
	background-color: transparent;
	text-align: center;
	height: 12px;
	color: #000066;
	margin-left: 4px;
	margin-right: 5px;
	margin-top: 0px;
	float: left;
}

.top_nav_container li a:hover{
	color: #000099;
	text-decoration: underline;
	color: #000066;
}
.top_nav_list li a:visited{
	color: #000066;
}

/*DEFINITION CONTAINER FORMATTING*/
#definition_container{
	height: 76px;
	position: absolute;
	top: -10px;
	right: 25px;
}

#definition_container h2{
	width: 450px;
	font-size: 36px;
	font-weight: bold;
	color: rgb(200, 200, 200);
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: right;
}

#definition{
	display: block;
	
	background-image: url(images/flex.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	height: 76px;
	width: 183px;
	position: absolute;
	top: 7px;
	right: 25px;
	}
	
#definition:hover {
	background: url(images/flex_mouse.jpg);
	}

/*NAV BAR FORMATTING*/
.nav_bar_container{
	height: 25px;
	background-image: url(images/grey_spacer.jpg);
	background-repeat: repeat-y;
	width: 767px;
	float: left;	
	margin-right: 0px;
}

.nav_bar_container ul {
	list-style: none;
	float: right;
	height: 25px;
	padding: 0px;
	font-size: 90%;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

.nav_bar_container li {
	float: left;
	height: 25px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.nav_bar_container li a {
	text-decoration: none;
	background-color: transparent;
	text-align: center;
	height: 22px;
	color: #000000;
	margin-left: 4px;
	margin-right: 5px;
	margin-top: 3px;
	float: left;
}

.nav_bar_container li a:hover {
	background-color: transparent;
	text-decoration: underline;
/* (see alt pg scheme CSS files for hover text color)*/
}



.pipe{
	width: 2px;
	background-image: url(images/pipe.jpg);
	background-repeat: no-repeat;
	float: left;
	background-position: center center;
}

/*FORMATTING FOR MASTER CONTAINER ON LEFT SIDE OF PAGE BODY*/
/* (Main text content, MSoft logos, adv panels)*/

.page_copy{
	float: left;
	width: 767px;
	clear: both;
}

.left_segment_container{
	width: 534px;
	/*height: 300px;*/
	float: left;
/* (see alt pg scheme CSS files for left_segment_container)*/
	margin-top: 1px;
}

.left_segment_text{
	float: left;
	width: 330px;
	margin-top: 2px;
	margin-left: 200px;
	margin-bottom: 0px;
	padding-bottom: 6px;
}

/* (see alt pg scheme CSS files for text color)*/

.text_h3{
	font-family: "Century Gothic", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	
	font-size: 16px;
}

.text_h4{
	font-family: "Century Gothic", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	margin-left: 2px;
}

.text_h1{
	font-family: "Century Gothic", Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size: 24px;
	margin-top: -10px;
	font-weight: normal;
}

.left_segment_list{

	margin-left: -20px;
	font-size: 80%;
}

.links{
	float: left;
	margin-left: 20px;
	height: 17px;/* (see alt pg scheme CSS files for bead image)*/
}

.links a{
	margin-left: 20px;
	font-weight: bold;
	color: #000000;
	font-size: 12px;
	text-decoration: none;
}

/* (see alt pg scheme CSS files for text colors)*/
/*.links a:hover{
	color: #000099;
}

.links a:visited{
	color: #000000;
}*/
.links-down{
	float: left;
	margin-top: -5px;
	margin-left: 20px;
	height: 16px;/* (see alt pg scheme CSS files for bead image)*/
}

.links-down a{
	margin-left: 20px;
	font-weight: bold;
	color: #000000;
	font-size: 90%;
	text-decoration: none;
}

/* (see alt pg scheme CSS files for text colors)*/
/*.links-down a:hover{
	color: #000099;
}

.links-down a:visited{
	color: #000000;
}*/
/*FORMATTING FOR SUB-CONTAINER ON LEFT SIDE OF PAGE BODY*/
/* (MSoft logos, Mkt Seg panels)*/
.left_segment_bottom{
	width: 534px;
	float: left;
	margin-top: 5px;
	clear: both;
	padding: 0px;
	margin-bottom: 0px;
}

/*Formatting for Logo Panel; Sub-Left Segment*/
#ms_logos{
	width: 165px;
	margin-top: 45px;
	float: left;
	margin-left: 10px;
}

#ms_dyn_logo{
	width: 165px;
	float: left;
	background-image: url(images/md_logo.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 32px;
	margin-right: 0px;
	margin-left: 0px;
}

#partner_logo{
	width: 165px;
	float: left;
	background-image: url(images/msoft_gold.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 70px;
	margin-top: 25px;
	margin-right: 0px;
	margin-left: 0px;
}

.quote{
	width: 165px;
	float: left;
	height: 90px;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-image: url(images/quote_bkrd.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.quote_container{
	width: 165px;
	float: left;
	margin-top: 15px;
	margin-left: 5px;
	
}
.quote_container p{
	width: 150px;
	float: left;
	margin-left: 10px;
	font-size: 11px;
}
.quote_container span{
	width: 80px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	font-size: 9px;
	font-style: italic;
	display: block;
}

.eleanor{
	
	float: right;
	margin-right: 15px;
	font-size: 9px;
	font-style: italic;
}

.specquote{
	width: 125px;
	float: left;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	margin-top: 5px;
	margin-left: 15px;
}
.specquote p{
	
	margin-left: 10px;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
}

.specquote p.specquote2{
	margin-top: 1px;
	margin-left: 25px;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;

}
.specquote span{
	width: 75px;
	float: right;
	margin-top: 1px;
	margin-right: 25px;
	font-size: 9px;
	font-style: italic;
	display: block;
}
.specquote2 span{
	width: 75px;
	float: right;
	margin-top: 0px;
	margin-right: 25px;
	font-size: 9px;
	font-style: italic;
	display: block;
}

/*Generic Formatting for Mkt-Seg Panels*/
.mkt_seg_pnl{
	width: 165px;
/* (see alt pg scheme CSS files for background color)*/
	margin-top: 0px;
	float: left;
	margin-left: 10px;
}

.mkt_seg_pnl_right{
	width: 165px;
/* (see alt pg scheme CSS files for background color)*/
	margin-top: 0px;
	float: left;
	margin-left: 10px;
}

.mkt_seg_banner{
	width: 160px;
	font-family: "Century Gothic", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	font-size: 14px;
	padding-left: 5px;
}


.mkt_seg_banner_right{
	width: 160px;
	font-family: "Century Gothic", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	font-size: 14px;
	padding-left: 5px;
}

.mkt_seg_hdr_lg_text{
	font-size: 22px;
}

.mkt_seg_body_left{
	width: 165px;
	
}
.mkt_seg_body_left p{
	width: 100%;
	font-size: 80%;
	font-weight: normal;
	color: #000000;
	margin-top: 0px;
	margin-left: 4px
}

.mkt_seg_body_right{
	width: 165px;
}

.mkt_seg_body_right p{
	width: 100%;
	font-size: 80%;
	font-weight: normal;
	color: #000000;
	margin-top: 0px;
	margin-left: 4px
}

.mkt_seg_body_lg_text{
	font-size: 14px;
	font-weight: bolder;
}

/*Formatting for Left Mkt-Seg Panel; Sub-Mid Segment*/
.mkt_seg_body_left{
	width: 165px;
	float: left;
	height: 240px;
/* (see alt pg scheme CSS files for background image)*/
}

/*Formatting for Right Mkt-Seg Panel; Sub-Right Segment*/
.mkt_seg_body_right{
	width: 165px;
	float: left;
	height: 240px;
/* (see alt pg scheme CSS files for background image)*/
}

/*FORMATTING FOR MASTER CONTAINER ON RIGHT SIDE OF PAGE BODY*/
/* (Login Segment)*/
.right_segment_container{
	width: 225px;
	height: 597px;
	float: right;
	margin-right: 4px;
	margin-top: 0px;
	margin-bottom: 5px;
	background-color: rgb(226,226,226);
}

.rt_seg_bkgrd{
	width: 210px;
	float: left;
	margin-left: 7px;
	margin-top: 10px;
	margin-bottom: 5px;
	background-color: rgb(255,255,255);

}

.right_segment_container ul{

	margin-top: -15px;
}

.right_segment_list{

	margin-left: -20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
}

.right_segment_list a{
	color: #000000;
	
}

/* (see alt pg scheme CSS files for left list a:hover text color*/


.right_segment_list a:visited{
	color: #000000;
}

.clear{
	clear: both;
}

/*BOTTOM NAV SEGMENT FORMATTING*/
/*Lower nav container, centers text on page */
.lwr_nav{
	text-align: center;
	width: 770px;
	clear: both;
}
/*Shrinks ALL text in container (used to set "|" text size),
Note:  "lwr_nav_a" segment below enlarges anchor text size*/
.lwr_nav_text
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 40%;
	
}

/*Enlarges anchor text size, so text is larger than "|" text*/
.lwr_nav_text a{
	font-size: 150%;
	color: rgb(0,0,0);
	position: relative;
	top: 1px;
	text-decoration: none;
	margin-right: 4px;
	margin-left: 4px;
}
/* (see alt pg scheme CSS files for text colors)*/
/*Sets hovertext color
.lwr_nav_text a:hover{
	background-color: transparent;
	color: #990000;
}*/

.lwr_nav_text a:visited{
	
	background-color: transparent;
}

.copyright{
	font-size: 55%;
	text-align: center;
	margin-top: 6px;
}

.terms{
	width: 80px;
	height: 20px;
	position: relative;
	font-size: 10px;
	font-style: italic;
	margin-top: 2px;
	margin-right: auto;
	margin-left: auto;
	text-decoration: underline;
	padding-top: 2px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: center;

}

.terms_container{
	height: 63px;
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	
	position: relative;
	top: -20px;

}

#terms_div{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	z-index: 10;
	border: 1px dashed #666666;
	text-align: justify;
	padding: 5px;
}