﻿/* Body */

body {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: x-small;
	margin: auto auto auto auto;
	background-image:url(../images/bca_bg.jpg);
	background-position:center;
	text-align:center;
}

p, li, ul, ol, span, td {
	/*font-size: x-small;*/
	font-weight: normal;
    font-size: small;
}

.navheading {
	font-size: medium; 
	font-weight: bold; 
	color: #FFFFFF;
}

H1 { 
	font-family: Arial, Helvetica, Sans-serif;
	font-size: x-small; 
	color: #0066CC;  
}


H2 { 
	font-family: Arial, Helvetica, Sans-serif;
	font-size: x-small; 
	color: #FF6600;  
}

.heading1 { 
	font-family: Arial, Helvetica, Sans-serif;
	font-size: medium; 
	font-weight: bold;  
}

.heading2 { 
	font-family: Arial, Helvetica, Sans-serif;
	font-size: small; 
	font-weight: bold; 
	color: #FFFFFF; 
}

.tdheading2 {
	background-color: #0099CC
}

.heading2a { 
	font-family: Arial, Helvetica, Sans-serif;
	font-size: small; 
	font-weight: bold; 
	color: #990066; 
}

.heading3 { 
	font-family: Arial, Helvetica, Sans-serif;
	font-size: x-small; 
	font-weight: bold;
	color: #0066CC;  
}


.heading3a { 
	font-family: Arial, Helvetica, Sans-serif;
	font-size: x-small; 
	font-weight: bold;
	color: #000000;  
}

a:link {
	color:#0033CC;
	text-decoration:underline;
}

a:hover {
	color:#FF0000;
	text-decoration:underline;
}

a:visited {
	color:#666666;
	text-decoration:underline;
}

.body_lastupdated {
	font-family: Arial, Helvetica, Sans-serif;
	font-size:8pt;
	vertical-align: bottom;
}

.tableborder {
	border: 1px solid #88E1FF;
	border-color: #88E1FF;
}

.tableheadercell {
	background-color: #88E1FF;
}

.tablecell {
	background-color: #FFFFCC;
}

.faqs_tablecell {
	background-color: #CCCCCC;
}

.forms_tablecell {

	background-color: #CCCCCC;
}

.style1 {color: #FF6600}
.style2 {color: #FFFFFF}
.style3 {color: #FF0000}


/* Search Menu */

.searchlabel { font-family: Helvetica, Arial, sans-serif; font-size: 9pt ; font-weight: bold}
.searchlink  { font-family: Helvetica, Arial, sans-serif; font-size: 9pt}

a.searchmenu:link {
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #990066;
	text-decoration: none;
}

a.searchmenu:hover {
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #0000FF;
	text-decoration: underline;
}

a.searchmenu:visited {
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}


/* Top Menu */

#TOP_Navi {	
	width: 100%;
	height: 19px;
	background-color: #EEE5DE;
}

a.topmenu:link {
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	/*color: #FFFFFF;*/
    color: #6A6A6A;
	text-decoration: none;
}

a.topmenu:hover {
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	/*color: #FFFF00;*/
    color: #CF3C21;
	text-decoration: underline;
}

a.topmenu:visited {
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	/*color: #FFFFCC;*/
    color: #CF3C21;
	text-decoration: underline;
}


/* Side Menu */

#LEFT_navi {
	width: 160px;
	background-color: #990066;
	color: white;
}

.sidemenu_cell {
	/*background-color: #3636A3;*/
    /*Amended by Erna*/
    background-color: #ffffff;
}

.sidemenu_heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	/*color: #3636A3;*/
    /*amended by erna - need make it invisible*/
    color: #ffffff;
	text-decoration: none;
}

.sidemenu_heading1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #FFFF00;
	text-decoration: none;
}

a.sidemenu:link {
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

a.sidemenu:hover {
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #FF0000;
	text-decoration: underline;
}

a.sidemenu:visited {
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

.sidemenu_sub {

	font-family: Arial, Helvetica, Sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}


/* Breadcrumb */

.bodycrumb {
	font-size: 8pt;
}

a.bodycrumb:link {
	font-size: 8pt;
	text-decoration: underline;
	color:#0000FF;
}

a.bodycrumb:hover {
	font-size: 8pt;
	text-decoration: none;
	color:#FF0000;
}

a.bodycrumb:visited {
	font-size: 8pt;
	text-decoration: underline;
	color:#666666;
}


/* Footer */

#FOOT_stats {	
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	width: 100%;
	height: 16px;
	background-color: #EEE5DE;
}

.footer { 
	font-family: arial, helvetica, sans-serif; 
	font-size: 8pt;
	color: #FFFFFF;	
}

a.footer:link {
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	color: #FFFFFF;
}

a.footer:hover {
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: underline;
	color: #FFFF00;
}

a.footer:visited {
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	color: #FFFFCC;
}


/* Body - Index Page */

a.more:link {
	font-size: 8pt;
	text-decoration: none;
	color:#FFFFFF;
}
a.more:hover {
	font-size: 8pt;
	text-decoration: underline;
	color:#FFFF00;
}
a.more:visited {
	font-size: 8pt;
	text-decoration: none;
	color:#666666;
}

/* Added by Erna*/

#leftnavmain
{
    width: 200px;
    margin: 0 0 0 0;
    float: left;
    padding: 0 0 0 0;
    text-align:left;
    position: relative;
    font-size:11pt;
}

#leftnavmain ul{
    width: 200px;
    padding: 0;
    list-style: none;
    text-align:left;
    float:left;
    margin: 0;
}
#leftnavmain ul li{
    float: left;
    width: 195px;
    text-align: left;
    line-height: 21px;
    text-align:left;
    background: #f2f2f2;
    padding: 5px;
}
#leftnavmain ul li a{
    display: block;
    color: #333;
    text-decoration: none;
    padding-right: 10px;
}
#leftnavmain ul li a:hover{
    color: #fff;
    background: #939393;
}
#leftnavmain ul li ul{
    /*display: none;*/
    position:relative;
}
#leftnavmain ul li:hover ul{
    display: block; /* display the dropdown */
    /*position: absolute;*/
    /*left: 200px;*/
    /*top: 21px;*/
    /*left: inherit;
    top: auto;*/
    /*z-index: 500;*/
    position:relative;
}

#leftnavmain ul li li
{
    /*padding-left: 10px;*/
    background-color: #f2f2f2;
    padding-left:0px;
}




#leftnavmain_sub
{
    width: 160px;
    margin: 0 0 0 0;
    float: left;
    padding: 0 0 0 0;
    text-align:left;
    position: relative;
}

#leftnavmain_sub ul{
    width: 160px;
    padding: 0;
    list-style: none;
    text-align:left;
    float:left;
    margin: 0;
}
#leftnavmain_sub ul li{
    float: left;
    width: 160px;
    text-align: left;
    line-height: 21px;
    text-align:left;
    background: #f2f2f2;
    /*background: #000000;*/
    padding: 5px;
    font-size:x-small;
    padding-left:0px;
}
#leftnavmain_sub ul li a{
    display: block;
    color: #333;
    text-decoration: none;
    padding-right: 0px;
    /*width: 160px;*/
    
}
#leftnavmain_sub ul li a:hover{
    color: #fff;
    background: #939393;
}
#leftnavmain_sub ul li ul{
    /*display: none;*/
    position:relative;
    width: 155px;
}
#leftnavmain_sub ul li:hover ul{
    display: block; /* display the dropdown */
    /*position: absolute;*/
    /*left: 200px;*/
    /*top: 21px;*/
    /*left: inherit;
    top: auto;*/
    /*z-index: 500;*/
    position:relative;
}

#leftnavmain_sub ul li li
{
    /*padding-left: 10px;*/
    background-color: #f2f2f2;
    padding-left:0px;
}

#page-wrap {
 width: 760px;
 text-align: center;
 margin: 0 auto;
 }

.maingreyheading
{
    /*color: #808080;*/
    color: #585858;
    font-size: 14pt;
    font-family: Arial;
    
}

.imglink
{
    text-decoration:none;
    border: 0;
}

.maingreyline
{
    border-bottom: solid thin;
    border-color:lightgrey;
    padding-bottom: 5px;
    padding-top:5px;
}

.mainItem
{
    color:blue;
}

.topmenuNav
{
    color: darkgrey;
padding-left:5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;


background: #F6F6F7;
background: -moz-linear-gradient(top, #F6F6F7, #C0C0C7);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F6F6F7), to(#C0C0C7));


-moz-box-shadow:inset 0px 0px 1px #9f9f9f;

-webkit-box-shadow:inset 0px 0px 1px #9f9f9f;

box-shadow:inset 0px 0px 1px #9f9f9f;

}

/*
Added on 23072015
*/

/* slideshow 
******************************************/

#slideshow {
    position:relative;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/***/

#slideshow2 {
    position:relative;
}

#slideshow2 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow2 IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow2 IMG.last-active {
    z-index:9;
}

/***/

#slideshow3 {
    position:relative;
}

#slideshow3 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow3 IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow3 IMG.last-active {
    z-index:9;
}


/***/

#slideshow4 {
    position:relative;
}

#slideshow4 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow4 IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow4 IMG.last-active {
    z-index:9;
}