/*  W3C CSS Validator checked
    last edited 08/31/2005 10:00am 
    last checked 08/31/2005 10:05 AM*/


.breakPageB4 {
    page-break-before: always;
  }


.breakPage8R {
    page-break-after: always;
  }


p.breakPage8R {
    page-break-after: always;
  }


h3.breakpageb4 {
    page-break-before: always;
  }
  
abbr, acronym, .help {
    border-bottom: 1px dashed #0000FF;
    cursor: help;
  }


small {
    font-size: 80%;
  }


cite {
     font-style: italic;
     font-size:100%; 
     
     color: blue;
     background-color:inherit; 
  }


strong {
    font-style:oblique;
    color:#660099;
   

  }


code {
    font-family: Courier New, Andale Mono, monospace;
    font-size: 100%;
  }


pre {
    text-align: left;
    font-family: Courier New, Andale Mono, monospace;
    font-size: 100%;
    overflow: visible;
    margin-left: 1em;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
  }


.caption {
    font-size: 80%;
  }


div#sideBarGraphic { display:none}

body {
        background-image: url(./bg.jpg);
        background-repeat: repeat;
        background-position : center;
	padding: 0;
	margin: 0;
	 background-color: transparent;
	color: #000;
	font-family: Sans-serif;
	/*background: transparent ;*/
}

h1, h2, h3, h4, h5, h6 {
        background-color:  transparent;
	color: #3399FF; /*#999;*/
	font-family: Serif;
	font-style: italic;
	margin: 0;
}

h1 {
    font-size: 150%;
  }


h2 {
    font-size: 130%;
  }


h3 {
    font-size: 110%;
  }


h4 {
    font-size: 100%;
  }
  
h2,h3{
font: bold 1.6em Garamond, Serif;

}

/*------------- Navigation Bar Two --------------*/
  
p.navigation-bar {
    color:red;
    background-color: transparent;
    border-top:1px solid #06a;
    border-left:1px solid #06a;
    border-bottom:2px solid black;
    border-right:2px solid black;
    width:85%;
    text-align: center;
  }

p {
   /* font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  */
    font-size: 12px;
    margin-bottom: 1em;
    margin-top: 1em;
    margin-right:2em;
    padding-left: 10px;
    padding-right:10px;
    overflow: hidden;
  }
  
p.navigation-bar a:visited {
    color:  #FF0066;
     background-color: inherit;
    text-decoration: none;
  }


p.navigation-bar a:link {
    color:#6600FF;
    background-color: inherit;
    text-decoration: none;
  }


p.navigation-bar a:hover {
   
    color:#fff;
     
    background:#08c;
    text-decoration:underline;
  }

/*------------- Navigation Bar two End --------------*/

/*----------- Header --------------*/


div#logoheader {
   /* background-image : url(../images/baclaran.jpg);*/
    background-repeat: no-repeat;
    background-position : top right;
    background-attachment: scroll;
    background-color: transparent;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
    width: 90%;
    position: absolute;
    top:0px;
    left: 0px;
    float:left;
  }


div.logoHeader {
background-image :none;  
 background-color: transparent;
    position:static;
    vertical-align: top;
    overflow:hidden;
    color: #000000;
    padding: 5px;
    font-size: 16px;
    text-align:left;
    width:auto;
  }


div.logoHeaderText {
    font-family: Georgia, Verdana, "Times New Roman",Times,serif;
     background-color: transparent;
     vertical-align: middle;
    overflow:hidden;
    color: #0000FF ;/*#660099; #800000; maroon*/
     font-size: 26px;
    text-shadow : grey;
    /* #000000;
    */padding: 5px;
    position:absolute;
    left: 120px;
    top: 30px;
   
    text-align:left;
    width: 80%;
  }

/*----------- header --------------*/
 
 
 /*----------- Menu  Column --------------*/


div#menucolumn {
   
    background-color: #f6f6f6;
    color:inherit;
    left : 70%;
   /* width : 210px;*/
    padding-left : 1px;
    padding-right : 0px;
    position : absolute;
    top : 165px;
    vertical-align : top;
    width : 25%;
  }


div#menucolumn a span {
    display: none;
  }


div#menucolumn a:hover span{
   background-color : black;
     color : #A597FF;
    display : block;
    font-family : Verdana,sans-serif;
    font-size : 12px;
    left : 0;
   /* margin-bottom : 10px;
    margin-left : 10px;
    margin-right : 10px;
    margin-top : 10px;
    padding-right : 5px;    
    */
    padding-bottom : 5px;
    padding-left : 5px;

    padding-top : 5px;
    position : absolute;
    text-align : center;
    top : 200px;
    /*width : 250px;*/
    z-index : 100;
  }


div.board {
    text-align: center;
    overflow: hidden;
    /*blue background*/ background-color: white;
    color: #000000;
    padding-left: 40px;
    font-size: 12px;
    margin-top:10px;
    margin-bottom:10px;
  }


div.separator {
   background-color: #f6f6f6; 
  /* #FF99FF;*/

    color : black;
    font-size : 12px;
    padding-bottom : 2px;
    padding-left : 10px;
    /*padding-right : 10px;*/
    padding-top :2px;
   /* width: auto;*/
   width:95%;
    overflow:hidden; 
  }


div.separatorcurrent {
    background-color: #f6f6f6;
    color : black;
    font-size : 12px;
    padding-bottom : 2px;
    padding-left : 10px;
   /* padding-right : 10px; */
    padding-top : 2px;
    overflow:hidden;
    width:95%;
  }


div.separatorsub {
    background-color : #E4E4E4;
    color : black;
    font-size : 12px;
    margin-left : 6px;
    padding-bottom : 2px;
    padding-left : 10px;
   /* padding-right : 10px;*/
    padding-top : 2px;
    overflow:hidden;
    width:95%;
  }


div.separator:first-child {
    border-top: 5px;
  }
  
a:link {
	 /*color:  #599;#436976*/
	 color: #663399;
	 background-color: transparent;
/*here*/
}
a:visited {
	 /*color:  #599;*/
	 color: #FF6633;
	 background-color: transparent;
	 }
a:hover {
	color: #6666FF ;
	background-color:  transparent; 
	/*; #599 #FF99FF*/
	text-decoration: underline;
}
/*----------- menu Column --------------*/
/*----------- Contents Column --------------*/


div#contentcolumn {
     color:  inherit;
    background-color:#f6f6f6;
    padding-right: 0px;
    vertical-align: top;
    position: absolute;
    width: 63%;
    left: 5%;
    top: 165px;
  }


div.content {

    overflow: hidden;
    color: #000000;
     background-color: inherit;
    font-size: 12px;
    text-align: left;
    width: 100%;
  }


div.contentBox {
   
    background-color: #f6f6f6;
    color: inherit;
    overflow: hidden;
    width: 96%;
    padding: 5px 10px 5px 10px;
    margin-right:15px;
    margin-left:25px;
  }


div.contentBox-title {

    border:none;
    border-bottom: 2px   #99CCFF solid  ;
    /* border-top: 3px  #FF9966 solid  ;*/
    background-image :none;
    background-color:  transparent;
    color : white;
    font-size : 12px;
    font-weight : bold;
    overflow : hidden;
    padding-bottom : 5px;
    padding-left : 0.5em;
    padding-right : 2px;
    padding-top : 5px;
    text-align : left;
    width : 100%;
  }


div.content table {
    font-size: 12px;
    left:15px;
    border: 1px solid #436976;
    border-style:solid;
    padding-left: 5px;
    padding-right:5px;
    background-color:white;
  }


div.content td {
    border: 1px solid #436976;
    padding: 10px;
  }


div.contentCenter td {
    border: 1px solid #436976;
    padding: 1px;
    padding-left: 5px;
    padding-right:5px;
    text-align:center;
  }

/*----------- Contents Column --------------*/  

/*---------------  Boxes -----------------------*/

 div.box {
    
    background-color: #f6f6f6;
    margin: 2px;
    overflow: hidden;
    border-top: 1px solid #999;
    border-right: 3px solid #555;
    border-bottom: 4px solid #555;
    margin-bottom:5px;
  }


div.box-title {

/*    border-bottom: 1px #D9D526 dashed;*/
    border-bottom: 2px   #99CCFF solid  ;
    background-image :none;
    color : white;
    font-size : 12px;
    font-weight : bold;
    overflow : hidden;
    padding-bottom : 2px;
    padding-left : 2px;
    padding-right : 2px;
    padding-top : 2px;
    text-align : right;
  }

div.box-blueWood {
    background-image : url(../images/woodbg.jpg);
    background-repeat: repeat;
    background-position : center;
    color : white;
    font-size : 12px;
    font-weight : bold;
    overflow : hidden;
    padding-bottom : 2px;
    padding-left : 2px;
    padding-right : 2px;
    padding-top : 2px;
    text-align : center;
  }

div.box-title table {
    width: 100%;
    padding: 5px 10px 5px 0.5em;
  }


div.box-data {
    overflow: hidden;
    background-color: #f6f6f6;  
    color: #000000;
    padding: 2px;
    font-size: 12px;
    padding: 5px 2px 5px 0.5em;
    margin-bottom:15px;
    width:95%;
  }


div.board {
 text-align: center; 	
    overflow: hidden;
    background-color: white;
    color: #000000;
    padding-left: 40px;
    font-size: 12px;
    margin-top:10px;
    margin-bottom:10px;
  }



/*---------------  Boxes End -----------------------*/ 
/*---------------  Footer start -----------------------*/ 


div#footer {
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:4px;
    vertical-align: bottom;
    width: 100%;
    left: 0px;
    text-align: center;
    overflow: hidden;
    position: absolute;
  }


div.footerText {
    background-color: transparent;
    vertical-align: bottom;
    overflow:hidden;
    color: black;
    font-size: 10px;
    padding:3px;
  }


div.footerBox {
   background-color: white;
    margin: 4px;
    border: 1px solid #8CACBB;
    overflow: hidden;
    padding: 5px 10px 5px 0.5em;
  }

/*----------- footer --------------*/
/*----------- Inline buttons --------------*/



.inline-button {
   width:12em;
   font-size:12px;
   margin: 0 0.2em; 
   padding: 0.1em 0; 
   padding:0;
   border: 1px solid black;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #ccc;
   color: black;
   }
   
.inline-button em {
    width:1em;
    font-size: 12px;
    font-style: normal;
    margin:0;
    padding: 0.1em 0.5em;
    background: white;
    color: black;
  }


.inline-button span {
    width:1em;
    margin:0;
    padding: 0.1em 0.5em 0.1em 0.3em;
  }


.inline-button:hover {
    background: #666;
    color: white;
  }


.inline-button:hover em {
    background: black;
    color: white;
  }


.orange {
    background:  #FF9900;
    color: black;
  }


.orange em {
    background: white;
    color: #c60;
  }


.blue {
    background: #06c;
    color: white;
  }


.blue em {
    background: white;
    color: #06c;
  }


.green {
    background: green;
    color: white;
  }


.green em {
    background: white;
    color: green;
  }

/*----------- Inline buttons --------------*/
/*----------- floats --------------*/


.floatleft {
    float: left;
    width: 300px;
    background-color: #fff;
    padding: 10px;
    padding-right:15px;
    margin-right:20px;
    border-top: 1px solid #999;
    border-right: 2px solid #555;
    border-bottom: 2px solid #555;
    border-left: 1px solid #999;
  }


div.floatleft img {
    border-top: 2px solid #555;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 2px solid #555;
  }


p.floatleft {
    font-size: 12px;
    margin-bottom: 1em;
    margin-top: 1em;
    margin-left:20px;
    margin-right:20px;
    padding-left: 10px;
    padding-right:10px;
  }


.floatright {
    background-color : #fff;
    float : right;
    margin-bottom : 10px;
    margin-left : 10px;
    margin-right : 10px;
    margin-top : 0;
    padding-bottom : 10px;
    padding-left : 15px;
    padding-right : 10px;
    padding-top : 10px;
    width : 250px;
  }


p.floatright {
    font-size:12px;
    margin-bottom: 1em;
    margin-top: 1em;
    padding-left: 15px;
    padding-right:15px;
  }

/*----------- floats buttons --------------*/

.hideblock{
    display:none;	
}
.showblock{
    display:block;  
}

.hilite{
  color: blue;
}

/*-------------------- Menu Style Elements---------------------*/


.LeftMNav {
z-index : 1000; 
} 

.LeftMNav ul {
padding-right : 0; 
padding-left : 0; 
padding-bottom : 0; 
margin : 0; 
width : 100%; 
color : #ffffff; 
padding-top : 0; 
background-color : #bacee0; 

} 
/*#LeftMNav ul a {height: 1em;}
*/
.LeftMNav li {
font-size : 12px; 
padding-right : 0; 
padding-left : 0; 
padding-bottom : 0; 
margin : 0; 
padding-top : 0; 
list-style-type : none; 
width: 100%;
} 

.LeftMNav a {
border-right : 1px solid #c3c8cb; 
padding-right : 0; 
background-position : 100% 50%;
border-top : 0px solid #fefefe; 
display : block; 
padding-left : 2px; 
font-weight : normal; 
padding-bottom : 0px; 
border-left : 1px solid #fefefe; 
padding-top : 0px; 
border-bottom : 1px solid #c3c8cb; 
background-color: #eaeeee; 
font-size : 12px; 
color : #048; 
font-family : Ms Sans Serif, Times New Roman; 
text-decoration : none; 
} 

.LeftMNav a:hover {
border-left-color : #fefefe;
border-bottom-color : #c3c8cb; 
border-top-color : #fefefe; 
background-color: #f8fafc;
border-left : 10px solid #66CC33 ; 
border-right : 0px solid #66CC33 ; 
font-size : 12px; 
color : #ff3e3e; 
font-family : Ms Sans Serif, Times New Roman; 
padding-left:10px;
text-decoration : none; 
} 


.LeftMNav a:active {
border-left-color : #fefefe; 
border-bottom-color : #c3c8cb; 
border-top-color : #fefefe; 
background-color :  #999999;
/*#f8fafc; */
border-right-color : #c3c8cb; 
border-right:0px;
font-size : 12px; 
color : #999900;
/*#048; */
font-family : Ms Sans Serif, Times New Roman; 
text-decoration : none; 
} 

.menuheader {

font-family : verdana,arial,helvetica,sans-serif; 
font-size : 18px; 
text-align : right; 
font-weight : bold; 
color : #6699FF  ; 
    border-bottom: 2px   #99CCFF solid  ;
    background-image :none;
   background-color: transparent;  
/*border-bottom: 3px #D9D526 dashed;
background-image : url(lineBarGreen.png);
    background-repeat: repeat;
    background-position : center;
background: #6898d0 url(arrow_orange.gif) no-repeat center left; */
/* IE Block bug*/
padding-top : 0px; 
padding-bottom : 0px; 
padding-right : 0px; 
padding-left : 0px; 
/* IE Block bug*/
/*border-bottom : 1px solid #3a6081; 
border-right : 1px solid #3a6081; 
border-top : 1px solid #f1f5fa; */
display : block; 
width:auto;
} 
/********************************* End Menu Style Elements *******************/
li {margin-right:15px; }