 /****    B A S I C S   ****/
body {
  background-image: url("../graphics/bg.jpg");
  background-repeat: repeat-x;
  position: absolute;
  padding-left: 10%;
  top:  0px;
  width: 100%;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: x-small;


}

img {
  border-width: 0px;
}



/*** MAIN DEFINES THE AREA FOR REGULAR TEXT  ***/
.Main {
 position: absolute;
 left: 190px;
 right: 170px;
 top:  130px;
 width: 400px;
 padding-top: 0px;
 overflow: visible;
 line-height: 18px;
 border-width: 0px;
 border-style: solid;
 border-color: #cccccc;
 font-size: xx-small;
 }

.InsetMain { /*In use when style definition begins after head_html is initialized*/
 position: absolute;
 left: 190px;
 right: 170px;
 top:  -1200px;
 width: 400px;
 padding-top: 0px;
 overflow: visible;
 line-height: 18px;
 border-width: 0px;
 border-style: solid;
 border-color: #cccccc;
 }


.Leftcolumn{
 position: absolute;
 left: 640px;
 top:  165px;
 width: 127px;
 z-index: 1;

}

.Leftcolumn2{
 position: absolute;
 left: 449px;
 top:  165px;
 width: 127px;
 z-index: 1;

}

/*** BREADCRUMBS (NAVIGERINGSINFO)  ***/
 .guide{
 position: absolute;
 left: 190px;
 top:  110px;
 padding-top: 1px;
 padding-left: 2px;
 padding-right: 2px;
 overflow: visible;
 border-width: 1px;
 border-style: solid;
 border-color: #cccccc;
 font-size: x-small;
 }
 
/*** LOGO TOP-LEFT CORNER*/
.logo{
 position: absolute;
 left: 0px;
 top:  0px;
 z-index: 1;
}

/*** ILLUSTRATION: BOTTOM-RIGHT CORNER  ***/
.Illustration{
 position: absolute;
 left: 0px;
 top:  235px;
 width: 126px;
 z-index: 1;

}



*________________________________________________

 T A B L E S
_________________________________________________*
  
  
  table.regular{
 overflow: visible;
 font-size: xx-small;
 font-family:  verdana, sans-serif;
 line-height: 18px;
 }

  table.border{
 overflow: visible;
 font-size: x-small;
 font-family:  verdana, sans-serif;
 line-height: 18px;
 border: 1px outset #858484;
 }


 td.bottomline{
 border-top: 0px;
 border-right: 0px;
 border-left: 0px;
 border-bottom: 1px inset #858484;
 padding-left: 10px;

 }
 th.bgrcolored{
 border-top: 0px;
 border-right: 0px;
 border-left: 0px;
 border-bottom: 1px inset #858484;
 background-color: #C5D3D6;
 }



 th,td{
 font-size: small;}

 hr{
 height: 1px;
 border-style: inset;
 border-color: #858484;
 }

/*______________________________________________

 M E N U E S
 _________________________________________________***/



 table.menu{
 width: 125px;
 overflow: visible;
 font-family:  helvetica, verdana, arial, sans-serif;
 line-height: 14px;
 border-top-width: 0px;
 border-left-width: 0px;
 border-right-width: 0px;
 border-bottom-width: 1px;
 border-style: solid;
  border-color: #858484;
  font-size: x-small;
/* border: 1px solid #858484;*/

 }

 table.menu:hover {
 width: 125px;
 overflow: visible;
 font-family:  helvetica, verdana, arial, sans-serif;
 color: #06495A;
 text-decoration: none;
 background-color: #d8e1e3;
 border-top-width: 0px;
 border-left-width: 0px;
 border-right-width: 0px;
 border-bottom-width: 1px;
 border-style: solid;
 border-color: #858484;
}

td.menu{
  font-size: x-small;
}

select.mtings{
 position: absolute;
 left: 641px;
 right: 250px;
 top:  125px;
 width: 126px;
 padding-top: 1px;
 padding-bottom: 1px;
 padding-left: 3px;
 overflow: visible;
 font-size: 11px;
 font-family: helvetica, verdana, arial, sans-serif;
 color: #000000;
 text-decoration: none;
 line-height: 12px;
 border-width: 1px;
 border-style: solid;
 border-color: #858484;

}

 a.Meetings {
 position: absolute;
 left: 640px;
 right: 250px;
 top:  110px;
 width: 122px;
 height: 30px;
 padding-top: 1px;
 padding-bottom: 4px;
 padding-left: 3px;
 overflow: visible;
 font-size: 11px;
 font-family: helvetica, verdana, arial, sans-serif;
 color: #000000;
 text-decoration: none;
 line-height: 12px;
 border-width: 1px;
 border-style: solid;
 border-color: #858484;
}

 a.Meetings:hover {
 position: absolute;
 left: 640px;
 right: 250px;
 top:  110px;
 width: 122px;
 height: 30px;
 padding-top: 1px;
 padding-left: 3px;
 overflow: visible;
 color: #06495A;
 font-family: helvetica, verdana, arial, sans-serif;
 text-decoration: none;
 background-color: #d8e1e3;
 border-width: 1px;
 border-style: solid;
 border-color: #858484;
}


.announcements{
position: absolute;
 left: 0px;
 width: 125px;
 top:0px;
 padding-top: 1px;
 overflow: visible;
 font-size: 11px;
 color: #000000;
 text-decoration: none;
 font-family: helvetica, verdana, arial, sans-serif;
 line-height: 14px;
 border-top-width: 1px;
 border-left-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 0px;
 border-style: solid;
 border-color: #858484;}

 a.Announcements {
 position: absolute;
 left: 640px;
 width: 125px;
 height: 200px;
 top:150px;
 padding-top: 1px;
 padding-left: 3px;
 overflow: visible;
 font-size: 11px;
 color: #000000;
 text-decoration: none;
 font-family: helvetica, verdana, arial, sans-serif;
 line-height: 14px;
 border-top-width: 1px;
 border-left-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 0px;
 border-style: solid;
 border-color: #858484;
 }

 a.Announcements:hover {
 position: absolute;
 left: 640px;
 top:150px;
 height: 200px;
 width: 125px;
 padding-top: 1px;
 padding-left: 3px;
 overflow: visible;
 font-size: 11px;
 font-family: helvetica, verdana, arial, sans-serif;
 color: #06495A;
 text-decoration: none;
 background-color: #d8e1e3;
 border-top-width: 1px;
 border-left-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 0px;
 border-style: solid;
 border-color: #858484;
 }

 a.Documents {
 position: absolute;
 left: 20px;
 top:  305px;
 width: 118px;
 height: 35px;
 padding-top: 2px;
 padding-left: 3px;
 overflow: visible;
 font-family: helvetica, verdana, arial, sans-serif;
 font-size: 11px;
 color: #000000;
 text-decoration: none;
 line-height: 14px;
 border-width: 1px;
 border-style: solid;
 border-color: #858484;
 }

 a.Documents:hover {
 position: absolute;
 left: 20px;
 top:  305px;
 width: 118px;
 height: 35px;
 padding-top: 2px;
 padding-left: 3px;
 overflow: visible;
 color: #06495A;
 font-family: helvetica, verdana, arial, sans-serif;
 text-decoration: none;
 background-color: #d8e1e3;
 border-width: 1px;
 border-style: solid;
 border-color: #858484;
}


 a.Instrumentcenters {
 position: absolute;
 left: 20px;
 top:  340px;
 width: 118px;
 height: 35px;
 padding-top: 5px;
 padding-left: 3px;
 overflow: visible;
 font-family: helvetica, verdana, arial, sans-serif;
 font-size: 11px;
 color: #000000;
 text-decoration: none;
 line-height: 14px;
 border-top-width: 1px;
 border-left-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-style: solid;
 border-color: #858484;
}

 a.Instrumentcenters:hover {
 position: absolute;
 left: 20px;
 top:  340px;
 width: 118px;
 height: 35px;
 padding-top: 5px;
 padding-left: 3px;
 overflow: visible;
 font-family: helvetica, verdana, arial, sans-serif;
 color: #06495A;
 text-decoration: none;
 background-color: #d8e1e3;
 border-top-width: 1px;
 border-left-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-style: solid;
 border-color: #858484;
}


 a.DAI {
 position: absolute;
 left: 20px;
 top:  375px;
 width: 118px;
 height: 35px;
 padding-top: 5px;
 padding-left: 3px;
 overflow: visible;
 font-family: helvetica, verdana, arial, sans-serif;
 font-size: 11px;
 color: #000000;
 text-decoration: none;
 line-height: 14px;
 border-top-width: 0px;
 border-left-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-style: solid;
 border-color: #858484;
}

 a.DAI:hover {
 position: absolute;
 left: 20px;
 top:  375px;
 width: 118px;
 height: 35px;
 padding-top: 5px;
 padding-left: 3px;
 overflow: visible;
 color: #06495A;
 font-family: helvetica, verdana, arial, sans-serif;
 font-size: 11px;
 line-height: 14px;
 text-decoration: none;
 background-color: #d8e1e3;
 border-top-width: 0px;
 border-left-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-style: solid;
 border-color: #858484;
}


.workshops{
 position: absolute;
 left: 20px;
 top:  430px;
 width: 118px;
 padding: 0px;
 background-color: #ffffff;
 border: 1px solid #858484;
}

 /*..M E N U S   E N D */

 /*______________________________________________________

  H E A D E R S
  ______________________________________________________*/

.MainHeader {
 position: absolute;
 left: 154px;
 top: 10px;
 font-family: helvetica, arial, sans-serif;
 font-size: 40px;
 font-weight: normal;
 color: #ffffff;
 line-height: 40px;
 text-align: left;
 vertical-align: top;
 z-index: 1;
}

 .subheader1 {
 position: absolute;
 left: 220px;
 top: 15px;
 font-size: 16px;
 font-family: helvetica, arial, sans-serif;
 font-weight: normal;
 color: #ffffff;
 line-height: 18px;
 text-align: left;
 vertical-align: top;
 z-index: 1;
}

 .subheader2 {
 position: absolute;
 left: 365px;
 top: 15px;
 font-family: helvetica, arial, sans-serif;
 font-size: 16px;
 font-weight: normal;
 color: #ffffff;
 line-height: 18px;
 text-align: left;
 vertical-align: top;
 z-index: 1;
}


h4
{
 font-family: helvetica, verdana, arial, sans-serif;
 color: #1B3A55;
 font-size: 12px;
 font-weight: normal;
 text-transform: uppercase;
 margin-bottom: 0px;
 margin-top: 12px;

}

h2, h3
{
 font-family: helvetica, verdana, arial, sans-serif;
 color: #1B3A55;
 font-size: 14px;
 line-height: 14px;}


h1
{
 font-family: helvetica, verdana, arial, sans-serif;
 padding-left: 0px;
  font-size: 20px;
  color: #1B3A55;
}

/*_____________________________________________________

 F O N T   S T Y L E
 ________________________________________________________*/

b
{
 font-family: helvetica, verdana, arial, sans-serif;
 font-size: 13px;
 line-height: 14px;}

strong{
 font-family: verdana, helvetica, arial, sans-serif;
 font-size: 11px;
 line-height: 14px;}



.caption
{
 font-family: helvetica, verdana, arial, sans-serif;
 font-size: 11px;
 line-height: 16px;}




a {
 font-family: verdana, arial, sans-serif;
 text-decoration: underline;
 color: #000000;
}

a.button {
 font-size: 11px;
 color: #000000;
 text-decoration: none;
 line-height: 14px;
 border-top-width: 0px;
 border-left-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-style: solid;
 border-color: #858484;
}

 a.button:hover {
 overflow: visible;
 color: #06495A;
 text-decoration: none;
 background-color: #d8e1e3;
 border-top-width: 0px;
 border-left-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-style: solid;
 border-color: #858484;
}




.bold {
  font-weight: bold;
}

.footnote {
 font-size: 8pt;
 font-style: italic;
}

.caption {
 font-size: 8pt;
}

.list {
 line-height: 16pt;
}

ul
{
list-style: disc outside url("../pics/ul.jpg")
}

.icon{
margin: 0px 15px 5px 0px;
}

/*______________________________________________

 W O R K S H O P    S T Y L E
_____________________________________________________*/

.workshopmenu{
 position: absolute;
 left: 20px;
 top:  110px;
 width: 118px;
 padding: 0px;
 background-color: #ffffff;
 border: 1px solid #858484;
}

a.menu{
text-decoration: none;
padding: 5px;
width: 115px;
display: block;
}

a.menu:hover{
display: block;
padding: 5px;
text-decoration: none;
background-color: #d8e1e3;
width: 107px;
}


.ws{
position: absolute;
left: 20px;
 top:  430px;
 width: 118px;
 padding: 0px;
 font-size: 11px;
 color:red;
}



/*___________________________________________

 A D M I N I S T R A T I O N   S T Y L E
 _______________________________________________________________*/


.AdminHeader {
 position: absolute;
 left: 800px;
 top: 100px;
 font-weight: bold;
 font-size: 16px;
 color: #000000;
 line-height: 20px;
 text-align: left;
 vertical-align: top;
 
}
.AdminHeaderSmaller {
 position: absolute;
 left: 800px;
 top: 120px;
 font-size: 12px;
 color: #000000;
 line-height: 30px;
 text-align: left;
 vertical-align: top;
 
}


.AdminHeaderSmaller2 {
 position: absolute;
 right: 800px;
 top: 135px;
 font-size: 12px;
 color: #000000;
 line-height: 30px;
 text-align: left;
 vertical-align: top;
 }



 .adminIllustration{
 position: absolute;
 left: 640px;
 top:  550px;
 width: 122px;
 z-index: 1;

}


/*______________________________________________

 T A S K    S T Y L E
 _______________________________________________*/

.tm {
 position: absolute;
 right: 120px;
 top: 0px;
 font-size: xx-small;
 font-family: helvetica, arial, sans-serif;
 font-weight: normal;
 text-transform: uppercase;
 color: #ffffff;
 line-height: 18px;
 text-align: left;
 vertical-align: top;
 z-index: 1;
}

 .taskTopText{
 position: absolute;
 left: 30px;
 top:  80px;
 width: 80%;
 height: 20px;
 padding-top: 0px;
 overflow: visible;
 background-color: transparent;
 border-left-width: 0px;
 border-top-width: 0px;
 border-right-width: 0px;
 border-bottom-width: 1px;
 border-style: solid;
 border-color: #000000;
 font-size: x-small;
}

.CreateArea {
 position: absolute;
 left: 30px;
 top:  130px;
 width: 20%;
 padding-top: 0px;
 overflow: visible;
 background-color: transparent;
 border-width: 0px;
 border-style: solid;
 border-color: #000000;
 font-size: x-small;
}


.QueryArea {
 position: absolute;
 left: 30px;
 top:  170px;
 width: 27%;
 padding-top: 0px;
 overflow: visible;
 background-color: transparent;
 border-width: 0px;
 border-style: solid;
 border-color: #000000;
 font-size: x-small;
}

.ListTypeArea {
 position: absolute;
 left: 27%;
 padding-left:10px;
 top:  130px;
 width: 59%;
 height: 70px;
 padding-top: 0px;
 overflow: visible;
 background-color: transparent;
 border-left-width: 1px;
 border-top-width: 0px;
 border-right-width: 0px;
 border-bottom-width: 0px;
 border-style: solid;
 border-color: #000000;
 font-size: x-small;
}

.EditArea {
 position: absolute;
 left: 27%;
 padding-left:10px;
 top:  130px;
 width: 59%;
 padding-top: 0px;
 overflow: visible;
 background-color: transparent;
 border-left-width: 1px;
 border-top-width: 0px;
 border-right-width: 0px;
 border-bottom-width: 0px;
 border-style: solid;
 border-color: #000000;
 font-size: x-small;
}

select{
 font-family: verdana, arial, sans-serif;
 font-size: x-small;
}

input{
 font-family: verdana, arial, sans-serif;
 font-size: x-small;
}

.comments{
 position: absolute;
 left: 30px;
 top:  470px;
 width: 27%;
 padding-top: 0px;
 overflow: visible;
 background-color: transparent;
 border-width: 0px;
 border-style: solid;
 border-color: #000000;
 font-size: x-small;
}


/* M E N U E  S T Y L E */

/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */

/*Style for the background-bar*/
.clBar{position:absolute; width:10px; height:11px; background-color:#06495A; visibility:hidden;
font-family:helvetica,verdana,arial, sans-serif; font-size:11px; color:#111111;
  border-top-width: 1px;
 border-left-width: 0px;
 border-right-width: 0px;
 border-bottom-width: 0px;
 border-style: solid;
 border-color: #ffffff;}


/*Styles for level 0*/     /*save this blue: 08677F*/
.clLevel0,.clLevel0over{position:absolute; padding:2px; font-family:helvetica,verdana,arial, sans-serif; font-size:12px }
.clLevel0{background-color:#06495A; layer-background-color:#06495A; color:#ffffff;}
.clLevel0over{background-color:#06495A; layer-background-color:#d5d8e3; color:#e3e1df; cursor:pointer; }
.clLevel0border{position:absolute; visibility:hidden; background-color:#06495A; layer-background-color:#006699}

/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:helvetica,verdana,arial, sans-serif; font-size:10px}
.clLevel1{background-color:#06495A; layer-background-color:#FCCE55; color:#ffffff;}
.clLevel1over{background-color:#d8e1e3; layer-background-color:#ffffff; color:#06495A; cursor:pointer;  }
.clLevel1border{position:absolute; visibility:hidden; background-color:#06495A; layer-background-color:#006699}

/*Styles for level 2*/
.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:helvetica,verdana,arial, sans-serif; font-size:9px}
.clLevel2{background-color:#06495A; layer-background-color:#FCCE55; color:#ffffff;}
.clLevel2over{background-color:#d8e1e3; layer-background-color:#ffffff; color:#06495A; cursor:pointer;  }
.clLevel2border{position:absolute; visibility:hidden; background-color:#06495A; layer-background-color:#006699}

/*TitleLine style*/
.title{position:absolute; left:0; top:0; background-color:transparent; font-family:helvetica,verdana,arial,sans-serif; font-size:12pt; color:#111111;}


