<!--
@import url("cssmenuvertical.css");
/*******************************************
  General ELEMENT settings
*******************************************/
body{
 background-color: White;
 font-family: Arial, Helvetica, sans-serif;
 color: #545454;
 margin: 0;
 padding: 0;
 border: 0; 
}
h3,p,div,img,h4{
 margin: 0;
 padding: 0;
 border: 0; 
}
a, a:link, a:visited, a:hover, a:active, a:focus{
 text-decoration: none;
}
a, a:link, a:visited{
 color: Black;
}
a:hover, a:active, a:focus{
 color: #E02330;
}
/*******************************************
  Layout
*******************************************/
/* BANNER (richard)*/

div#banner{
   margin-top: 0px;
}

/*WORSPACE*/
/*the 2 column*/
div#leftCol, div#rightCol{
 float: left;
 margin-top: 10px;
 margin-left: 10px;
}
div#mainMenu{
margin: 13px;
      margin-left: 18px;
      margin-bottom: 7px;
}
div#leftCol{
 width: 300px;
}
div#rightCol{
 width: 730px;
}
/*toggle Images*/
h3{
 display: inline;
 color:#000;
}
/*Background Images*/
/*title*/
a.title{
 padding-left: 23px;
}
p.title{
 padding-left: 23px;
}
div.winContent{
 overflow:auto; 
 height:90%;
 width:90%;
 margin: 3% 4%;
 background-color:White;
 overflow: auto;
}
div.textArea{
 height: 270px;
 border-style: dashed;
 border-width: medium;
 margin: 2px;
 padding: 2px;
}
input.title{
   margin: 2px;
}
 div#TASScontent p{
             border : 0px;
             padding-left: 30px;
             padding-top: 8px;
             letter-spacing: 140%;
             font-weight: bolder;
             font-size: large;
 }
 div.equivalent{
    width: 40%;
    float: Left;
 }
 a.equivalent{
   padding-top: 8px; 
 }
/*******************************************
  LOW Layout
*******************************************/
div#LOW{
   background-color: #CCFFCC;
   margin-bottom: 10px;
}
div#LOWTopMiddle{
 background-image: url(images/Interface/LOWTopMiddle.jpg);
 background-repeat: repeat-x;
 height:30px;
}
div#LOWTopLeft{
 background-image: url(images/Interface/LOWTopLeft.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 height:30px;
}
div#LOWTopRight{
 background-image: url(images/Interface/LOWTopRight.jpg);
 background-repeat: no-repeat;
 background-position: top right;
 height:30px;
}
div#LOWMiddleLeft{
 background-image: url(images/Interface/LOWMiddleLeft.jpg);
 background-repeat: repeat-y;
 background-position: top left;
}
div#LOWMiddleRight{
 background-image: url(images/Interface/LOWMiddleRight.jpg);
 background-repeat: repeat-y;
 background-position: top right;
}
div#LOWBottomMiddle{
 background-image: url(images/Interface/LOWBottomMiddle.jpg);
 background-repeat: repeat-x;
 height:38px;
}
div#LOWBottomLeft{
 background-image: url(images/Interface/LOWBottomLeft.jpg);
 background-repeat: no-repeat;
 background-position: bottom left;
 height:38px;
}
div#LOWBottomRight{
 background-image: url(images/Interface/LOWBottomRight.jpg);
 background-repeat: no-repeat;
 background-position: Bottom right;
 height:38px;
}

/*****************
   LOW content
*****************/
         ul{
          font-size:85%;
          background-color: transparent;
         }
         ul.winContent{
          background-color:transparent;
          list-style: decimal inside;
          margin:4px;
          padding:4px;
          font-size:24px;
         }
         ul.winContent > li{
          /*border : 2px outset #FFA;*/
          margin: 4px auto;
          padding: 0px;
          /*background-color: #FFB;*/
         }
         div#LIMiddleRight > li{
          /*padding-left: 10px;*/  
         }
         ul#pages{
          font-weight:bold;
         }
         ul#page{
          font-weight:normal;
          letter-spacing:0.1em;
          background-color: transparent;
         }
         ul#mediaList{
          font-style:italic;
          letter-spacing:0.2em;
          background-color: transparent;
         }
div#LITopMiddle{
 background-image: url(images/Interface/LITopMiddle.jpg);
 background-repeat: repeat-x;
 background-position: center;
 height:20px;
}
div#LITopLeft{
 background-image: url(images/Interface/LITopLeft.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 height:20px;
}
div#LITopRight{
 background-image: url(images/Interface/LITopRight.jpg);
 background-repeat: no-repeat;
 background-position: top right;
 height:20px;
}
div#LIMiddleLeft{
 background-image: url(images/Interface/LIMiddleLeft.jpg);
 background-repeat: repeat-y;
 background-position: top left;
}
div#LIMiddleRight{
 background-image: url(images/Interface/LIMiddleRight.jpg);
 background-repeat: repeat-y;
 background-position: top right;
}
div#LIBottomMiddle{
 background-image: url(images/Interface/LIBottomMiddle.jpg);
 background-repeat: repeat-x;
 background-position: bottom left;
 height:20px;
}
div#LIBottomLeft{
 background-image: url(images/Interface/LIBottomLeft.jpg);
 background-repeat: no-repeat;
 background-position: bottom left;
 height:20px;
}
div#LIBottomRight{
 background-image: url(images/Interface/LIBottomRight.jpg);
 background-repeat: no-repeat;
 background-position: bottom right;
 height:20px;
}
/*****************
  End of content
*****************/

/*******************************************
  End of LOW Layout
*******************************************/

/*******************************************
  LPW Layout
*******************************************/
div#LPW{
   background-color: #D4F0FF;
}
div#LPWTopMiddle{
 background-image: url(images/Interface/LPWTopMiddle.jpg);
 background-repeat: repeat-x;
 height:29px;
}
div#LPWTopLeft{
 background-image: url(images/Interface/LPWTopLeft.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 height:29px;
}
div#LPWTopRight{
 background-image: url(images/Interface/LPWTopRight.jpg);
 background-repeat: no-repeat;
 background-position: top right;
 height:29px;
}
div#LPWMiddleLeft{
 background-image: url(images/Interface/LPWMiddleLeft.jpg);
 background-repeat: repeat-y;
 background-position: top left;
}
div#LPWMiddleRight{
 background-image: url(images/Interface/LPWMiddleRight.jpg);
 background-repeat: repeat-y;
 background-position: top right;
}
div#LPWBottomMiddle{
 background-image: url(images/Interface/LPWBottomMiddle.jpg);
 background-repeat: repeat-x;
 height:37px;
}
div#LPWBottomLeft{
 background-image: url(images/Interface/LPWBottomLeft.jpg);
 background-repeat: no-repeat;
 background-position: bottom left;
 height:37px;
}
div#LPWBottomRight{
 background-image: url(images/Interface/LPWBottomRight.jpg);
 background-repeat: no-repeat;
 background-position: Bottom right;
 height:37px;
}
/*******************************************
  End of LPW Layout
*******************************************/

/*******************************************
  BPW Layout
*******************************************/
div#BPW{
   background-color: #EBE8D7;
   margin-bottom: 10px;
}
div#menu > ul > li{
   display: inline;
   list-style-type: none;
}
div#menu {
   margin-top: 4px;
}
div#BPWTopMiddle{
 background-image: url(images/Interface/BPWTopMiddle.jpg);
 background-repeat: repeat-x;
 height:30px;
}
div#BPWTopLeft{
 background-image: url(images/Interface/BPWTopLeft.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 height:30px;
}
div#BPWTopRight{
 background-image: url(images/Interface/BPWTopRight.jpg);
 background-repeat: no-repeat;
 background-position: top right;
 height:30px;
}
div#BPWMiddleLeft{
 background-image: url(images/Interface/BPWMiddleLeft.jpg);
 background-repeat: repeat-y;
 background-position: top left;
}
div#BPWMiddleRight{
 background-image: url(images/Interface/BPWMiddleRight.jpg);
 background-repeat: repeat-y;
 background-position: top right;
}
div#BPWBottomMiddle{
 background-image: url(images/Interface/BPWBottomMiddle.jpg);
 background-repeat: repeat-x;
 height:47px;
}
div#BPWBottomLeft{
 background-image: url(images/Interface/BPWBottomLeft.jpg);
 background-repeat: no-repeat;
 background-position: bottom left;
 height:47px;
}
div#BPWBottomRight{
 background-image: url(images/Interface/BPWBottomRight.jpg);
 background-repeat: no-repeat;
 background-position: Bottom right;
 height:47px;
}
/*******************************************
  End of BPW Layout
*******************************************/
/*******************************************
  BPW content
*******************************************/
div.textArea{
 width:300px;
 max-height:500px;
 overflow: auto;
 float: left;
 margin: 4px;
}
/*******************************************
  TASS Layout
*******************************************/
div#TASS{
   background-color: #DEBEFF;
}
div#TASSTopMiddle{
 background-image: url(images/Interface/TASSTopMiddle.jpg);
 background-repeat: repeat-x;
 height:34px;
}
div#TASSTopLeft{
 background-image: url(images/Interface/TASSTopLeft.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 height:34px;
}
div#TASSTopRight{
 background-image: url(images/Interface/TASSTopRight.jpg);
 background-repeat: no-repeat;
 background-position: top right;
 height:34px;
}
div#TASSMiddleLeft{
 background-image: url(images/Interface/TASSMiddleLeft.jpg);
 background-repeat: repeat-y;
 background-position: top left;
}
div#TASSMiddleRight{
 background-image: url(images/Interface/TASSMiddleRight.jpg);
 background-repeat: repeat-y;
 background-position: top right;
}
div#TASSBottomMiddle{
 background-image: url(images/Interface/TASSBottomMiddle.jpg);
 background-repeat: repeat-x;
 height:37px;
}
div#TASSBottomLeft{
 background-image: url(images/Interface/TASSBottomLeft.jpg);
 background-repeat: no-repeat;
 background-position: bottom left;
 height:37px;
}
div#TASSBottomRight{
 background-image: url(images/Interface/TASSBottomRight.jpg);
 background-repeat: no-repeat;
 background-position: Bottom right;
 height:37px;
}
/*******************************************
  End of TASS Layout
*******************************************/
           div#LOWcontent{
            height:200px;
           }
           div#LPWcontent{
            height:200px;
           }
           div#BPWcontent{
            height:370px;
            background-color: White; 
           }
           div#TASScontent{
            max-height:70px;
            min-height:0px;
            /*width: 95%;*/
           }         

-->