/* CSS Document */

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

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

div.main {

height:100%;
width:100%;
}
div.contentCentred{
border:0px solid;
width:950px;
background-repeat:repeat-y;
}
div.topbar{
border:0px solid;
width:950px;
height:80px;
background-color:#000000;
font-family:Arial, Helvetica, sans-serif;

}

div.contentArea{
border:0px solid;
background-image:url(../IDMimages/bg2.jpg);
width:100%;
padding:0px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
}
div.navigation{
border:0px solid;
padding-top:40px;
width:145px;
height:550px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:85%;
text-align:left;
float:left;
}

h1{
color:#F26205;
font-family:Arial, Helvetica, sans-serif;
font-size:125%;
text-align:left;
}
div.mainContent{
float:left;
border:0px solid;
width:450px;
}
div.mainContentTitle{
padding:15px;
color:#F26205;
font-family:Arial, Helvetica, sans-serif;
font-size:85%;
text-align:left;
}
div.mainContentText{
padding:15px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
text-align:left;
/*overflow:auto; 
height:450px;*/
}
div.rightPanel{
float:left;
width:355px;
border:0px solid;
}
div.rightPanelText{
padding:5px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
text-align:left;
}
div.rightPanelImage{
padding-top:40px;
}
div.clearFloat{
clear:both;
}

div.footer{
padding-top:2px;
padding-bottom:2px;
padding-left:0px;
width:947px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
text-align:centre;
background-color:#444444;
}
h2{
font-family:Arial, Helvetica, sans-serif;
font-size:125%;
}
div.formTitle{
font-size:140%;
font-weight:bold;
}
input.fld1{
background-color:#DCA784;
border-color:#F26205;
color:#000000;
font-size:75%;

}
select.sel1{
background-color:#DCA784;
border-color:#F26205;
color:#000000;
font-size:75%;
}
a{
text-decoration:underline;
color:#eeeeee;
}

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

/*float: left;*/
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
/*padding-right:2px;
width:7em;*/
width:130px;
/*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: #F26205;
background: #555555;
text-decoration: none;
border:0px solid #BEC1DA;
}
#menu a.top {
color: #F26205;
text-decoration: none;
text-align:left;
font-size:90%;
border:0px solid #F26205;
background-image:url(../IDMimages/button1.jpg);
height:24px;
/*width:91px;
height:34px;*/
}

#menu a.top:hover {
color: #000000;
background-image:url(../IDMimages/button2.jpg);

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

#menu li {position: relative;}

#menu ul ul {
position: absolute;
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;}