body{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-image: url(images/bg-txt-top.jpg);
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: justify;
	color: #666666;
}
.foundation{
	margin: 0 0 0 0;
	padding: 0 10px 0 10px;
	width: 990px;
	border-left: 2px, solid, #e6e6e6;
	border-right: 2px, solid, #e6e6e6;
	background-color: #f3f3f3;
	background-image: url(images/bg-txt-foundation.jpg);
	background-repeat: repeat-x;
}
/*GeneraL (starts)*/
h1{
   margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: normal;
	color: #666666;
}
h2{
   margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}

p{
   margin: 8px 0 8px 0;s
	padding: 0 0 0 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: justify;
	color: #666666;
}
a{
   color: #666666;
	text-decoration: none;
}
a:hover{
   color: #000000;
	text-decoration: none;
}

form{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
/*GeneraL (ends)*/

/**HEADER(start)*****/
.the-header{
	height: 153px;
	background-image: url(images/Logo-Barradive.png);
	background-repeat: no-repeat;
	background-position: center;
}
.login-table-height{
	height: 133px;
}
.login-table {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin: 8px 0 0 0;
	padding: 0 0 0 0;
}

.login-table .button-search{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 71px;
	height: 19px;
	background-color: #545454;
	border: 1px solid #727373;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
}
.login-table .search-textfield{
	margin: 0 0 0 0;
	padding: 0px 0 0 2px;
	width: 142px;
	height: 19px;
	border: 1px solid #cccbca;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}
/**HEADER (ends)*****/


/**NAVIGATION (start)*****/
.navigation{
   margin: 0 0 0 0;
	padding: 5px 10px 0 10px;
	height: 20px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}
.navigation a{
   color: #666666;
	text-decoration: none;
}
.navigation a:hover{
   color: #000000;
	text-decoration: none;
}
.menu {font-size:11px; font-family: Arial, Helvetica, sans-serif;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:2em background:transparent url(images/trans.gif); border:0px solid #FF0000;}

/* style the sub-level lists */
.menu ul ul {width:100px;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left; height:3em;line-height:3em;}

  /* style the sub level list items *&*^&*^&*^&*^&*^*&^&*^&*^ *&^*&^&*^&*^&*^*&^*&^*&^ *&^*&^*&^*&^*&^*&^*&^*&^ &*^&*^*&^*&^*&^&*&*^&^*/
.menu ul ul li { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; display:block; width:120px; height:20px; position:relative; background-color:#F0BBDB; padding:0px; font-family: Arial, Helvetica, sans-serif;}

/* style the sub level list items *&*^&*^&*^&*^&*^*&^&*^&*^ *&^*&^&*^&*^&*^*&^*&^*&^ *&^*&^*&^*&^*&^*&^*&^*&^ &*^&*^*&^*&^*&^&*&*^&^*/
.menu ul ul ul li { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; display:block; width:180px; height:20px; position:relative; background-color:#CACACA; padding:0px; font-family: Arial, Helvetica, sans-serif;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block; height:100%;font-size:13px;text-decoration:none;color:#666666;background:transparent url(images/trans.gif);}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#F0BBDB; color:#000000;width:120px;height:90%;line-height:1em;padding-top:2px;}
.menu ul table ul a, .menu ul table ul a:visited  {width:100px; w\idth:12em;}  
           
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {display:block;background:#CACACA; color:#000000;width:180px;height:90%;line-height:1em; text-align:left;padding-top:2px; }


/* style the sub level 1 background */
.menu ul :hover a.sub1 {background-color:#ffffff; }
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#ffffff;}
/* style the sub level 3 background */
.menu ul ul ul:hover a.sub2 {background:#ffffff;}

/* style the level hovers */
/* first */
.menu a:hover {color:#000000;background:transparent url(images/trans.gif);}
.menu :hover > a {color:#000000;background:transparent url(images/trans.gif);}
/* second */
.menu ul ul a:hover{color:#000000;background:#CACACA;}
.menu ul ul :hover > a {color: #000000;background:#CACACA;}
/* third */
.menu ul ul ul a:hover {color:#000000;background:#F0BBDB;}
.menu ul ul ul :hover > a {color:#000000;background:#F0BBDB;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:3em;left:0;width:100px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul ul {visibility:hidden;position:absolute;height:0;top:0;left:120px;width:200px;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif);}
/* make the third level visible when hover on second level list OR link */
.menu ul ul li:hover ul, .menu ul ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif);}



/* keep the third level hidden when you hover on first level list OR link */
.menu ul li:hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul li:hover ul li:hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul ul li:hover ul{visibility:visible;}

/**NAVIGATION (ends)*****/


/**CONTENT(starts)*****/
.content{
	margin: 15px 0 10px 0;
}
/*BOX1*/
.colour-box1{
	width: 830px;
}
.colour-box1-cnrtopL{
	width: 7px;
	height: 7px;
	background-image: url(images/blue-box1-cnrtopL.gif);
	background-repeat: no-repeat;
}
.colour-box1-barT{
	background-image: url(images/blue-box1-barT.gif);
	background-repeat: repeat-x;
}
.colour-box1-cnrtopR{
	width: 7px;
	height: 7px;
	background-image:  url(images/blue-box1-cnrtopR.gif);
	background-repeat: no-repeat;
}
.colour-box1-barL{
	background-image: url(images/blue-box1-barL.gif);
	background-repeat: repeat-y;
}
.colour-box1-centre{
	 background-color: #a0b4c1;
}
.colour-box1-barR{
	background-image: url(images/blue-box1-barR.gif);
	background-repeat: repeat-y;
}
.colour-box1-cnrbtmL{
	width: 7px;
	height: 6px;
	background-image: url(images/blue-box1-cnrbtmL.gif);
	background-repeat: no-repeat;
}
.colour-box1-barB{
	background-image: url(images/blue-box1-barB.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.colour-box1-cnrbtmR{
	width: 7px;
	height: 6px;
	background-image: url(images/blue-box1-cnrbtmR.gif);
	background-repeat: no-repeat;
}
/*************************************/
/*BOX2*/
.colour-box2{
	width: 830px;
}
.colour-box2-cnrtopL{
	width: 7px;
	height: 11px;
	background-image: url(images/blue-box2-cnrtopL.gif);
	background-repeat: no-repeat;
}
.colour-box2-barT{
	background-image: url(images/blue-box2-barT.gif);
	background-repeat: repeat-x;
}
.colour-box2-cnrtopR{
	width: 7px;
	height: 11px;
	background-image: url(images/blue-box2-cnrtopR.gif);
	background-repeat: no-repeat;
}
.colour-box2-barL{
	width: 7px;
	height: 44px;
	background-image: url(images/blue-box2-barL.gif);
	background-repeat: no-repeat;
}
.colour-box2-centre{
	padding: 0 0 0 5px;
	height: 44px;
	background-image: url(images/blue-box2-centre.gif);
	background-repeat: repeat-x;
}
.colour-box2-barR{
	width: 7px;
	height: 44px;
	background-image: url(images/blue-box2-barR.gif);
	background-repeat: no-repeat;
}
.colour-box2-cnrbtmL{
	width: 7px;
	background-image: url(images/blue-box2-cnrbtmL.png);
	background-repeat: no-repeat;
	background-position: top;
}
.colour-box2-barB{
   padding: 15px 5px 0 5px;
	background-image: url(images/blue-box2-barB.png);
	background-repeat: repeat-x;
	background-position: top;
}
.colour-box2-cnrbtmR{
	width: 7px;
	background-image: url(images/blue-box2-cnrbtmR.png);
	background-repeat: no-repeat;
	background-position: top;
}
/*************************************/
/*BOX3*/
.colour-box3{
	width: 118spx;
	margin: 0 0 0px 0;
}
.colour-box3-barT{
	width: 118px;
	height: 7px;
	background-image: url(images/blue-box3-barT.png);
	background-repeat: no-repeat;
}
.colour-box3-barH{
	width: 118px;
	height: 23px;
	background-image: url(images/blue-box3-barH.png);
	background-repeat: no-repeat;
}
.colour-box3-barC{
	width: 118px;
	background-image: url(images/blue-box3-barC.png);
	background-repeat: repeat-y;
}
.colour-box3-barB{
	width: 118px;
	height: 7px;
	background-image: url(images/blue-box3-barB.png);
	background-repeat: no-repeat;
}
/*************************************/
/**forms(ends)*****/
.vip-database{
	
}
.vip-database .button-search{
	margin: 0 0 0 0;
	padding: 0px 0 0px 0;
	width: 71px;
	height: 21px;
	background-color: #545454;
	border: 1px solid #727373;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
}
.vip-database .search-textfield{
	margin: 0 0 0 0;
	padding: 2px 0 0 2px;
	width: 423px;
	height: 19px;
	border: 1px solid #cccbca;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}
/**CONTENT(ends)*****/



/**FOOTER (start)*****/
.footer{
	margin: 0 0 0 0;
	padding: 5px 0px 10px 0px;
	background-color: #cacaca;
}
.footer p{
	margin: 0 0 0 0;
	padding: 5px 10px 0px 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}
.sitemap{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.sitemap .header{
	padding: 0px 10px 0px 10px;
	height: 45px;
	background-image: url(images/bg-txt-sitemap.jpg);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #666666;
}
.sitemap p{
	padding: 1px 10px 1px 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
.sitemap a{
	color: #666666;
	text-decoration: none;
}
.sitemap a:hover{
	color: #333333;
	text-decoration: none;
}
.sitemap .button-search{
	margin: 0 0 0 0;
	padding: 0px 0 0px 0;
	width: 71px;
	height: 21px;
	background-color: #545454;
	border: 1px solid #727373;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
}
.sitemap .search-textfield{
	margin: 0 0 0 0;
	padding: 2px 0 0 2px;
	width: 142px;
	height: 19px;
	border: 1px solid #cccbca;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}
/**FOOTER (ends)*****/