/* 
    Document   : home-landing-page
    Created on : Jul 26, 2011, 4:45:41 PM
    Author     : Mr. K
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

header {
	width: 953px !important; 
}

div.header_container_fppta {
	height: 93px;
	margin: 0 auto;
	left: -20px;
	padding-top: 8px;
	position: relative;
}
div.header_container_mapers {
	height: 121px;
	margin: 0 auto;
}

header .header_content_fppta {
	background-image:url(../images/fppta-header.jpg);
	background-repeat: no-repeat;
	width: 997px;
	height: 93px;
	display: block;
}
header .header_content_fppta .user_block {
    height: 35px;
    padding-right: 9px;
    padding-top: 58px;
	display: block;
	text-align: right;
}

.rates_widget form .widget_form_left {
	width: 88px;
}
.rates_widget form input[type="text"] {
	width: 48px;
}

/* *********************************** */
/* OTHER CSS */
root { 
    display: block;
}

/* *********************************** */

/* NEW CSS FOR THE PAGE */
h1 {
    color: #067591;
    font-size: 26px;
    font-weight: bold;
    line-height: 34px;
    padding: 30px 0 12px 0px;
    border: 0px;
    margin: 0px;
    text-align: left;
}

p.indent {
    padding-left: 45px;
}
.subheader ul {
    padding-left: 15px;
}
.subheader ul>li {
    padding-left: 12px;
    color: #5C5B61;
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
    margin-bottom: 0;
	padding-top: 1px;
	padding-bottom: 1px;
    text-align: left;
}

/* ############################################### CONTENT SLIDER MOD: START ############################################### */
.sliderwrapper {
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	border: 0px;
	width: 420px; /*width of featured content slider*/
	height: 100px;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 10px;
}

.sliderwrapper .contentdiv {
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	padding: 5px;
	background: white;
	width: 410px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	/*height: 100%;*/
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	height: 90px;
	font-size: 15px;
}

.sliderwrapper div em {
	font-style: italic;
}
.sliderwrapper div img {
	border: 1px solid #464646;
}

.sliderwrapper div .left_sml_section {
	width: 100px; /* 295-18 */
	float: left;
}
.sliderwrapper div .right_sml_section {
	padding-left: 10px;
	width: 300px; /* 433-30 */
	float: right;
}

/* ############################################### CONTENT SLIDER MOD: END ############################################### */
/*.facebook_like {
	clear: both;
	width: 100px;
	margin-right: 6px;
	float: left;
}
.google_plus {
	padding-top: 3px;
	float: left;
}*/
div.subheader_container {
	background-image:url(../images/subheader_bg.png);
	background-repeat: repeat-x;
	clear: both;
}
.infoline {
	width: 963px;
	margin: 0 auto;
	padding-top: 12px;
}

.subheader {
	width: 948px;
	margin: 0 auto;
	padding-top: 12px;
}

.infoline div.left_part {
	float: left;
	width: 28%;
}
.infoline div.center_part {
	float: left;
	width: 36%;
	font-size: 16px;
    font-weight: normal;
	color: #6B6B6B;
}
.infoline div.right_part {
	float: left;
	width: 36%;
	text-align: right;
	clear: right;
}

.infoline div.right_part img {
	margin-right: 5px;
}
.infoline div.right_part a:link {
	font-size: 14px;
	text-decoration: none;
}
.infoline div.right_part a span {
	text-decoration: underline;
	color: #00B1DA;
}

.left_subheader {
	float: left;
	width: 450px;
	margin-left: 20px;
}
.right_subheader {
	float: right;
	background-image:url(../images/subheader_right_home_bg.png);
	background-repeat: no-repeat;
	background-position: left 0px;
	width: 467px;
	height: 222px;
	text-align: center;
	padding-top: 80px;
}

.start_button_block {
	margin-left: 27px;
	margin-top: 35px;
}
.information_line {
	clear: both;
	width: 100%;
    margin-left: 56px;
    margin-top: 3px;
	font-style: italic;
}

.content h3 {
	font-size: 17px;
	color: #6B6B6B;
	padding: 0px 30px 4px 14px;
	text-transform: capitalize;
}
.content h4,.content h2 {
	font-size: 15px;
	color: #6B6B6B;
	padding: 0px 30px 4px 14px;;
}
.content p {
	font-size: 15px;
	padding: 7px 10px 5px 14px; /* adding the padding to the sides of the elements within the blocks, instead of the block elements themselves, gets rid of any box model math. A nested block with side padding can also be used as an alternate method. */
}
.content a {
	font-size: 15px;
}


.content section .big_left_section {
	width: 467px; /* 295-18 */
	clear: both;
	float: left;
	border-right: 1px dotted gray;
}
.content section .big_right_section {
	width: 466px; /* 433-30 */
	float: right;
}
.content section div.big_left_section,.content section div.big_right_section {
	margin-top: 30px;
	margin-bottom: 10px;
}
.content section .left_section {
	width: 197px; /* 295-18 */
	clear: both;
	float: left;
}
.content section .right_section {
	width: 269px; /* 433-30 */
	float: right;
}
.content section:first-child .left_section {
	float: left;
	width: 163px;
	padding-top: 25px;
	white-space: nowrap;
}
.content section:first-child .right_section {
	float: left;
}
.content section {
	clear: both;
	background-image: url(../images/section-divider.png);
	background-repeat: no-repeat;
	min-height: 20px;
}
.content section:first-child {
	clear: both;
	background: none;
}
.content section:first-child big {
	color: #6B6B6B;
    font-size: 17px;
    padding: 0 4px 4px 14px;
}