html
{
	margin: 0px;
	height: 100%;
}
body
{
	font-family: Tahoma;
	color: #000000;
	margin: 0px;
	height: 100%;
	background-color: #0062ac;
}
.rtable, .rtable *
{
	border-spacing: 0;
	border: border-collapse;
	padding: 0;
	margin: 0;
	display: inline-table;
}
.navbar_breadcrumbs
{
	text-align: right;
	float: right;
	color: #616265;
}
.navbar_breadcrumbs a, .navbar_breadcrumbs span
{
	text-decoration: none;
	color: #616265;
	font-size: 8pt;
	font-family: Tahoma;
}

.apply_account
{ 
	background: url(../../../../images/button-apply4account.gif) no-repeat left top;
	width:99px;
	height:28px;
	border:0px;
	display:block;
}

.apply_account:hover 
{ 
	background: url(../../../../images/button-apply4account-over.gif) no-repeat left top; 
	width:99px;
	height:28px;
	border:0px;
	display:block;
}

.sidebar_apply_account
{ 
	background: url(../../../../images/button-Apply4Account-navbar.gif) no-repeat left top;
	width:134px;
	height:27px;
	border:0px;
	display:block;
}

.sidebar_apply_account:hover 
{ 
	background: url(../../../../images/button-Apply4Account-navbar-over.gif) no-repeat left top; 
	width:134px;
	height:27px;
	border:0px;
	display:block;
}


.FSunderline
{
	color: #1A73B4;
	text-decoration: underline;
}

#ImmediacyForm
{
	height: 100%;
}

a
{
	font-family: Verdana;
	font-size: 10pt;
	color: #006BB6;
}

a:hover
{
	color: #FCC000;	
}

p
{
	font-size: 10pt;		
}

h3
{
	font-size: 10pt;		
	font-weight: bold;
}

.sectionHeader2 {
	font-size: 12pt;
	font-weight: normal;
}

.hrule, hr
{
	border-top: solid 2px #FCC000;
	margin: 6px -10px 6px -20px;
}

h1
{
	font-size: 18pt;
	color: #006BB6;
	font-weight: normal;
	margin-bottom: 2px;
	margin-top: 0px;
	font-family: Tahoma;
}

a.appFormLink img
{
 cursor:pointer;
 cursor:hand;
 }
img
{
	border: none;	
}

.Main
{
	font-family: Tahoma;
	background-color: #0062AC;
	height: auto;
	/*width: 1000px;*/
}

.Banner
{
	background-color: #0062AC;
	height: 90px;
	width: 100%;
}

.BannerLeft
{
	float: left;
	height: inherit;	
}

.LogoImage
{
	border: none;	
	margin-top: 10px;
	margin-left: 10px;
}

.BannerRight
{
	float: right;
}

.SiteOptions
{
	font-size: 8pt;
	color: #FFFFFF;
	margin-right: 10px;
	text-align: right;
	margin-top: 10px;
}

.SiteOptions a
{
	text-decoration: none;
	color: #FFFFFF;	
	font-size: 8pt;
}

.SiteOptions a:hover
{
	text-decoration: none;
	color: #FFD97A;
	/*color: #FCC000;*/
}

.LanguageSelector
{
	margin-top: 5px;
}

.ContactDetails
{
	text-align: right;	
	margin-right: 10px;	
	margin-top: 35px;
	font-size: 5pt;
}

.ContactDetails a
{
	color: #FCC000;
}

.ContactTitle
{
	font-family: Verdana;
	font-size: 10pt;
	color: #FCC000;
	font-weight: bold;
}

.ContactContent
{
	font-size: 8pt;
	color: #FFFFFF;	
}

.ContactContent a
{
	font-size: 8pt;
	color: #FFFFFF;
}

.PageTitle
{
	margin-top: 15px;
	margin-bottom: 5px;
}

.Breadcrumb
{
	float: right;
	margin-top: -30px; 
	margin-right: 20px;
	color: #616265;
}

.Breadcrumb a
{
	text-decoration: none;
	color: #616265;
	font-size: 8pt;
	font-family: Tahoma;
}

.Breadcrumb a:hover
{
	color: #0062AC;
}

.ContentArea
{
	width: 800px;
	width: 100%;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.LeftContent
{
	padding-top: 20px;
	padding-left: 10px;
	float: left;
	width: 200px;
	/*width: 14%;*/
}

.LeftContent ul li
{
	font-size: small;
}

.RightContent
{
    
	/* margin-left: 225px; */
	background-color: #FFFFFF;
	font-size: 10pt;
}

.RightContent ul
{
	list-style-type: disc;
	padding-left: 13px;
}

.RightContent ul li
{
	font-size: 10pt;
	margin-bottom: 5px;
}

.MainContent
{
	margin: 10px 0px 10px 15px;
	padding: 10px;
	padding-bottom: 20px;
	font-size: 12px;
	/*height: 250px;*/
}

/* FAQ page styles - start */

.faq-panel
{
	float: left;
	width: 400px;
	margin: 0 30px 0 0;
}
.panel-title
{
	font-size: 18px;
}
ul.faq
{
	padding: 0px;
	margin: 10px 0 0 0;
	list-style-type: none;
	color: #1A73B4;
}
ul.faq a:link
{
	text-decoration: underline;
}
ul.faq a:visited
{
	text-decoration: underline;
}
ul.faq a:hover
{
	text-decoration: underline;
	color: #A8C0E0;
}

/* FAQ page styles - end */




/* TUTORIAL page styles - start */


.tutorial
{
  float: left;
  margin: 0 0 0 20px;
  height: 155px;
}
.tutorial .heading
{
  font-weight: bold;
  margin: 0 0 11px 0;
  float: left;
}
.tutorial .thumbnail
{
  float: left;
  margin: 7px 28px 0 0;
}
.text ul
{
	float: left;
	list-style-type: disc;
	margin: 10px 0 0 15px;
}
.text .tutorial-link
{
	list-style-type: none;
}
.text a:link
{
	text-decoration: underline;
	color: #448CC2;
}
.text a:visited
{
	text-decoration: underline;
	color: #448CC2;
}
.text a:hover
{
	text-decoration: underline;
	color: #448CC2;
}


/* TUTORIAL page styles - end */



/* LATEST NEWS - start */

.main-latest .heading
{
	color: #609DCB;
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 14px 0;
}
.main-latest .thumbnail
{
	float: left;
	padding: 0 17px 0 0;
}
.main-latest .date-stamp
{
	color: #BCBCBC;
	font-weight: bold;
	margin: 25px 0 0 0;
}
.main-latest .feed a:link
{
	color: #609DCB;
	font-size: 17px;
	text-decoration: none;
}
.main-latest .feed a:visited
{
	color: #609DCB;
	font-size: 17px;
	text-decoration: none;
}
.main-latest .feed a:hover
{
	color: #A8C0E0;
	font-size: 17px;
	text-decoration: none;
}

/* LATEST NEWS - end */

.Footer
{
	clear: both;
	font-size: 8pt;
	color: #FFFFFF;
	padding: 5px 6px;
	background-color: #0062AC;
	margin-left: 215px;	
	text-align: right;
}

.Footer a
{
font-size: 8pt;
	text-decoration: none;
	color: #FFFFFF;	
}

.Footer a:hover
{
	text-decoration: none;
	color: #FFD97A;	
}


#LocalSiteLinks
{
 text-align: right;
} 

 #LocalSiteLinks ul
 {
  list-style-type: none;
  margin:0 0 20px 0;
  } 
  
#LocalSiteLinks ul li
{
  display: inline;  
   color:#fff;   
  }
#LocalSiteLinks ul li a
{
    color:#fff;   
    font-size:8pt;
    text-decoration: none;
   }
   
 #LocalSiteLinks ul li a:hover
 {
 color:#FFD97A;
 }
.ApplyForAccount
{
	font-family: Verdana;
	font-size: 10pt;
	color: #FFFFFF;
	padding: 10px 15px;
}

.ApplyForAccount a
{
	color: #FFFFFF;
	text-decoration: none;
}

.ApplyForAccount a:hover
{
	color: #FFD97A;
}



/* Main round edges for main content */
.maint  { background: url('../../../../images/maint.gif') 0 0 repeat-x; height: 100%;  }
.mainb  { background: url('../../../../images/mainb.gif') 0 100% repeat-x; height: 100%;}
.mainl  { background: url('../../../../images/mainl.gif') 0 0 repeat-y; height: 100%;}
.mainbl  { background: url('../../../../images/mainbl.gif') 0 100% no-repeat; height: 100%;}
.maintl { background: url('../../../../images/maintl.gif') 0 0 no-repeat; height: 100%;}

/* Style for yellow box with rounded edges */
.yellowboxt  { background: url('../../../../images/yellowt.gif') 0 0 repeat-x;  WIDTH: 440px}
.yellowboxb  { background: url('../../../../images/yellowb.gif') 0 100% repeat-x; }
.yellowboxr  { background: url('../../../../images/yellowr.gif') 100% 0 repeat-y; }
.yellowboxl  { background: url('../../../../images/yellowl.gif') 0 0 repeat-y; }
.yellowboxbl  { background: url('../../../../images/bl.gif') 0 100% no-repeat; }
.yellowboxbr  { background: url('../../../../images/br.gif') 100% 100% no-repeat; }
.yellowboxtl { background: url('../../../../images/tl.gif') 0 0 no-repeat; }
.yellowboxtr  { background: url('../../../../images/tr.gif') 100% 0 no-repeat; } 

.blueboxt  { background: url('../../../../images/bluet.gif') 0 0 repeat-x;  }
.blueboxb  { background: url('../../../../images/blueb.gif') 0 100% repeat-x; }
.blueboxr  { background: url('../../../../images/bluer.gif') 100% 0 repeat-y; }
.blueboxl  { background: url('../../../../images/bluel.gif') 0 0 repeat-y; }
.blueboxbl  { background: url('../../../../images/bluebl.gif') 0 100% no-repeat; }
.blueboxbr  { background: url('../../../../images/bluebr.gif') 100% 100% no-repeat; }
.blueboxtl { background: url('../../../../images/bluetl.gif') 0 0 no-repeat; }
.blueboxtr  { background: url('../../../../images/bluetr.gif') 100% 0 no-repeat; }

/* this could be redundant */
td.head
{
	background-color: #F3B324;
	font-weight: bold;
	border: 1px solid #97B5DD;
	color: #000;
}




/* FAQ page - hide FAQ answers by default */

.answer0 {display: none;}
.answer1 {display: none;}
.answer2 {display: none;}
.answer3 {display: none;}
.answer4 {display: none;}
.answer5 {display: none;}
.answer6 {display: none;}
.answer7 {display: none;}
.answer8 {display: none;}
.answer9 {display: none;}
.answer10 {display: none;}
.answer11 {display: none;}
.answer12 {display: none;}
.answer13 {display: none;}
.answer14 {display: none;}
.answer15 {display: none;}
.answer16 {display: none;}
.answer17 {display: none;}
.answer18 {display: none;}






/* curved edges - this version works */

.t {background: url(../../../../images/t.gif) 0 0 repeat-x; float: left;}
.b {background: url(../../../../images/t.gif) 0 100% repeat-x}
.l {background: url(../../../../images/l.gif) 0 0 repeat-y}
.r {background: url(../../../../images/l.gif) 100% 0 repeat-y}
.bl {background: url(../../../../images/bl.gif) 0 100% no-repeat}
.br {background: url(../../../../images/br.gif) 100% 100% no-repeat}
.tl {background: url(../../../../images/tl.gif) 0 0 no-repeat}
.tr {background: url(../../../../images/tr.gif) 100% 0 no-repeat; padding: 15px}


img.floatleft  {
	clear: both;
	float: left;
}

img.floatright {
	clear: both;
	float: right;
}
