/*		STANDARD HTML ELEMENTS		*/
body,pre{ font-family:  Arial, Helvetica, sans-serif;color:  #111;text-align: justify;
font-size:    x-small;         /* false value for WinIE4/5 */
voice-family: "\"}\"";       /* trick WinIE4/5 into thinking rule is over */
voice-family: inherit;      /* recover from trick */
 font-size:  small;;    /* intended value for better browsers */
 }
html, body,div{	margin: 0;	padding: 0; }
body { background : url(images/body.jpg) repeat-x #7F8282;}

 
h1,h2,h3,h4{ }
h1{ letter-spacing : 2px; font-size: 1.4em; padding: 0 ; margin: 0;  text-align : right; color: #EEE;}
h2{	font-size: 1em; letter-spacing: 1px; margin: 20px 0px 0px 0px;	 text-transform : uppercase;}
h3{	font-size: 1em; letter-spacing: 1px; margin: 20px 0px 10px 0px;	}
h4{	font-size: 1em; letter-spacing: 1px; }
ul li{ list-style-image : url(images/bullet.gif); margin: 3px 0px 3px 0px; padding: 0px 0px 0px 0px; }
.spnBP{ display: block; background-image: url(images/bullet.gif); background-repeat: no-repeat;  background-position : center left; margin: 3px 0px 3px 0px; padding: 0px 0px 0px 15px;     }

/*			LAYOUT			*/
#wrapper{  width:978px; margin:10px auto; background-color :#FFF3E9;
border-top: solid 1px #CCC; border-left: solid 1px #CCC;
border-bottom: solid 1px #555; border-right: solid 1px #555;
  }
#header{	background-image :url(images/header.jpg);   background-position :200px 0;  background-repeat : repeat-x;
background-color : #000;  height: 120px; margin:0; }

#main{  padding: 10px  20px 10px 10px  ; clear:both; }

#content{ margin: 0 0 0 210px;  padding-top: 10px; line-height: 1.5em;;  font-size: 1.1em; }
#contentText{ padding: 0  20px 20px 20px ;   line-height: 1.4;  }
#footer{  clear: both; width:978px; margin:10px auto; padding: 10px 0 20px 0;   color: #666; font-size: .85em;    }
 
#footerNav{ text-align: center;   margin:0 ; padding: 0 20px 0 20px;} 
#footerText{ margin-top: 10px;	color: #000;}
 

/*		NAVIGATION  */
#headerNav *{margin:0; padding:0;}


#headerNav{position: relative;
background: #000 url('images/menubg.gif') repeat-x top; ;
height: 4em;
padding: 0 1.0em ;
margin-bottom: 2px;
}

#headerNav ul{position: absolute;top: 1.2em;}

#headerNav ul li{position: relative;display: inline;}

#headerNav ul li a{padding: 0.5em 1.3em ; margin-right: 1em; color: #555;text-decoration: none;
border-top: solid 1px #EEE;border-left: solid 1px #DDD;
border-bottom: solid 1px #999; border-right: solid 1px #AAA;
background: url('images/menuoff.gif') repeat-x top left ; font-size:1.3em;;  color: #555;}

#headerNav ul li a:hover{background: url('images/menuhover.gif') repeat-x top left ; color: #333;
border-top: solid 1px #FFF;border-left: solid 1px #EEE;  text-decoration : underline;   
border-bottom: solid 1px #666; border-right: solid 1px #666;
 }

#headerNav ul li a.aNav1a{background: url('images/menuactive.gif') repeat-x top left ; color: #EEE;
border-top: solid 1px #888;border-left: solid 1px #888;
border-bottom: solid 1px #EEE; border-right: solid 1px #EEE;
}

#sideNav{  width: 180px;  margin: 10px auto 0  auto ; text-align: left; float:left;  padding: 0 0 10px 0; display: inline; padding-bottom: 100px;}
#sideNav ul{list-style : none; margin:  0 0 10px 0; padding: 0  ;}
#sideNav ul ul{list-style : none; margin:  0 0 10px 10px; padding: 0  ; text-align:right}
#sideNav  li{margin: 0; padding: 0;  display: block;  list-style-image : none;}
#sideNav  ul a{   display: block;  width:100%;  font-weight: bold;  padding:  2px 0  0 2px; color: #555;     text-decoration: none;  margin: 9px  0;  background-position : top left; background-repeat : no-repeat; }
#sideNav  ul a:hover{ text-decoration : underline;   color: #222;   }
#sideNav .aNav2a, #sideNav .aNav2ac,#sideNav .aNav3a, #sideNav .aNavCa{  color: #000; text-decoration : underline;   }
#navCommon{margin-top:20px !important;}


#footerNav a:link, #footerNav a:active, #footerNav a:visited{  font-weight: bold; color: #555;}
#footerNav a:hover{   color: #000;}
#footerNav .aActive{	color: #000 !important; text-decoration: none;  padding: 1px 4px 1px 4px;; }
#footerNav ul{list-style : none; margin: 0; padding: 0;}
#footerNav li{	margin: 0; padding: 0 3px 0 3px; display : inline; }
 

/*		FontSize Selection	*/
#XfsBox{ text-align: center; font-weight: bold;color: #222;   float: left; width:200px; padding: 0 ;}
#fsBox{ text-align: right; font-weight: bold;color: #222;    float: right; width:160px; padding: 3px 0 0 0 ;}

#fsBox a:hover{  border-color: #000;  }
#fsBox a{ display:block; float:left;  background-position : top center; margin-left:5px;}
.fsSelected{	 }
#fsNormal{ background-image:url(images/font-n.gif); width: 28px; height:28px; background-repeat : no-repeat;}
#fsLarge{ background-image:url(images/font-l.gif); padding: 10px 20px 30px 20px;background-repeat : no-repeat;}
#fsLarger{ background-image:url(images/font-xl.gif); padding: 10px 30px 33px 30px;background-repeat : no-repeat;}
#XfsText{ text-align:center; font-size: 1em;font-weight:bold; line-height: 1.1; padding: 5px 50px 5px 0;}

 

/*		CONTENT		*/
 
#siteTitle{	 position: absolute; top: 30px; left: 30px; z-index: 5;color: #E3D2FF; font-size: 3.5em; font-weight: bold; }
#siteTitle2{	position: absolute; top: 31px; left: 31px; z-index: 1;color: #000; font-size: 3.5em; font-weight: bold; }
 
.indent{	margin: 20px 0 20px 30px;}
#divSkipNav{ display:none;
background-color : #CCC; color : #000; font-weight: bold;  text-align :center; 
border-top: solid 1px #FFF;border-left: solid 1px #FFF;border-right: solid 1px #666;border-bottom: solid 1px #666; padding: 3px 0 3px 0;
}

 /*		BANNER 		*/
#banner{ line-height: normal; position: absolute;top: 60px; left: 180px; padding:0;  margin:0; width: 580px;height: 60px; text-align:center; visibility:visible; color: #222; ;overflow: auto;font-size: .9em; }
#bannerTitle{width:100%; font-weight: bold;  margin-bottom: 3px;}
#bannerTitle a:link, #bannerTitle a:visited, #bannerTitle a:active{ background-color: transparent; color: #323; font-weight: bold; text-decoration: underline;
 background-image : url(images/int_link.gif); padding: 0px 25px 5px 0px; background-repeat : no-repeat; background-position : top right;
}
#bannerTitle a:hover{   color: #010}
#bannerText{ padding: 0px 10px 0px 10px; font-size: 100%; color: #000;}
#bannerText a:link, #bannerText a:visited, #bannerText a:active{ background-color: transparent; color: #323; font-weight: bold; text-decoration: underline;}
#bannerText a:hover{   color: #010;}

/*		IMAGES		*/
 .divClickLarger{text-align:center; font-size:1em; font-weight: bold; margin: 10px 0 15px 0; background-color : #ADDEF1; padding: 5px 0 5px 0;}
.divImage{  margin:  auto; text-align:center; font-size: .85em; }
.divImagesL, .divImageL{ float:left; margin: 0px 20px 10px 0px; text-align:center; font-size: .85em; }
.divImagesC{  margin:  auto; text-align:center; font-size: .85em; }
.divImagesR, .divImageR{ float: right; margin: 0px 0px 10px 20px; text-align:center; font-size: .85em;   }
.imgThumb,  .imgFull{ border: solid 1px #666; background-color: #FFF; padding: 5px;}
.aThumb :hover{	 ;}
.divImgTitle, .divImgText{text-align:center; font-size:1em; padding: 0 10px  0 10px; font-weight: normal;}
.divImgTitle{ font-weight: bold;}
 
 /*		LINKS	*/
#content a:link, #content a:visited{  color: #003; font-weight: bold;}
#content a:hover{   background-color : #FEE5D1; font-weight: bold;}
.aNewWin{ background-image : url(images/new_win.gif); padding: 0px 20px 5px 0px; background-repeat : no-repeat; background-position : top right;}
.aDownload{ background-image : url(images/download.gif); padding: 0px 0px 5px 20px; background-repeat : no-repeat; background-position : top left;}
.aIntLink, .aMoreLink{ background-image : url(images/int_link.gif); padding: 0px 23px 5px 0; background-repeat : no-repeat; background-position : top right;}
.aBackLink{ background-image : url(images/back_link.gif); padding: 0px 0px 5px 25px; background-repeat : no-repeat; background-position : top left;}
.aMail{ background-image : url(images/mail.gif); padding: 0px 0px 5px 20px; background-repeat : no-repeat; background-position : top left;}
.aDownLink{ background-image : url(images/down_link.gif); padding: 0px 22px 5px 0px; background-repeat : no-repeat; background-position : top right;}

 
/*		SIDEBAR		*/

#sideBar{  float: right ;  font-size: .85em;  color: #111; padding:10px 0 0 0  ; text-align:center; width:250px;
  margin: 0 0  20px 20px; line-height: 1.2;  }
#sideBarMain{ width: 100% ;text-align:center;    }
#sideBarMain .divHeading{	text-align: center;font-weight: bold; text-transform: uppercase; padding: 2px 0  2px 0 ; margin: 3px 0  2px 0 ; 
border-bottom:solid 1px #AAA;;}
#sideBarMain .divItem{	   text-align: center; padding: 0 5px 0 5px;  margin-bottom: 5px;}
#sideBarMain .divItemTitle{	font-weight: bold; margin: 0	; padding:0;}
#sideBarMain .divItemText{margin:0; padding:0;}
#sideBar .imgIcon{margin-bottom:5px; }
#sideBarMain hr{ width: 90% ; height: 1px; border-top: none;  border-bottom: solid 1px #AAA: color: #AAA  background-color :  #AAA;}
#sideBarMain .aMore{display:block;text-align: right;}
 


/*			TABLE ROW DATA		*/
.divItemRow{ overflow:  hidden;  display: inline-block; margin: 0 0 20px 0;  padding: 0px 10px 5px 10px;  }
.divItemRow .divImagesR{	padding: 10px  5px 0 10px;   }
.pRowGroup{	font-size: 1.1em; padding: 3px 0px 3px 3px; 
font-weight: bold;text-transform: uppercase; letter-spacing: 1px; border-bottom: solid  1px #AAA ;}
.pRowHead{	 font-size: 1em;   font-weight: bold;  border-bottom: solid  1px #AAA ; margin: 7px 10px 8px 0;  }
.pRowInfo{	 font-weight: bold;  font-size: .9em;  margin:0; padding:0; }
.pRowContent{margin:0 0 0px 0; padding: 5px 5px 0 0;  }
#rowHighlight{ background-color :#FEE5D1; padding: 5px;       border: solid 1px #BB5704; }
.pRowClear{	 display: inline-block; clear:both; margin:0; padding:0;;}
.divUpdated, .divUpdatedRecent{font-size: .9em; font-weight: bold;}
.divUpdatedRecent{ color: #990000;;}
/*			FORMS		*/
pre{	margin:5px 5px 5px 5px;}
.inpButton{	font-weight: bold;width:110px;}
.spnCompulsory{	 font-weight: bold;}
.spnError{ color: #600; font-weight: bold; }
.spnOK{	color: #000;  ; font-weight: normal; }
.tblForm{margin: 10px 0px 10px 0px; border-collapse : collapse;   }
.tblForm .spnSmallText{ font-size: .85em; }
.trForm{padding: 2px 5px 2px 5px;}
.tdForm{
text-align: left;
padding: 5px 5px 5px 5px;
vertical-align: top;
border:  dashed 1px  #AAA;
}
.thForm{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: center;
font-weight: bold;
font-size: 1.1em;
text-transform : uppercase;}
.trBrowse{	 background-color : #EFEFEF;}
.trBrowseAlt{	background-color : #EAEAEA;;}