/* CSS Document */

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

	background-image:url(../IDMimages/bgRep2a.jpg);
	background-position:center;
	background-repeat:repeat-y;
}

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

div.main {
/*height:100%;*/	
width:100%;

	/*background-image:url(../IDMimages/bgRep2.jpg);
	background-position:center;
	background-repeat:repeat-y;*/
}
div.contentCentred{
	width:947px;

	background-image:url(../IDMimages/bgRep3.jpg);
	background-position:center;
	background-repeat:repeat-y;

	border-left:2px solid #BED730;
	border-right:2px solid #BED730;
/*
background-image:url(images/borderMain.jpg);
background-position:center;
background-repeat:repeat-y;
*/
}
div.topbar{
background-image:url(IDMimages/topbar.jpg);
background-repeat:no-repeat;
border:0px solid;
width:947px;
}
img{
border:0px;
}
a.downloads {
color:#CCCCCC;
font-weight:bold;
text-decoration:none;
}
a {
color:#003366;
font-weight:bold;
text-decoration:none;
}
a.footer {
font-size:80%;
color:#EEEEEE;
}
a.weblink {
color:#333333;
font-weight:bold;
text-decoration:none;
}
div.navspacer{
padding:2px;

}
div.navigation{
padding-top:2px;
padding-bottom:2px;
padding-left:0px;
width:947px;
height:41px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:85%;
text-align:left;
/*
background-color:#6569A6;
*/
}

div.contentArea{
padding:0px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
text-align:left;

}

div.leftSideContent{
/*
background-color:#FFFFFF;
*/
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{

/*
background-color:#FFFFFF;
*/
float:left;
width:730px;
}
div.mainContentTitle{
padding:2px;
padding-left:5px;
color:#6569A6;
font-family:Arial, Helvetica, sans-serif;
font-size:120%;
font-weight:bold;
text-align:left;
}

h1{
color:#6569A6;
font-family:Arial, Helvetica, sans-serif;
font-size:120%;
font-weight:bold;
text-align:left;
}
h2{
color:#6569A6;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
font-weight:bold;
text-align:left;
}
div.mainContentText{
padding:2px;
padding-left:5px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
text-align:left;
}

div.headine{
padding:5px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
text-align:left;
}

div.headineTitle{

padding:5px;
padding-right:7px;
background-color:#7175AD;
font-weight:bold;
font-size:110%;
}
div.headineText{
padding:5px;
/*
background-color:#6569A6;
*/
}
div.mainContentImages{
}
div.mainContentImageBox{
float:left;
width:237px;
padding-left:4px;
}
div.mainContentImageText{
background-color:#5A5A5A;
padding:2px;
padding-left:5px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:95%;
font-weight:bold;
text-align:left;
height:60px;
}

div.formHead1{float:left;width:200px;font-size:115%;}
div.formHead2{padding-left:20px;padding-right:20px;float:left;width:200px;font-size:115%;}
div.formHead3{float:left;width:200px;font-size:115%;}
div.formHead1-2{float:left;width:440px;font-size:115%;}

div.formCol1{float:left;width:200px;font-size:95%;}
div.formCol2{padding-left:20px;padding-right:20px;float:left;width:220px;font-size:95%;}
div.formCol3{float:left;width:200px;font-size:85%;}
div.formCol1-2{float:left;width:440px;font-size:95%;}
div.formCol2-3{padding-left:20px;float:left;width:420px;font-size:85%;}

div.formCol{font-size:95%;}
div.formText{padding-left:5px;padding-right:100px;}
div.formBreak{width:650px;border-bottom:2px solid #CCCCCC;}
div.formFeilds{	padding-left:5px;padding-right:20px;}

div.ethnic{
	float:left;
	border:#999 solid 1px;
	padding-right:2px;
	width:140px;
	font-size:90%;
	height:100px;
	background-color:#EEE;
}
form.form102009{
	font-size:80%;	
}
span.inpLeft{
	display:inline-block;
	width:300px;	
}
span.inpRight{
	display:inline-block;
	width:300px;	
}
input.inpS1{
width:300px;
background-color:#EFEFEF;
border:1px solid #CCCCCC;
}
input.Pcode1{
width:40px;
background-color:#EFEFEF;
border:1px solid #CCCCCC;
}
input.Pcode2{
width:20px;
background-color:#EFEFEF;
border:1px solid #CCCCCC;
}
input.other{
width:300px;
background-color:#EFEFEF;
border:1px solid #CCCCCC;
}
input.input1{
width:360px;
height:40px;
background-color:#EFEFEF;
border:1px solid #CCCCCC;
}
input.input2{
width:140px;
height:20px;
background-color:#EFEFEF;
border:1px solid #CCCCCC;
}
textarea.textArea1{
width:360px;
height:40px;
background-color:#EFEFEF;
border:1px solid #CCCCCC;
}
textarea.textArea2{
width:140px;
height:60px;
background-color:#EFEFEF;
border:1px solid #CCCCCC;
}
input.submit1{
background-color:#6569A6;
color:#FFFFFF;
font-size:110%;
border:1px solid #6569A6;
}
input.submit1:hover{
background-color:#FFFFFF;
color:#6569A6;
font-size:110%;
border:1px solid #6569A6;
}
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:85%;
text-align:left;
background-color:#6569A6;
}

/**************** menu coding *****************/
#menu {
background-image:url(../IDMimages/navBar.jpg);
width:947px;
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: #A2A5C9;
text-decoration: none;
border:1px solid #BEC1DA;
}
#menu a.top {
color: #fff;
text-decoration: none;
text-align:center;
font-size:90%;
border-right:1px solid #BEC1DA;
/*background-color:#545A92;
width:91px;*/
height:34px;
}

#menu a.top:hover {
color: #4D5280;
background: #fff;

}
#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;}