/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:#FFFFFF;
	height:100%;
	width:100%;
	background-image:url(../IDMimages/BG0.jpg);
	background-position:center;
}

html {
height:100%;
width:100%;
}

div.main {
	background-image:url(../IDMimages/BG1.jpg);
	background-position:center;
	/*height:100%;*/
	width:100%;
}
a{
text-decoration:none;
color:#3C579B;
}
img{
border:0px;
}
div.contentCentred{
border:0px solid;
width:970px;
}
div.topbar{
border:0px solid;
width:970px;
height:91px;

}
div.navigation{
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
width:970px;
height:30px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:85%;
text-align:left;
background-color:#FFFFFF;
background-image:url(../IDMimages/navBar.jpg);
background-repeat:no-repeat;
}
h1{
font-size:160%;
color:#3C579B;
}
h2{
font-size:110%;
color:#3C579B;
}
div.contentArea{
padding:0px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
}

div.leftSideContent{
border:0px solid;
float:left;
width:200px;
height:350px;
}
div.contentBox{
padding-top:3px;
}
div.contentBoxTitle1{
padding:2px;
padding-left:5px;
background-color:#7175AD;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:85%;
text-align:left;
}
div.contentBoxText1{
padding:2px;
padding-left:5px;
background-color:#6569A6;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
text-align:left;
}
div.mainContent{
float:left;
border:0px #000000 solid;
width:600px;
}
div.mainContentTitle{
padding:2px;
padding-left:15px;
color:#6569A6;
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
text-align:left;
}

div.mainContentText{
padding:2px;
padding-left:15px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
text-align:left;
}
div.formFld{
/*border:1px #000000 solid;*/
width:150px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:80%;
float:left;
}
input{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:90%;

}
select{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:90%;

}
div.clearFloat{
clear:both;
}

div.rightPanel{
float:left;
border:0px #000000 solid;
width:350px;
}
div.rightPanelText{
border:0px #000000 solid;
padding:2px;
padding-left:15px;
padding-top:30px;
text-align:left;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
}
div.footer{
padding:0px;
height:43px;
background-image:url(../IDMimages/BGbottom.jpg);
background-position:center;
}

div.footerText{
padding-left:30px;
padding-top:6px;
width:970px;
color:#222;
font-family:Arial, Helvetica, sans-serif;
font-size:65%;
text-align:left;
}
/**************** 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;
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: #fff;
background:#3C579B;
text-decoration: none;
border-bottom:1px solid #CCCCCC;
}
#menu a.top {
color: #222;
text-decoration: none;
text-align:left;
font-size:90%;
/*width:91px;*/
height:14px;
}

#menu a.top:hover {
color: #FFF;
/*background: #222;*/

}
#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;}

