/* ****************** CSS Definitions for VNAF website *********************/ 
*{ 
	 margin:0; 
	 padding:0; 
	 border:0;
	 text-align:center;
	} 


body {
	width: 100%;
   font-family:  Arial, Tahoma, Helvetica, sans-serif;
	font-size: .75em;
   color: #414141;
	margin: 0 auto;
	}
/*--innerpage id--*/		
	#all{
	background: #fff url("../images/bodybg.gif") repeat-x;
	}	 
	a, img{
	outline: none;
	}
	a.brwn{
	color: #561610;
	text-decoration: underline;		
	}
	a.brwn:hover{
	text-decoration: none;	
	}

h1 strong {
	display: none;
	}
h2{
	text-align: left;
	font-size: 18px;
	color: #2d6552;
}
h3, h4{
	text-align: left;
	margin-bottom: 5px;
}
h5{
	text-align: left;
	font-size: 12px; 
}
br.clear{
	clear: both;
}
.rght{
	text-align: right;
	padding-left: 180px;
}
#mainwrap{	
	width: 960px;
	text-align: left;
	margin: 0 auto;
	}
	#topwrap{
	width: 929px;
	height: 196px;
	/*overflow: hidden;*/
   background: transparent url("../images/topbg.jpg") top center no-repeat;
	padding: 0 0 0 31px;
	margin: 0 auto;
	text-align: left;
	}
		#top1{
		width: 100%;
		height: 44px;
		}
		#top1l{
		float: left;
		width: 595px;		
		}
		#top1l p{
		color: #8bc6d6;
		text-align: left;
		padding: 10px 3px 0 20px;		
		}
		#top1r{
		float: left;
		width: 275px;		
		}
		#top1r p{
		color: #fff;
		font: bold 16px Georgia, "Times New Roman", serif;
		letter-spacing: -1px;
		text-align: left;
		padding: 10px 3px 0 60px;		
		}
		#top1r a{
		color: #fff;
		text-decoration: none;
		}
		#top1r a:hover{
		color: #fff;
		text-decoration: underline;
		}		
		#titlewrap{
	float: left;
	width: 100%;
	height: 120px;
	text-align: left;
		}
		#header{
		width: 100%;
		height: 177px;
		}
		#applybox{
		text-align: left;
		}
		/*For Inner pages--------------- */
		.apbg{
		float: left;
		margin: 0 auto;
		width: 274px;
		height: 190px;
		background: transparent url("../images/applybg.gif") center top no-repeat;	
		margin-top: 15px;	
		padding: 8px 0 0 25px;
		}
		#applybox p{
		color: #772714;
		font-size: 11px;
		text-align: left;
		padding: 11px 25px 0 90px;	
		}
		#applybox p.xtrapad{
		padding: 53px 25px 0 90px;			
		}
		#applybox a{
		font-weight: bold;
		font-size: 15px;	
		padding: 10px 0 0 3px;
		color: #fff;
		text-decoration: none;
		}
		#applybox a:hover{
		color: #FAFAD2;
		text-decoration: none;			
		}
		#navwrap{
		clear: both;
		float: left;
		text-align: left;
		width: 655px;
		}
	#contentwrap{
	width: 929px;
	background: transparent url("../images/contntbg.jpg") center top no-repeat;	
	margin: 0 auto;	
	padding-left: 31px;
	text-align: left;
	}
	#content{
	width: 900px;
	float: left;
	background: transparent url("../images/cntntbg.gif") repeat-y;
	margin: 0 auto;
	}
	#contentleft{
	float: left;
	width: 600px;
	}
		#contentleft h2{
		height: 33px;
		font-size: 19px;
		padding: 5px 0 0 10px;				
		}
		#contentleft h3{
		font-size: 18px;
		padding: 5px 0 0 10px;				
		}		
		#contentleft p{
		line-height: 18px;
		text-align: left;				
		}
	#contentright{
	float: right;
	width: 295px;
	background: transparent url("../images/cnrghtbg.gif") repeat-x;
	margin: 0 auto;
	padding-top: 20px; 		
	}
	#contentright h3{
	font-size: 18px;
	text-align: left;
 	xdisplay: inline;	
	}
	#contentright p{
	text-align: left;
	}

/*-----------Inner pages Left Content---------*/
		#cnleft{
		width: 572px;
		float: left;
		text-align: left;
		margin: 20px 0 5px 10px;
		display: inline; /*IE margin hack*/
		}
		#cnleft p{
		padding: 3px 7px 7px 10px;	
		}
		#cnleft blockquote {
	  text-align: left; 
	  margin-left: 40px;
	  margin-bottom: 10px;
	  margin-right: 40px;
    }
		#cnleft strong{
		color: #555;		
		}
		#cnleft h3{
		color: #561610;
		font-size: 16px;
		}
 		#cnleft p a{
		color: #561610;
		text-decoration: underline;		
		}
		#cnleft p a:hover{
		text-decoration: none;	
		}
		#conditions{
		float: left;
		margin: 5px 15px;
		border-top: 1px solid #eee;
		}
		#conditions	p{
		font-size: 12px;
		color: #999;
		line-height: 15px;
		}
		#cnleft ul{
		margin-left: 10px;
		padding-bottom:10px;	
		}	
		#cnleft ul.smaller li{
		background-image: url("../images/inblt2.gif") ;
		background-repeat: no-repeat ;
		background-position: 0 .5em;	
		}
		.polaroid{
		float: right;
		margin: 0 auto;
		margin-top: 5px;
		margin-bottom: 3px;
		margin-left: 5px;
		border: 1px solid #eee;
		background-color: #f7f7f7;		
		text-align: center;	
		}
		.polaroid p.nopad{
		text-align: center;		
		color: #2d6552;
		font-size: 11px;
		line-height: 14px;
		}
		.polaroid img{
			border: 5px solid #f7f7f7;
		}
		.ssnewstitle{
		font-size: 14px;
		text-transform: uppercase;
		color: #b88a1f;
		padding-top: 5px;
		margin: 5px 0 10px 9px;	
		}
		hr{
			background-color: #e2e2e2;
			color: #e2e2e2;
			height: 1px;
			margin: 10px 7px;
		}
		.smallhdr{
		color: #b88a1f;
		font-size:14px;
		margin-left:10px;	
		}
		.mediumhdr{
		color: #561610;
		font-size:15px;
		}	
	/*----------- Right Side Content---------*/				
		#sstory{
		width:236px;
		height: 227px;
		background: transparent	url("../images/sstorybg.gif") no-repeat;
		margin: 0 auto;
		}
		#sstory p{
		padding: 115px 25px 0 25px;
		line-height: 15px;	
		text-align: left;
		}
		li.nobrdr{
			border-bottom: none;
		}
		#newsletter{
		width: 238px;
		height: 140px;
		background: transparent	url("../images/nwsltrbg.gif") no-repeat;
		margin: 0 auto;
		margin-top: 35px;	 	
		}
		#newsletter p{
		text-align: left;
		padding: 68px 5px 0 78px;	
		}
		#address{
		margin: 0 auto;
		margin-top: 40px;
		margin-left: 50px;
		margin-bottom: 10px;
		text-align: left;			
		}
		#address	p{
		padding: 7px 0 0 7px;
		}
		#vnafupdate{
		clear: both;
		width: 252px;
		background: transparent	url("../images/arrowbg.gif") left top no-repeat;
		margin: 0 auto;
		}
		#vnafupdate h3{
		color: #561610;	
		padding: 3px 0 5px 0px;
		margin: 0 20px 0 50px;
		border-bottom: 1px dotted #561610;	
		}
		#vnafupdate p{
		text-align: left;
		padding: 10px 5px 0 48px;	
		}
		#vnafupdate strong{
		color: #561610;		
		}
		#vnafupdate img{
		padding-top: 7px;		
		}
/*---------------------------------*/		
	#footer{
	clear: both;
	width: 900px;
	height: 110px;
	margin: 0 auto;
	padding: 3px 0 3px 0;
	margin: 0 0 0 32px;
	background: transparent url("../images/footerbg.gif") repeat-x;
	}
	#footer p{
	color: #fff;
	text-align: center;
	margin: 10px 0;
	display:  block;
	}
	#footernavwrap{
		width: 650px;
		height: 25px;
		margin: 0 auto;
	}			

/*---------------------------------lists-----------------------------------------*/
	ul.bigger
	{
	padding: 7px 0 5px 10px;
	}
	ul.bigger li
	{
	list-style: none;
	font-size: 13px;
	margin-bottom: 2px;
	text-align: left;
	line-height: 19px;
	padding: 1px 8px 1px 16px;	
	}
	ul.bigger li a{
	text-decoration: none;
	}
	ul.ylwblt li{
	background-image: url("../images/inblt1.gif") ;
	background-repeat: no-repeat ;
	background-position: 0 .5em;	
	color:#777;
	}
	ul.ylwblt li a{
	color:#2d6552;
	text-decoration:none;
	}
	ul.ylwblt li a:hover{
	color:#2d6552;
	text-decoration:underline;
	}
	ul.smaller
	{
	list-style-type: none;
	padding: 5px 0 5px 10px;
	}
	ul.smaller li{
	font-size: 11px;
	line-height: 17px;
	text-align: left;
	padding: 1px 3px 1px 15px;		
	}
	ol{
	padding: 7px 5px 5px 15px;	
	margin: 2px 0 10px 15px;
	}
	ol li{
	margin-bottom: 3px;
	text-align: left;
	line-height: 17px;
	padding: 1px 8px 1px 0;			
	}
/*---------------------------------image floats-----------------------------------*/			
 .fltleft{
	float: left;
	margin-right: 7px;
	}	
 .fltright{
	float: right;
	margin-left: 5px;
	}	
	
/*---------------------------------image replacement-----------------------------------*/	
/*--Site Title--Innerpages--*/	
	#intitle{
	width: 251px;
	height: 32px;
	background: transparent url("../images/title.gif") no-repeat;
	margin: 7px 0 0 15px;
	}
	
/*-----------------------------------Navigation----------------------------------*/
/*-----------------------------------main nav------------------------------------*/
.mainnav{
	width: 650px;
	padding-left: 15px;
	clear: both;
}
.mainnav a{
	font:bold 11px Tahoma, Verdana, Arial, san-serif;
	border-right: 1px solid #fff;
	color: #fff;
	display: block;
	height: 20px;
	text-decoration: none;
	text-align: left;
	padding: 5px 7px 0 7px;
}
.mainnav a:hover {
	text-decoration: none;
	color: #FFCC00;
}
.mainnav ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
.mainnav ul li{
	float: left;
	position: relative;
}
.mainnav ul li ul{
	display: none;
	position: absolute;  
	top: 2em;
	left: 0;
}
.mainnav li > ul {
	top: auto;
	left: auto;
}
.mainnav ul li ul li{
	text-align: left;
	/*margin-top: 1px;*/
	width: 200px;
	background-color: #235645;
	background-image: none;
}
.mainnav ul li ul li a{
	background-color: #235645;
	background-image: none;
	border: none;
}
.mainnav ul li ul li a:hover{
	background-color: #4B8974;
	background-image: none;
}
.mainnav ul li:hover ul{
	display: block;
	position: absolute;
}




/*----------------------------footer navigation-----------------------*/
	.footernav {
	margin: 0 auto;
	list-style-type: none;
	padding: 5px 0 0 60px;
	}
	.footernav li {
  	float: left;
	display: inline;
	margin-right: 5px;
	padding: 2px;
	}
	.footernav li a {
	 float: left;
    padding: 0px 7px 0 0;
    font:bold 11px Tahoma, Verdana, Arial, san-serif;
	 border-right: 1px solid #fff; 
    color: #fff;
    text-decoration: none;
	 }
	
	li a.last{
	border-right:  none;	
	}
/*----------------------------superstar pages navigation----------------------------*/
.sstopnav {
	margin: 5px 0 30px 0;
	list-style-type: none;
	}
	.sstopnav li {
  	float: left;
	display: inline;
	margin-right: 5px;
	background-color: #eee;
	}
	.sstopnav li a {
	 float: left;
    padding: 7px 5px;
    font:bold 11px Tahoma, Verdana, Arial, san-serif;
	 color: #561710;
    text-decoration: none;
	 }
	.sstopnav li a:hover{
	background-color: #f7f7f7;
	text-decoration: none;	
	}
/*----------------------------------------Forms--------------------------------------*/

form{ 
	margin: 5px 0;
	}
form fieldset {
	text-align: left;
	padding: 3px 0;
	}
form legend{
	text-align: left;
	padding: 1px;
	font-size: 16px;
	font-weight: bold;
	color: #D8D8D8;
}		
form label {
	float: left;
	display: block;
	font-weight: bold;
	position: relative;
	text-transform: uppercase;
	}	
form input {
	float: left;
	padding: 2px; 
	color: #333;
	text-align: left;
	}	
form #button1 {
	float: left;
	cursor: pointer;
	border: none;
	text-align: center;
	}
	
/*---------Submit Form-------------------------------*/		
form#submitfrm { 
	padding: 3px 0 10px 25px;
	width:230px; 
	}
	form#submitfrm input {
	border-top:1px solid #9e9e9e;
	border-right:1px solid #9e9e9e;
	background-color: #fff;
	color: #333;
	text-align: left;
	width: 140px;
	height: 22px;
	}	
form#submitfrm #button1 {
	float: left;
	cursor: pointer;
	border: none;
	width:69px; 
	height: 31px;
	background: #fff url("../images/sbmtbtn.gif") no-repeat; 
	text-align: center;
	}	
/*------------------tables------------------------*/
.tblwrap{
	text-align: left;
}
table {
	border: 1px solid #D9E7F2;
	font-size: 11px;
	margin-bottom: 10px;
}
th {
	color: #2d6552;
	border: 1px solid #eee;
	background-color: #EDF6F9;	
	letter-spacing: 1px;
	text-align:  left;
	padding: 3px 10px;
}
td {
	border: 1px solid #eee;
	padding: 3px 15px;
	text-align:  left;
	color: #777;
	letter-spacing: 1px;
}
td.alt {
	background-color: #f7f7f7;
	font-size: 110%;
}	
		
/* Old CSS outdated 
	#hm{
	 background: #fff url("../images/hmbodybg.gif") repeat-x;
	}
	
	#hmtopwrap{
	width: 929px;
	height: 318px;
	overflow: hidden;
   background: transparent url("../images/hmtopbg.jpg") top center no-repeat;
	padding: 0 0 0 31px;
	margin: 0 auto;
	}
		.hmap{
		float: right;
		width: 306px;		
		margin-top: 60px;			
		}
		#hmcntop{
		width: 572px;
		float: left;
		text-align: left;
		margin: 20px 0 5px 10px;
		display: inline;
		}
		#hmcntop p{
		padding: 7px 15px 7px 15px;	
		}		
		#hmcntop a{
		color: #571610;
		text-decoration: underline;
		}
		#hmcntop a:hover{
		text-decoration: none;		
		}	
		#hmcntop h5{
		color: #571610;
		font-size: 13px;	
		text-align: left;
		margin: 10px 0 0 15px;
		}
		#hmcntopleft{
		float: left;
		width: 286px;
		}
		#hmcntopleft p{
		border-right: 1px dotted #ccc;	
		}
		#hmcntopleft h3{
		height: 33px;
		color:#fff;
		background: transparent url("../images/hmstlbg1.gif") no-repeat;		
		}
		#hmcntopright{
		float:  right;
		width: 286px;		
		}
		#hmcntopright	h3{
		height: 33px;		
		color:#fff;		
		background: transparent url("../images/hmstlbg2.gif") no-repeat;
		}
		#hmcnbtm{
		background: transparent url("../images/hmbtmbg.gif") no-repeat;
		width: 580px;
		float: left;
		text-align: left;
		margin: 20px 0 5px 8px;
		display: inline;		
		}
		#hmcnbtm h3{
		height: 33px;
		color:#fff;		
		margin-top: 5px;
		}
		#hmcnbtm p{
			line-height: 16px;
			padding-bottom: 10px; 
		}
		#hmcnbtm .fltleft{
		padding-bottom: 15px;
		}
		#hmcnbtm a{
		font-weight: bold;
		color: #214f40;
		text-decoration: none;			
		}
		#hmcnbtm a:hover{
		text-decoration: underline;	
		}
		#hmcnbtmleft{
		float: left;
		width: 286px;	
		}
		#hmcnbtmright{
		float:  right;
		width: 276px;
		margin-right: 10px;	
		}
		#hmcnbtmright ul.bigger li{
		background-image: url("../images/hmblt.gif") ;
		background-repeat: no-repeat ;
		background-position: 0 .5em;
		font-weight: bold;
		color: #214f40;
		padding-left: 20px;	
		}
	#hmtitle{
	width: 314px;
	height: 39px;
	background: transparent url("../images/mtitle.gif") no-repeat;
	}
		#hmtitlewrap{
		width: 100%;
		height: 66px;
		text-align: left;
		}

.mainnav {
	list-style-type: none;
	width: 650px;
	height: 39px;
	padding-left: 15px;
	}
.mainnav li {
  	float: left;
	display: inline;
	margin-right: 5px;
	padding: 2px ;
	
}
.mainnav li a {
	 float: left;
    padding: 0px 7px 0 0;
    font:bold 11px Tahoma, Verdana, Arial, san-serif;
	 border-right: 1px solid #fff; 
    color: #fff;
    text-decoration: none;
	}
.mainnav li.selected a, .mainnav li.selected a:hover, .mainnav li a:focus, .mainnav li a:active {
	color: #FAFAD2;
	}
.mainnav li a:hover{
	color: #FAFAD2;
	text-decoration: none;
}
*/

.searchAmount{
	color: #006699;
	font-weight: bold;
}

