* {margin: 0; padding: 0;}
html {height: 100%;}
body { width:100%; min-height:100%; height: 100%; color: #000; font-weight: normal; font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 12px; background: #4381A9 url(../i/bg.jpg) repeat-x top; }
/* clearfooter is the class that is applied to 2 structural hacks in the markup. The first "meaningless" element is used to clear #left in NN6 and the last one is used to clear #container in NN4 */
.cleaner {clear: both; height: 1px; font-size: 1px;}
.clearfooter { height: -26px; clear: both; }
p {font-size: 12px; font-weight: bold; color: #999;}
h1 {font-size: 16px;}
h2, h3, h4, h5{font-size: 12px;}
img {border: 0;}
a {text-decoration: underline; color: #FF8426;}
a:hover {text-decoration: none;}

.main { min-height:100%; height: auto !important; height: 100%; margin: 0 auto -26px; position: relative; z-index: 1;}

#outer_wrapper {
/* because "min-width" is not supported by IE, these pages use a script from PVII */
min-width:740px;
/* this is to "minimize" an IE bug related to background painting, but because it creates a gap below the footer, the same declaration is also added to #footer */
width:100%;
/* faux-column technique, this is the left one */
background:#4381A9 url(../i/bg.jpg) repeat-x top;
}
#wrapper {
/* faux-column technique, this is the right one
background:url(right.gif) repeat-y right; */
background: url(../i/bg.jpg) repeat-x top;
}

/* header */
.header {padding: 18px 31px 14px 31px; position: relative; z-index: 2;}
.logo {width: 313px; height: 85px; background: url(../i/logo.png) no-repeat; cursor: pointer; float: left; z-index: 3;}
.top-grad {width: 471px; height: 384px; background: url(../i/top-grad.jpg) no-repeat; position: absolute; top: 0; left: 0; z-index: 1;}
.top-grad_d {width: 471px; height: 384px; background: url(../i/top-grad.jpg) no-repeat; position: absolute; top: 0; left: 0; z-index: 2;}
.top-text {position: absolute; top: 76px; left: 368px; width:444px; height:39px; z-index: 3;}

#container {
float:left;
width:100%;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
/* this is where we build from right to left */
margin-left:-200px
}

#left {
float:left;
width:213px;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
margin-left:263px
}
#main {
/* the width from #left (213px) + the negative margin from #container (200px) */
margin-left:413px
}
/* good to know: if #right is to be shorter than #main, then there is no need for this rule */
#right {
/* this is to keep the content of #right to the right of #main even if the content of "main is shorter */
padding-left:100%;
/* this is to "bring back" the #right that has been moved out of the viewport because of the padding value */
margin-left:-200px
}
#right p {
/* this is to make sure IE (v6 sp2) *displays* this element (same problem as #header, but using a different fix) */
position:relative
}  
/* footer */
.people {background: url(../i/people2.png) no-repeat; width: 256px; height: 235px; position: absolute; bottom: 29px; left: 0;}
.footer_guarantor {height: 26px; clear: both;}

/* .footer {margin-top: 59px; width: 100%; position: relative; height: 26px; clear: both; background-color: #FF7D1A; z-index: 5; text-align: center; } */
.footer
{
	width: 100%;
	position: relative;
	height: 26px;
	z-index: 5;
	font-weight: bold;
	font-size: 11pt;
	color: #FFFFFF;
	background-color: #FF7D1A;
	font-family: Arial;
	text-align: center;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
}
.footer a {color: #FFF; text-decoration: none; font-size: 11pt; font-weight: bold;}
.footer a:hover {text-decoration: underline; color: #FF3300;}
.footer_extend1 { margin-bottom: 150px; }
.footer_extend2 { margin-bottom: 250px; }
.footer_extend3 { margin-bottom: 300px; }
.footer_extend5 { margin-bottom: 500px; }
#footer_element {
/* see #outer_wrapper  */
width:100%;
/* this is to clear #container */
clear:both;
}
 
 /* Sign In  */
.reg-block {width: 180px; margin: auto; padding-top: 26px; position: relative; bottom: -1px; z-index: 5;}
.reg-content {background: #DCE6EB url(../i/reg-top.gif) no-repeat top; padding: 5px 5px 0px 1px; }
.reg-status { margin-left: 45px; }
.reg-bot {background: url(../i/reg-bot.gif) no-repeat; width: 180px; height: 11px;}
.rtitle {font-size: 18px; color: #FF6600; font-weight: bold; text-align: center; padding: 0 0 3px 0;}
.ftext {padding: 7px 0 1px 17px; font-size: 11px; font-weight: bold; color: #666;}
.txt {width: 149px; height: 16px; border: 1px solid #BFC6CA; margin: 0 0 0 16px; font-size: 11px;}
.sign-in-block {padding: 0 0 0px 17px;}
.sign-in-block a {color: #005489; font-size: 7px; font-weight: bold; text-decoration: underline;}
.sign-in-block a:hover {text-decoration: none;}
.sign-in-block p {font-size: 9px; font-weight: bold; padding: 7px 0 2px 8px; color: #666;}
.sign-in {background: url(../i/sign-in.gif) no-repeat; width: 64px; height: 16px; border: none; cursor: pointer; float: right; margin: 4px 23px 0 0;}

 /* Search/SignOut */  
.search-block {position: absolute; top: 0px; right: 20px; width: 300px; z-index: 3;}
.search-block div {float: left; padding-right: 3px;}
.search {background: url(../i/search.png) no-repeat; width: 22px; height: 18px; cursor: pointer; border: none; margin-top: 2px;}
.go {background: url(../i/go.png) no-repeat; width: 23px; height: 22px; cursor: pointer; border: none;}
.itext input{border: 2px solid #A9AAAB; width: 228px; height: 18px;}
.search-block h5 {font-weight: bold; color: #FFF; font-size: 11px; padding: 0 0 1px 28px;}

.main .sign-out {float: none; text-align: right;}
.isign-out {background: url(../i/sign-out.png) no-repeat; width: 80px; height: 37px; cursor: pointer; border: none; position: relative; bottom: -6px; }
.help_icon {position: absolute; top: 0px; right: 80px; z-index: 3; }  
.main .help {float: none; text-align: right;}
.ihelp { width: 20px; height: 20px; cursor: pointer; border: none; position: relative; top: -10px; border: none;}

/* Rounded Panel */
.roundedpanelwithmenu
{
	padding: 0px 40px 40px 20px;
	margin: 0px;
}

/******************
 Not Yet A Member 
******************/
.member {padding: 17px 0 8px 17px;}
.member p{font-size: 11px; color: #666; font-weight: bold; padding: 0 0 0 0;}
.member a {text-decoration: underline; color: #005489; font-size: 18px; font-weight: bold;}
.member a:hover {text-decoration: none;}
 
/* Header/Welcome */  
.hBase1 { width:100%; padding: 18px 31px 14px 31px;}
.hBase2 { width:96%; height:100%; padding: 28px 41px 14px 31px;}
.welcome-text {position: absolute; top: 20; left:0; height: auto; right: 0; text-align: center; }
.welcome-textff {width: 300px; padding: 20px 450px 0 450px; float: none;  }
.welcome-text p{font-size: 21px; color:#FFF; font-weight: bold;}
.welcome-block {position: absolute; top: 20px; left: 460px; width: 300px; z-index: 10;}

.landing-top-text p{font-size: 21px; color:#FFF; font-weight: bold;}
.landing-top-text p span {font-size: 14px;}
.pfv {font-size: 10px; color: #808080; font-weight: bold; padding: 17px 0 0 5px; }
.pfv span{background: url(../i/pfv.png) no-repeat 0 0; width: 12px; height: 14px; float: left; margin-right: 6px;}
.pfv a{font-size: 10px; color: #808080; font-weight: bold; text-decoration: none; display: block; padding-top: 1px;}
.pfv a:hover{text-decoration: underline;}

/* center */
.nomenu
{
	padding: 5px;
	margin: 0px 150px 0px 150px;
}
.centercol_base1
{
	margin:5px;
	width: 98%;
	float: left;
	position: relative;
	padding: 25px 25px 165px 25px;
	z-index: 3;
	top: 0px;
	left: 0px;
}
.centercol_base11 {width: 100%; float: left; margin-top:0px; position: relative; padding: 1px;  z-index: 3;}
.centercol_base2
{
	width: 100%;
	float: left;
	margin: 30px 20px 150px 0px;
	position: relative;
	z-index: 3;
	padding: 0 18px 0 18px;
}
.centercol_base3 {width: 100%; float: left; position: relative; margin: -1px 0 40px 0;  padding: 0px 18px auto 18px; z-index: 3;}
.centercol {width: 1128px; position: relative; padding: 18px; z-index: 3; }
.fixedcontainer {width: 634px; padding: 0 0 0 8px; float: left; position: relative; margin-bottom: 100px; }

.col1 {width: 213px; padding: 0 0 0 0; float: left; margin: 15px 0 40px 0; position: relative;}
.col1-content {background: #FFF; border-left: 1px solid #BFD4E2; border-right: 1px solid #BFD4E2; margin: 28px 0 0 0; width: 211px;}
.top-left {background: url(../i/left-top.png) no-repeat; width: 213px; height: 32px; position: absolute; top: 0; left: 0;}
.bot-left {background: url(../i/left-bot.png) no-repeat; width: 213px; height: 33px; position: absolute; bottom: -33px; left: 0;}
.top-crns {background: url(../i/left-top.png) no-repeat; width: 213px; height: 32px; position: absolute; top: 0; left: 0;}
.bot-crns {background: url(../i/left-bot.png) no-repeat; width: 213px; height: 33px; position: absolute; bottom: -33px; left: 0;}

.col2a {width: 627px; padding: 0 21px 0 8px; float: left; position: relative; margin-bottom: 45px; }
.col2 {width: 634px; padding: 0 0 0 8px; float: left; position: relative; margin-bottom: 45px; }
.col2-content {background: url(../i/cbg.png) repeat-y; margin: 31px 0 0 0; width: 634px;  }
.col2-content p {font-size: 12px; font-weight: bold; color: #999; padding: 0 100px 15px 100px;}
.col2-content .title {color: #333; font-size: 11px; font-weight: bold; text-align: center; background: url(../i/title-bg.gif) no-repeat; width: 225px; height: 17px;}

.col3 {width: 258px; float: right; margin: 15px 0 0 0; position: relative; }
.col3-content {background: url(../i/th-bg.png) repeat-y; margin: 17px 0 -46px 0; width: 258px; }
.col3-txt {position: relative; z-index: 6; margin: 0 0 0 0;}
.th-top {background: url(../i/th-top.png) no-repeat; width: 258px; height: 34px; position: absolute; top: 0; left: 0px; z-index: 0;}
.th-bottom {background: url(../i/th-bottom.png) no-repeat; width: 258px; height: 59px; position: relative; bottom: -42px; z-index: 6;}

.col3-block {padding: 8px 16px 16px 16px; background: url(../i/col3sep.gif) repeat-x bottom; margin: 0px 4px 1px 4px;}
.col3-block img{text-align: center; margin: auto;}
.col3-block div{text-align: center; padding: 8px 0 10px 0;}
.col3-block p{font-size: 10px; color: #663333; font-weight: bold;}
.col3-block a{font-size: 16px; font-weight: bold; color: #FF3300;}
.col3-block a:hover{}

/******************
Font Styling
******************/
.LBL
{
	height: 20px;
	font-family: Arial;
	font-size: 12px;
	color: Black;
	font-style: normal;
	padding-right: 2px;
}
.LBL_200
{
	height: 20px;
	font-family: Arial;
	font-Size: 12px; 
    width: 200px;
    color: Gray;
    font-style:normal;
	padding-right: 3px;
}
.TXT
{
    FONT-WEIGHT: Normal;
    FONT-SIZE: 12pt;
    COLOR: Gray;
    width: 300px;
    FONT-FAMILY: Arial, Helvetica, sans-serif, Verdana;
    border-color: #AECAF0; 
    border-width: 1px;  
}
.TXT_200
{
    FONT-WEIGHT: Normal;
    FONT-SIZE: 12pt;
    COLOR:  Black;
    width: 200px;
    FONT-FAMILY: Arial, Helvetica, sans-serif, Verdana;
    border-width: 1px;  
}
.TITLE
{
    FONT-WEIGHT: BOLD;
    FONT-SIZE: 28px;
    COLOR: #ff7d1a;
    FONT-FAMILY: Arial;
    margin-top: -150px;
}
.HeaderTitle
{
    FONT-WEIGHT: BOLD;
    FONT-SIZE: 20px;
    COLOR: #005489;
    FONT-FAMILY: Arial;
} 
.HeaderBlueTitle
{
	padding: 2px 2px 2px 2px;
	line-height: 120% !important;
	font-family: arial, helvetica, sans-serif;
	font-size: 2em;
	color: #FFFFFF;
	background-color: #3F66A0;
	font-weight: bold;
}
.BODY_TXT
{
    FONT-WEIGHT: Normal;
    FONT-SIZE: 10pt;
    COLOR: Gray;
    FONT-FAMILY: Arial, Helvetica, sans-serif, Verdana;
    text-align: left;
}
.BODY_TXT_T_O_U
{
    FONT-WEIGHT: Normal;
    FONT-SIZE: 10pt;
    COLOR: Gray;
    FONT-FAMILY: Arial, Helvetica, sans-serif, Verdana;
    text-align: justify;
    width: 300px;
}
/*.MENU_LEVEL0
{
    FONT-WEIGHT: Normal;
    FONT-SIZE: 22px;
    COLOR: #FF6600;
    FONT-FAMILY: Arial;
    text-decoration:none;
}
.MENU_LEVEL1
{
    FONT-WEIGHT: BOLD;
    FONT-SIZE: 12pt;
    COLOR: #666666;
    FONT-FAMILY: Arial;
    text-decoration:none;
    text-align: left;
}
.MENU_LEVEL2
{
    FONT-WEIGHT: BOLD;
    FONT-SIZE: 10pt;
    COLOR: #FF6600;
    FONT-FAMILY: Arial;
}*/
.SubTitle
{
	FONT-WEIGHT: NORMAL;
    FONT-SIZE: 14px;
    COLOR: #135192;
    FONT-FAMILY: Arial;
	/*background-color: #d5e4ef; */
	text-align: left;
	vertical-align: middle;
	/*line-height: 30px; */
}
.HeaderTitleWhite
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 20px;
    COLOR: White;
    FONT-FAMILY: Arial;
} 
.FooterTitleWhite
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: White;
    FONT-FAMILY: Arial;
}
.FooterText
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #135192;
    FONT-FAMILY: Arial;
}
.BodyText
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #666666;
    FONT-FAMILY: Arial;
    padding: 0px;
    list-style-position: inside;
} 
.TITLE_WHITE
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 28px;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial
}
.SubTitleBig_WHITE
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 20px;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial
	text-align: center;
}
.Validator_Red
{
    FONT-WEIGHT: Normal;
    FONT-SIZE: 10pt;
    COLOR: Red;
    FONT-FAMILY: Arial, Helvetica, sans-serif, Verdana;
    text-align: Justify;
}
.Comment_NormalBlue
{
    FONT-WEIGHT: Normal;
    COLOR: #135192;
    FONT-FAMILY: Arial, Helvetica, sans-serif, Verdana;
}
.Wizard_Buttons
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #FFCC66;
    COLOR: #FF7D1A;
}
.UserHelpTopic
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #135192;
    FONT-FAMILY: Arial;
    width: 100%;
} 

/******************
Two Column Section
*****************
#two-column-container {
    width:100%;
    margin: 20px 0px auto 30px;
    padding:0px 0px
    }
#two-column-left {
    float:left;
    width:213px;
    }
#two-column-right {
    float:right;
    margin: 0 50 auto 18px;
    }*/
    
/******************
Misc
******************/
.imgfix { margin-bottom: -4px; } 
.Spacer {
    overflow: hidden;
    width: 1px;
    height: 1px;
}