/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:#F2F5FF;
	height:100%;
	width:100%;
}

html {
height:100%;
width:100%;
}

div.main {

height:100%;
width:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
}
div.contentCentred{
border:0px solid;
width:990px;
background-image:url(../IDMimages/mainBG.jpg);
background-repeat:repeat-y;
color:#000000;
text-align:left;
clear:both;
}
div.clearFloat{
clear:both;
}
h1{
font-size:150%;
color:#3E3962;
}
h2{
font-size:105%;
color:#3E3962;
}

div.contentPanelLeft{
background-image:url(../IDMimages/sideBar.jpg);
float:left;
height:550px;
width:122px;
}

div.contentPanelRight{
float:left;
}

div.topBar{
background-image:url(../IDMimages/topBar.jpg);
height:73px;
width:765px;
}

div.mainArea{
float:left;
border:0px solid;
width:505px;
height:100%;
background-color:#FFFFFF;
padding:20px;
}
div.mainAreaRight{
float:left;
border:0px solid;
width:220px;
}
div.mainImage{
padding:18px;
background-color:#DDE3FA;
}
div.imageText{
padding:18px;
font-size:90%;
color:#003366;
background-color:#C3C5E6;
}
div.footer{
/*background-color:#DBE2F9;*/
background-image:url(../IDMimages/footer.jpg);
width:990px;
text-align:left;
font-size:75%;
height:29px;

}

div.navButton{
background-color:#BFC0E3;
}
a{
color:#333333;
font-weight:bold;
text-decoration:underline;
}



ul.nav {
list-style: none;
margin: 0;
padding: 0;
width:7em;
display: block;
font-size:100%;
float: left;
}
ul.top {
font-size:100%;
font-weight:bold;
border-bottom:0px solid #75A630;
color:#3E3962;
list-style: none;
margin: 0;
padding: 0;
width:118px;
float: left;
}
ul.sub {
font-size:100%;
border:0px solid;
width:200px;
display: block;
background: #004995;
}
li.sub {
border:1px #FFFFFF solid;
}
a.sub {
font-size:70%;
color: #fff;
text-decoration: none;
height:20px;
width:200px;
}
a.sub:hover {
color: #004995;
background: #fff;
text-decoration: none;
height:20px;
width:200px;
}
a.top {
font-size:70%;
color: #004995;
/*background-image:url(../IDMimages/system/button.gif);*/
background-repeat:no-repeat;
text-decoration: none;
width:91px;
height:15px;
}

div.table1{
float:left;
border:1px solid;
width:180px;
background:#DDDDDD;
padding:5px;
}
div.table2{
float:left;
width:180px;
padding:5px;
}

div.team{
border-bottom:1px #CCCCCC solid;
padding:3px;
background-color:#EEEEEE;
}

div.table3{
float:left;
padding:3px;
}

/**************** menu coding *****************/
#menu {

/*float: left;*/
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
/*padding-right:2px;
width:7em;*/
width:118px;
/*float: left;*/
}
#menu ul.top {
list-style: none;
margin: 0;
padding: 0;
padding-left:2px;
padding-right:2px;
height:24px;
/*float: left;*/
}
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: none;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #000;
background: #fff;
text-transform: uppercase;
}

#menu a.sub {
color: #3E3962;
background: #BFC0E3;
text-decoration: none;
border:0px solid #BEC1DA;
}
#menu a.top {
color: #3E3962;
text-decoration: none;
text-align:left;
font-size:90%;
border:0px solid #F26205;
background-color:#BFC0E3;
height:14px;
width:108px;
/*width:91px;
height:34px;*/
}

#menu a.top:hover {
color: #000000;


}
#menu a.sub:hover {
color: #445C88;
background: #fff;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
left:115px;
top:-10px;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}