html 
{
  height: 100%;
  margin-bottom: 1px;
}


body 
{
  margin: 0px;
  padding:0px;
  width: 100%;
  display: table;
}

body, td
{
  font-family: "Trebuchet MS";
  font-size: 13px;
  color: #333;
  line-height: 1.3em;
}


a:link, a:visited 
{
  text-decoration: none;
  color:#993333;
  font-weight: normal;
}

a:hover 
{
  text-decoration: none;
  font-weight: normal;
}

p 
{ 
  font-size: 8pt;
  font-weight: normal;
  font-family: Verdana, Arial, sans-serif;
  text-decoration: none;
  color: #000000; 

}

img 
{ 
  border: 0 none; margin:0px; 
}

/* used in viewSelecter */
#page_background 
{
  background-color:#f2f2f2;
}
/* Style the close button (span) */
.close {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 0%;
  padding: 2px 8px;
  width 5px;
  background: #bbb;
  transform: translate(0%, -50%);
}

.close:hover {background: #ee0000;}



div#main_bg
{
  top:0px;
  position:relative;
  margin:0px auto;
  width: 985px;
  text-align:left;
}

div#h_area
{
  margin:0px auto;
  width: 969px;
  text-align:left;
  padding-top:10px;
}

div#main_top 
{
  height:100px;
  padding:30px 30px 30px 15px;
}



div.banner, .banner
{ 
  background: #F2F2F2 url(/pragvec/GIFJ/banner/banner3c.jpg) top center no-repeat; 
}

#header
{
  color:black;
  font-size:1.5em;
  font-weight:bold;
  text-decoration:none;
  font-family: "Trebuchet MS";
  top:35px;
  left:0px;
  width:100%;
  text-align:center;
  position:absolute;
}

#heading
{
  z-index:1;
  position:relative;
  text-align:center;
  font-size:30px; 
  font-weight:bold;
  color:#993333;
  top:-27px;
  left:0px;
  width:100%;  
}


#headingtxt
{

  text-align:center;
  font-family:Arial;
  font-weight:bold;
  font-size:100%;
  background-color:#993333;
  color:#fff;
  border-style: double;
  padding:10px;
  border-radius:15px;
  display:inline-block;
}

/* Health and safety item heading */
.hs a
{
  border: 2px solid #000; 
  background:#993333;
  display:block;
  color:white;
  width:97.5%;
  font-size:20px;
  text-align:center;
  border-radius: 5px 5px; padding: 5px 10px 5px; 10px; 
  display:inline-block;
}
/* Health and safety thread heading */
.hsct
{
  border: 2px solid #000; 
  background:#99ff33;
  display:block;
  color:black;
  width:97.5%;
  font-size:20px;
  text-align:center;
  border-radius: 5px 5px; padding: 5px 10px 5px; 10px; 
overflow-wrap: break-word;
}

.hscu
{
  border: 5px solid #fff; 
  background:#ddd;
  border-radius: 5px 5px; padding: 5px 10px 5px; 10px; 
  font-size:15px;
  width:97.5%;
  word-wrap: break-word;
}

.hsred
{
  border: 5px solid #f00; 
}
.hsyellow
{
  border: 5px solid #fd0; 
}
.hsgreen
{
  border: 5px solid #0f0; 
}
.hsblue
{
  border: 5px solid #00f; 
}

.hsyb
{
  text-align:center;
  color:black;
  background:yellow;
  width:50%;
  font-weight:bold;
  margin:auto;

}
.hsrb
{
  text-align:center;
  color:white;
  background:red;
  width:50%;
  font-weight:bold;
  margin:auto;

}

.hsyc
{
  border: 2px solid #000; 
  text-align:center;
  color:black;
  background:yellow;
  width:100px;
  margin:auto;
}
.hsapr
{
  border: 2px solid green; 
  border-radius: 5px 5px; 
  padding: 2px 2px 2px; 2px; 
  font-size:10px;
  text-align:top;
  color:green;
  background:white;
  width:60px;
  margin:5px;;
}

a.hsndr
{
  border: 8px solid green; 
  border-radius: 8px 8px; 
  padding: 2px 2px 2px; 2px; 
  font-size:20px;
  text-align:top;
  color:white;
  background:black;
  width:160px;
  margin:5px;
}

.hslock
{
  border: 2px solid #f00; 
  border-radius: 5px 5px; 
  padding: 2px 2px 2px; 2px; 
  font-size:10px;
  text-align:top;
  color:red;
  background:white;
  width:60px;
  margin:5px;;
}

.hsrepl
{
  border: 2px solid #0f0; 
  border-radius: 5px 5px; 
  padding: 2px 2px 2px; 2px; 
  font-size:15px;
  text-align:center;
  color:black;
  background:white;
  width:65px;
  margin:5px;;
}

.hscuf
{
  color:#000066;
  font-size:10px;
  font-weight:bold;
}


/* News item heading */
.news a
{
  border: 2px solid #000; 
  background:#555;
  display:block;
  color:white;
  width:97.5%;
  font-size:20px;
  text-align:center;
  border-radius: 5px 5px; padding: 5px 10px 5px; 10px; 
  display:inline-block;
}

#headingA

{
  text-align:center;
  font-size:25px; 
  font-weight:bold;
  background-color:#eeeeee;
  border-width:10px;
  position:relative; 
  top:6px;
  border-style:groove;
  border-color:#cccccc;
  padding-top:15px;
  padding-bottom:15px;
}

.poster1
{
  text-align:left;
  font-weight:900;

}
.poster2
{
  //text-align:left;
  font-weight:900;
  padding-left:70px;
  
}
.pef
{
  text-align:right;
  font-size:1900px;
  position:absolute;
  top:900px;
}
.br1
{
position:absolute;
color:#000;
font-weight:bold;
font-size:20px;
left:8px;
font-family:Arial;
line-height:29px;
background-color:#eeeeee;
border-style:solid;
border-width:5px 5px 5px 5px;
border-color:#cccccc #cccccc #cccccc #cccccc;
width:950px;
text-align:center;
z-index:-1;

}


.br2

{
  z-index:-1;
  position:absolute;
  text-align:center;
  font-size:25px; 
  font-weight:bold;
  background-color:#463e41;
  color:#fff;
  border-width:10px;
  top:0px;
  left:8px;
  //border-style:groove groove groove groove;
  border-style:solid;
  border-color:#cccccc;
  padding-top:15px;
  padding-bottom:15px;
  width:940px;     
}


.headertext2
{
//color:#993333;
//color:grey;
color:black;
font-size:1.5em;
//font-size:100%;
font-weight:bold;
text-decoration:none;
font-family: "Trebuchet MS";
//float :right;
top:35px;
left:0px;
width:100%;
text-align:center;
//left:425px;
position:absolute;
//padding:90px 40px 30px 15px;

}




.bg1
{

background-color: #336666;
width:24px;
}

.newp
{
	text-decoration: none;
	color: #000000; }
        line-height:900%;
margin-bottom: 55px;
}



.gridhor {
background: #336666;
width: 1450px;
position:absolute;
font-size:11px;
color: #ffffff;
height: 1px;
padding: 0;
margin: 0;

}

.gridvert
{
width:1px;
height:5000px;
font-size:11px;
color: #ffffff;
background-color:#336666;
position:absolute;
top:90px;
}

.start
{
  position:absolute;
  top:485px;

}

/* Used in meeting dates*/
.inputbox
{
  width:400px;
  font-size:10px;

}
/*------------------------------------------------------	    
 DROP DOWN MENU
 CSS modified from original script found here ; 
 http://csswizardry.com/demos/css-dropdown/ 
 Many thanks due to Harry for creating it.
--------------------------------------------------------*/
.nav , .navx

{
  font-weight:bold;
  float:left;
  position:relative;
  text-decoration:none;
  z-index:5;

}

.nav li , .navx li
{
  float:left;
  margin-right:10px;
  position:relative;
  text-decoration:none;
  list-style:none;
  width:185px;

}


.nav a , .navx a
{
  color:black;
  text-decoration:none;
  display:block;

}


.nav a:hover , .navx a:hover
{

}

nav a:visited , .navx a:visited
{
  text-decoration:none; 
      
}


.nav ul
{
  list-style:none;
  position:absolute;
  width:178px;
  left:-9999px; 
  text-decoration:none;
}


.navx ul
{
  list-style:none;
  position:absolute;
  width:178px;
  text-decoration:none;     
}


.nav ul li , .navx ul li
{
   margin:3px; 
   text-decoration:none;
}


.nav ul li a , .navx ul li a
{
}

.nav li:hover ul 
{ 
  /* Brings menu into focus */
  left:0px; 
}

.navx li:hover ul
{
}

.nav li:hover .bf, .navx li:hover .bf
{
  /* background: #7D7D7D url(/pragvec/GIFJ/menu/bg_tdm-186x25-black-flat.gif) top center no-repeat;*/
  background: url(/pragvec/GIFJ/menu/bg_tdm-186x25-black-flat.gif) top center no-repeat;
}

.nav li:hover a
{ 
  color:white;
}
.navx li:hover a

{ 
  color:yellow;
}

.nav span , .navx span
{
  padding-left:15px;
  font-size:14px;
  font-family: "Trebuchet MS";
  text-decoration:none;

}

.nav li:hover ul h3 a , .navx li:hover ul h3 a
{ 
  text-decoration:none;
  color:white;     
}

.nav li:hover ul a , .navx li:hover ul a
{ 
   text-decoration:none;
   color:black;      
}

.nav li:hover ul li a:hover, .navx li:hover ul li a:hover

{ 
  background:#ccc;
  background:#ccc url(/pragvec/GIFJ/menu/menu-ra-green.gif) center left no-repeat;*/
  float:left;
  width: 170px;
  font-family: "Trebuchet MS";
}

.nav h3
{
  width: 185px;
  text-align:center;
  color: #00ffff;
  background-color:black;
  line-height: 21px;
  margin:0px;
  font-weight:normal;
  font-size:18px;	
  font-family: "Trebuchet MS";
  text-decoration:none;
  background: url(/pragvec/GIFJ/menu/bg_tdm-185x21-grey-oval.gif) top center no-repeat;
}

.nav h3:hover 
{
  background: url(/pragvec/GIFJ/menu/bg_tdm-186x25-black-flat.gif) top center no-repeat;
}

.navx h3
{
  width: 185px;
  text-align:center;
  color:white;
  background:#000;
  line-height: 21px;
  margin:0px;
  font-weight:normal;
  font-size:18px;	
  font-family: "Trebuchet MS";
  background: url(/pragvec/GIFJ/menu/bg_tdm-186x25-black-flat.gif) top center no-repeat;
}

.nav ul li .na
{
  color:yellow;
}

.navx h3 a
{
  color:yellow;
  font-size:18px;
}

/* Menu curved bottom originally used image */
.bd
{
  border:2px  solid #555;
  border-radius: 0 0 3% 3%;
  background:#fff;
  margin:0;
  text-decoration:none;
  padding:6px 2px 10px 1px;
 }

/* Fixeie for TF menu */
#wide
{
  width:100%;
  height:19px;
  position:fixed;
  background-color:#f2f2f2;
  text-decoration:none;
  z-index:9;
}
.tmenu
{

  position:relative;
  top:-14px;
  margin-left:auto;
  margin-right:auto;
  
  z-index:9;
}


li.red
{
   background:url(/pragvec/GIFJ/menu/menu-dot-red.gif) 0% 5px no-repeat;
}

li.green, li.greenb, li.greenc
{
  background:url(/pragvec/GIFJ/menu/menu-dot-green.gif) 0% 5px no-repeat;  
}
li.blue
{
  background:url(/pragvec/GIFJ/menu/menu-dot-blue.gif) 0% 5px no-repeat;
}
li.dark
{
  background:url(/pragvec/GIFJ/menu/menu-dot-dark.gif) 0% 5px no-repeat;
  font-weight:lighter;
}

li.ra
{
  background:url(/pragvec/GIFJ/menu/menu-ra.gif) 0% 5px no-repeat;
}


li.green a , li.greenc a , li.blue a
{ 
  color:black; 
  width:170px;
}

li.dark span 
{ 
  color:grey;  
}

li.ra span 
{ 
  color:grey; 
  font-weight:100;
  font-style:oblique;
  font-size:12px;
  border-left:15px;
  border-right:15px;
  text-transform: uppercase;
}


a.menudm 
{
  background-color:#AAAAAA; 
  border:1px;color:#000000;
  width:178px;
}

.menudm 
{
  background-color:#222222; 
  border:1px;color:#000000;
  width:178px;
}

a.menudm span 

{
  color:black;
  text-decoration:none;
  font-size:14px;
  text-align: justify;
  text-justify: inter-word; 
}


/*------------------------------------*\
	 END OF DROP DOWN MENU
\*------------------------------------*/

.tablA
{
 /* background:#666633;*/
  border-color:black; 
  border-width:4px; 
  border-style:double;

}
.tablB
{
 /* background:#666633;*/
  border-color:green; 
  border-width:6px; 
  border-radius:15px;
  border-style:solid;

}
.tablB td
{
  font-size:20px;
  padding:5px 10px 5px 10px;
  border-color:black;
  border-bottom:5px; 
  border-width:1px; 
  border-style:solid;
  border-top:none;
  border-right:none;
  border-left:none;
  border-bottom:1px solid green;
}
#prestart
{
  width:900px; 
  margin-left:auto; 
  margin-right:auto; 
  text-align:justify; 
  top:-50px; 
  position:relative; 
  margin-bottom:-50px;

}

/* Below used by request */

.boxedError
{
  text-align:center;
  font-family:Arial;
  font-weight:bold;
  font-size:200%;
  background-color:#993333;
  color:#fff;
  border-style: double;
  padding:10px;
  display:inline-block;

}
.boxedErrorSmall
{
  text-align:center;
  font-family:Arial;
  font-weight:bold;
  font-size:100%;
   background-color:#993333;
  color:#fff;
border-style: double;
padding:5px;
 //display:inline-block;

}



.boxedRemedySmall
{
  text-align:center;
  font-family:Arial;
  font-weight:bold;
  font-size:100%;
   background-color:#222222;
  color:#fff;
border-style: double;
padding:5px;
 }
.boxedRemedySmallB
{
  text-align:center;
  font-family:Arial;
  font-weight:bold;
  font-size:100%;
   background-color:#222222;
  color:#fff;
border-style: double;
padding:10px;
 display:inline-block;

}
.boxedSwtp
{
  text-align:center;
  font-family:Arial;
  font-weight:bold;
  font-size:100%;
   background-color:grey;
  color:#fff;
width:50%;
margin-left:auto;
margin-right:auto;
border-style: solid;
/*padding:10px;*/
 /*display:inline-block;*/

}

.boxedRemedySmallR
{
  text-align:center;
  font-family:Arial;
  font-weight:bold;
  font-size:100%;
   background-color:#222222;
  color:#fff;
border-style: double;
padding:10px;
border-radius:15px;

 display:inline-block;

}




.boxedOkayLarge
{
  text-align:center;
  font-family:Arial;
  font-weight:bold;
  font-size:200%;
   background-color:#006600;
  color:#fff;
border-style: double;
padding:5px;
 display:inline-block;

}


.boxedAmberLarge
{
  text-align:center;
  font-family:Arial;
  font-weight:bold;
  font-size:200%;
   background-color:#ff9933;
  color:#fff;
border-style: double;
padding:5px;
 display:inline-block;

}



/* Above used by request */

/* Below used by routemaps */

.boxedDraftSmall
{
  text-align:center;
  font-family:Arial;
  font-weight:bold;
  font-size:100%;
     background-color:#ffcc33;
  color:#fff;
border-style: double;
padding:5px;
 //display:inline-block;

}

.boxedWEF
{
  text-align:center;
  font-family:Arial;
  font-weight:bold;
  font-size:150%;
   background-color:#006600;
  color:#fff;
border-style: double;
padding:5px;
 display:inline-block;
 line-height:40px;
}
.round-button {
    display:block;
    width:50px;
    height:50px;
    line-height:50px;
    border: 2px solid #f5f5f5;
    border-radius: 50%;
    color:#f5f5f5;
    text-align:center;
    text-decoration:none;
    background: #dddddd;
    box-shadow: 0 0 3px gray;
    font-size:20px;
    font-weight:bold;
}
.round-button:hover {
    background: #262626;
    color:white;
}
.round-buttonB {
    display:block;
    width:25px;
    height:25px;
    line-height:25px;
    border: 2px solid #f5f5f5;
    border-radius: 50%;
    color:#f5f5f5;
    text-align:center;
    text-decoration:none;
    background: #dddddd;
    box-shadow: 0 0 3px gray;
    font-size:20px;
    font-weight:bold;
}
.round-buttonB:hover {
    background: #262626;
    color:white;
}



.round-buttonC {
    display:block;
    width:30px;
    height:30px;
    line-height:30px;
    border: 2px solid #f5f5f5;
    border-radius: 50%;
    color:#f5f5f5;
    text-align:center;
    text-decoration:none;
    background: #dddddd;
    box-shadow: 0 0 3px gray;
    font-size:18px;
    font-weight:bold;
}
.round-buttonC:hover {
    background: #262626;
    color:white;
}

.butn
{
  background-color: white; 
  border: none;
  color: black;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  border: 2px solid #008CBA;
}
.butn1:hover , .butn2:hover
{
  background-color: #4CAF50; /* Green */
  color: white;
}
.butn2 
{ 
  border: 4px solid green;

}
.butn3
{
  border: 4px solid red;

}
.butn3:hover 
{
  background-color: red;
  color: white;
}
.butn4:hover 
{
  background-color: #ff9900;
  color: white;
}

.butn5
{
  border: 2px solid #00ff00;
}

.butn5:hover 
{
  background-color: green;
  color: white;
}


.date904
{
  width:20px;;
  height:0px;
  margin:0;
  padding-bottom:1px;
  position:relative;
  top:-6px;
  font-size:12px;
  -webkit-transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
}	
.brd
{

  border: solid black 1px;
}


.brdpay
{
  border: solid black 1px;
  padding:0; 
  margin:0; 
  width:6px; 
  font-size:6px; 
  overflow: hidden;
}