@charset "utf-8";
/* CSS Document */
body{
margin:0;
padding:0;
line-height: 1.5em;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:justify;
background-color: #878787;
background-image:url(../images/global/scrnBg3.jpg);
background-repeat:repeat-y;
}
b{
font-size: 110%;
}
em{
color:#330000;
font-size:85%;
}
a {
color:#330000; 
text-decoration:underline
}
a:hover{
color:#ff0000;
}
.highlight{
background-color:#e9e9e9; 
padding:10px 15px 10px 15px; 
margin-bottom:24px
}
.dateList{
font-weight:bold; 
font-size:12px;   
text-transform:uppercase; 
text-align:right; 
vertical-align:text-top;
padding-right:15px;
}
.dateText{ 
font-size:90%; 
color:#652901;
}
#hmUrlLhc{
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#e3e3e3;
text-decoration:none;
font-weight:bold;
margin-left:10px;
}
#hmUrlLhc img{
border:0px;
}

.fees{
font-size:90%; 
color:#000000;
}
.doubleBorder{
border:double 4px #fff;
padding: 3px;
}
#maincontainer{
width: 994px;
margin: 0 auto; /*Center container on page*/
background-color:#d0d0d0;
border: 1px double #000;
}
#topsection{
background: #000000;
color:#fff;
height:90px;
}
.table{
padding:8px;
font-size:11px;
border:2px solid #ffffff;
text-align:left;
}
.table td{
vertical-align:text-top;
}
#contentwrapper{
float: left;
width:100%;
background-color:#cc0000;
}
#contentcolumn{
margin-left:190px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
padding-bottom:20px;
background-color:#d0d0d0;
border:1px solid #d0d0d0;
}
#maincontainerPop{
width: 550px;
margin: 0 auto; /*Center container on page*/
background-color:#d0d0d0;
border: 1px double #000;
}
#contentcolumnPop{
margin:0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background-color:#d0d0d0;
border:1px solid #d0d0d0;
}
.midcolumnPop{
margin:21px 21px 21px 21px; /*Margins for inner DIV inside each column (to provide padding)*/
}
.footerContainerPop{
background:#000000;
color:#ccc;
padding-left:20px;
font-size:85%;
}
#topsectionPop{
background: #000000;
color:#fff;
height:72px;
}
#leftcolumn{
float: left;
width:190px;
background-image:url(../images/global/jap.png);
background-repeat:repeat-x;
padding-top:20px;
height:545px;
}
.midcolumn{
width:515px;
margin-left:21px; /*Margins for inner DIV inside each column (to provide padding)*/
}
.midcolumn H1{
font-size:20px;
font-weight:normal;
color:#000000;
}
.midcolumn H2{
color:#cc0000;
font-weight:normal;
font-size:16px;
}
.midcolumn H3{
font-weight:bold;
color:#000000;
}
.midcolumnHmPg{
width:760px;
margin-left:21px; /*Margins for inner DIV inside each column (to provide padding)*/
}
.midcolumnHmPg H1{
font-size:20px;
font-weight:normal;
color:#000000;
}
.midcolumnHmPg H2{
color:#cc0000;
font-weight:normal;
font-size:16px;
}
.midcolumnHmPg H3{
font-weight:bold;
color:#000000;
margin-top:10px;
}
#rightcolumn{
float: right;
width: 230px; /*Width of right column*/
margin: 20px 15px 0 0;
font-size:11px;
color:#000000;
}
.footerContainer{
background:#000000;
color:#000;
padding:20px;
font-size:85%;
}
.rounded{
background-color:#333333;
background-image:url(../images/global/footerGrad.png);
background-repeat:repeat;
color:#666666;
}
.rounded li{
list-style:none;
margin-left:-40px;
}
.rounded a{
color:#CCCCCC;
text-decoration:none;
}
.rounded a:hover{
color:#d25a0b;
text-decoration:none;
}
.footerListA{
margin-left:40px;
float:left;
}
.footerListB{
margin-left:40px;
float:left;
padding-left:20px;
}
.footerListC{
margin-left:40px;
float:left;
padding-left:20px;
}
.footerListD{
margin-left:40px;
float:left;
padding-left:20px;
}
.footerListE{
width:200px;
margin-left:40px;
margin-top:20px;
float:left;
padding: 10px 10px 10px 10px ;
background-color:#333333;
color:#999999;
}
.containerImage515{
margin: 0 0 20px 0;
border: 3px double #999;
}
.qualifications{
background-color:#e5e5e5;
border: 1px solid #666666;
padding: 0 6px 6px 12px;
}
.containerImage247{
float:left;
margin: 0 21px 0 0;
border: 3px double #999;
}
.containerImageRight{
float:right;
margin:0 0 0 21px;
border: 3px double #999;
}
.containerImage{
float:left;
margin: 0 21px 20px 0;
border: 1px solid #999;
}
.colourTag{
float:left;
margin:6px 6px auto;
}
.ofLastChild{
margin-right:0 !important
}
.container247Border{
float:left;
width: 247px;
margin: 0 12px 0 0;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
padding: 1px 1px 15px 10px ;
background-color:#cccccc;
}
.containerHmPgBorder{
float:left;
width: 225px;
height:180px;
margin: 30px 12px 0 0;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
padding: 1px 1px 20px 10px ;
background-color:#cccccc;
text-align:left;
}
.containerRhcNoBorder{
/*border-bottom:1px solid #999;*/
padding: 16px 16px 16px 16px;
text-align:center;
}
.containerRhcBorderNoBg{
margin-top: 25px;
border: 3px double #999;
padding: 9px 16px 9px 16px;
}
#title{
color:#006600;
font-size:110%;
font-weight:bold;
}
.smlTxt{
font-size:80%;
}
/*-------------begin: menu css-------------*/
.arrowsidemenu{
	width: 190px; /*width of menu*/
	border-style: none;
	border-color: #990000;
	border-size: 1px;
	border-width: 1px;
}
	
.arrowsidemenu div a{ /*header bar links*/
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(../images/global/arrowred.png) 100% 0;
  	height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}
.arrowsidemenu div a:link, .arrowsidemenu div a:visited{
	color: #e3e3e3;
}
.arrowsidemenu div a:hover{
	background-position: 100% -32px;
}
.arrowsidemenu div.unselected a{ /*header that's currently not selected*/
	color: #e3e3e3;
}
.arrowsidemenu div.selected a{ /*header that's currently selected*/
	color: #fff;
	background-position: 100% -64px !important;
}
.arrowsidemenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.arrowsidemenu ul li{
	border-bottom: 1px solid #990000;
}
.arrowsidemenu ul li a{ /*sub menu links*/
	display: block;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #cccccc;
	padding: 5px 0;
	padding-left: 10px;
	border-left: 5px solid #990000;
}
.arrowsidemenu ul li a:hover{
	color:#FFFFFF;
	background: #e00000;
}
#selected{
	background:#e00000;
	color:#FFFFFF;
}
/*-------------end: menu css-------------*/