/* CSS Document */
body {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #8fbc8f;
  color: #2f4f4f;
  font-family: verdana, arial;
  border: none 3px red;
  
}

*:focus {  outline: 0;}
a:focus {
  outline: none;
  -moz-ouline: 0 none;
}

#bcrumb {
  display: block;
  position: relative;
  top: 10px;
  max-width: 1077px;
  height: 31px;
  padding: 0 ;
  margin: 0px 0px 5px 10px;
  border: none 2px #4682b4;
  overflow: hidden;
  color: #8b0000; /* dark red  */
  background: #f0fff0;
}

#bcrumb a, #bcrumb a:visited {
  color: #8b0000; /* dark red  */
  text-decoration: none;
  padding: 5px 5px 0px 10px;
  
  font-weight: bold;
}

#banner {
  display: block;
  position: relative;
  top: 10px;
  max-width: 1077px;
  height: 71px;
  padding: 0 ;
  margin: 0px 0px 0px 10px;
  background-image: url(images/Banner3.png);
  background-repeat: no-repeat;
  border: none 2px #4682b4;
  overflow: hidden;
  
}
#emblem {
  display: block;
  position: relative;
  top: -10px;
  left: 65%;
  height: auto;
  padding: 0;
  margin: -35px 0px 0px 0px;
  color: #2f4f4f;
  font-family: verdana, arial;
  border: none 2px black;
  overflow: hidden;
}

#block {
  display: block;
  position: relative;
  top: 0px;
  width: 99.25%;
  height: 810px;
  padding: 0 ;
  margin: -10px 0px 0px 10px;
  background: none;
  
  border: none 2px #4682b4;
  overflow: auto;
}

#left {
  display: block;
  position: absolute;
  top: 0px;
  left: 5px;
  width: 150px;
  height: 1002px;
  padding: 0px ;
  margin: 22px 0px 0px 0px;
  background: #5f9ea0;   /* cadet blue */
  font-family: arial,tahoma,verdana,helvetica; font-size: 12px;
  color: #8b0000;   /* dark red */
  border: none 2px #4682b4;   /* steel blue */
  z-index: 500;
  clear: both;
}


.widget ul{
    padding: 10px 0px 0px 0px;
    margin: 0px;
    font-family: Verdana, Arial;
    font-weight: bold;

}
.widget li.folder ul{
  margin-left: -5px;
  z-index: 100; 
}
.widget ul li{
    list-style: none;
    position: relative;
    
}
.widget ul li a{
    padding-left: 0px; 
    text-decoration: none;
    
}
.widget ul li ul{
    display: none;
    position: absolute;
    background-color: #fff;
    z-index: 99;
    margin: -10px 0px 0px 0px;
    padding: 0px;
    
}

.widget ul li ul li{
    margin: 0px;
    border:1px solid #5f9ea0;
}

.widget_down_drop, .widget_down_drop:hover {
  background-image: url(images/tri-right1.gif);
	background-position: right center;
	background-repeat:no-repeat !important;
}

.widget ul li li{
    font-weight: normal;
}

.widget a img,.widget a img:hover,.widget a img:visited a img focus {
  border: none;
  margin: 0px;
}

.widget a.active {
  color:#800000;   /* maroon */
  background: #f4a460;   /* sandy brown */
  height: 100%;

}

#widget ul.ie, #widget ul.ie li  {
 display: none;

}

#left img {
  display: block;
  float: left;
  margin: 5px 5px 0px 5px;
}


#bod {
  display: block
  float: left;
  position: absolute;
  left: 4px;
  overflow: visible;
  max-width: 917px;
  height: 788px;
  margin: -1000px 0px 0px 155px;  padding: 0px 0px 0px 0px;
  z-index: 6;
  clear: both;
}

#bod1 {
  display: block
  float: left;
  position: absolute;
  left: 6px;
  overflow: visible;
  max-width: 917px;
  height: 788px;
  margin: -1000px 0px 0px 155px;  padding: 0px 0px 0px 0px;
  z-index: 6;
  clear: both;
}

#bod2 {
  display: block
  float: left;
  border: none 2px #f0fff0;
  max-width: 917px;
  height: 788px;
  margin: -1000px 0px 0px 155px;  padding: 0px;
  z-index: 6;
}


#centre {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  width: 645px;
  height: 960px;
  padding: 0px ;
  margin: 0px 0px 0px 0px;
  background: #f0fff0;
  
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  border: none 2px #4682b4;
  overflow: auto;
}

#centre1 {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  width: 930px;
  height: 960px;
  padding: 0px ;
  margin: -90px 0px 0px 0px;
  background: #f0fff0;
  
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  border: none 2px #4682b4;
  overflow: auto;
}

#centrev {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  width: 745px;
  height: 950px;
  padding: 0px ;
  margin: 0px 0px 0px 0px;
  background:  #fffff0; /* ivory */
  
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  border: none 2px #4682b4;
  overflow: auto;
}


#key {
  display: block;
  position: relative;
  top: 10px;
  left: 0px;
  width: 625px;
  height: 565px;
  padding: 0px 0px 0px 0px ;
  margin: 20px 0px 0px 0px;
  background: #fffff0; /* ivory */
  
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  border: none 2px #4682b4;
  overflow: visible;
}

#key ul.key {
  list-style: none;
}

.key li, .key li ul {
  list-style: none;
}

.key li a {


}

#key1 {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding: 0px 0px 0px 0px ;
  margin:0px 0px 0px 0px;
  background: #fffff0; /* ivory */
  
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  border: none 2px #4682b4;
  overflow: visible;
}


#key1 tr {
  display: block;
}

#key1 td {
  height: 100px;
  padding: 5px 0px 0px 10px;
  margin: 5px 0px 0px 15px;

}

#key1 td.1 {
  width: 90px;
  overflow: hidden;
  padding: 5px 0px 0px 10px;
  margin: 5px 0px 0px 15px;
}


#key1 ul {
  list-style: none;
}

#key1 li ul {
  list-style: none;
}

#key1 li {
  padding: 5px 0px 5px 0px;
  list-style: square;
} 

#key1 li.title {
  padding: 5px 0px 5px 0px;
  list-style: none;
  font-weight: bold;
} 

#key1 li a, #key1 li a:visited, #key1 li a:hover,
#key1 td a, #key1 td a:visited, #key1 td a:hover  {
  font-weight: bold;
  text-decoration: none;
}

#key2 {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  width: 90%;
  height: 100%;
  padding: 10px 0px 0px 0px ;
  margin:20px 0px 0px 40px;
  background: #fffff0; /* ivory */
  
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  border: none 2px #4682b4;
  overflow: visible;
}


#key2 tr {
  display: block;
}

#key2 td {
  height: 100px;
  padding: 5px 0px 0px 10px;
  margin: 5px 0px 0px 15px;

}

#key2 td.1 {
  width: 90px;
  overflow: hidden;
  padding: 5px 0px 0px 10px;
  margin: 5px 0px 0px 15px;
}

#key2 ul {
  list-style: none;
}

#key2 ol {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#key2 li ul {
  list-style: none;
}

#key2 li {
  padding: 5px 0px 5px 0px;
  
} 

#key2 li.title {
  padding: 5px 0px 5px 0px;
  list-style: none;
  font-weight: bold;
} 


#centre a, #centre a:visited, #centre1 a, #centre1 a:visited, #key a, #key a:visited,
#right a, #right a:visited, #rightv a, #rightv a:visited, #rightk a, #rightk a:visited, 
#footer a, #footer a:visited, #footerk a, #footerk a:visited, #footert a, #footert a:visited,
 #footerv a, #footerv a:visited, #footern a, #footern a:visited, #us a, #us a:visited {
 color: #008b8b;
 text-decoration: none;
 background: none;
  font-weight: bold;
}

#centre  a:hover, #centre1  a:hover, #key a:hover, #right a:hover, #rightv a:hover, #rightk a:hover, 
#footer a:hover, #footerk a:hover, #footert a:hover, #footerv a:hover, #footern a:hover, #us a:hover {
 text-decoration: none;  
 font-weight: bold; 
 color: #800000; 
 }

#centre p, #centre1 p, #key p, #middle p, #footer p {
padding: 5px 10px 5px 20px;

margin: 5px 5px 0px 5px;
border: 2px none green;
}

#middle p, #footer p {
padding: 5px 10px 5px 20px;

margin: 5px 5px 0px 5px;
border: 2px none green;
}


#pic {
  margin: 5px 0px 0px 50px;
  text-align: center;
}

#pic td {
  margin: 5px 0px 0px 50px;
  padding: 5px;
  border: groove 3px #dda0dd; /* plum */
}

#right p {
width: 80%;
padding: 5px 0px 5px 5px;
margin: 5px 5px 0px 10px;
border: 2px none green;
clear: both;
}

#right h2 {
  padding: 20px 0px 0px 20px;
  margin: 0px;
  border: 2px none yellow;
}
#centre h2, #centre1 h2, #footer h2 {
  padding: 0px 0px 0px 20px;
  margin: 20px 0px 0px 0px;
  border: 2px none red;
}

#centre img, #centre1 img {
display: inline;
float: left;
margin: -5px 20px 5px 10px;
}

#centre img.aus, #centre1 img.aus {
display: inline;
float: left;
margin: 15px 20px 5px 10px;
}

#centre img.aus1, #centre1 img.aus1 {
display: inline;
float: left;
margin: 15px 20px 45px 10px;
padding: 5px 5px 45px 5px;
}

#centre img.thumb, #centre1 img.thumb {
display: block;
float: left;
margin: 5px 2px 5px 5px;
}

#centre img.thumb1, #centre1 img.thumb1 {
display: block;
float: left;
margin: 15px 2px 5px 15px;
}


#us {
  margin: 5px 0px 0px 50px;
}

#us h3 {
  font-family: Calibri, Arial;
  font-size: 14pt;
  text-decoration: underline;
  color: #8b0000; /* DarkRed */
}

#us table {
  display: block;
  width: 700px;
  background: #fff;
  border: groove 2px #dda0dd; /* plum */
  margin: 10px 0px 0px -45px;
  font-family: Cambria, Arial;
  font-size: 12pt;
  
  }

#us th {
  color: #8b0000; /* DarkRed */
  background: #ffa500; /* Orange */
  border: groove 2px #dda0dd; /* plum */
  width: 98px;
  margin: 0px;
  padding:0px;
}

#us td {
  color: #2f4f4f; /* DarkSlateGray */
  background: #eee8aa; /* PaleGoldenRod */
  border: groove 2px #dda0dd; /* plum */
  width: 98px;
  margin: 0px;
  padding:0px;
  height: 100px;
  text-align: right;
  vertical-align: top;
}

#us td p {
  color: #191970; /* MidnightBlue */
  margin: -5px 2px 0px 0px;
  padding:0px 5px 0px 0px;
  text-align: center;
  vertical-align: top;
  font-size: 10pt;
}

#newsl, #newsl table, #news2, #news2 table, #news, #news table  {
    display: block;
  float: left;
  margin: 5px 5px 5px 10px;
  padding: 0px;
 /* background: #faf0e6; /* lavenderblush */
}

#news td a, #news td a:visited, #newsl td a, #newsl td a:visited, #news2 td a, #news2 td a:visited {
  text-decoration: none;
  color: #2f4f4f; /* darkslategray */
  padding: 2px 2px 2px 2px;
  margin: 0px 0px 0px 15px;
}

#news2 td a:hover, #news2 #td a:hover {
  color: #800000; 
}

#news a, #news a:visited, #newsl a, #news1 a:visited {
  text-decoration: none;
  color: #2f4f4f; /* darkslategray */
  font-size: 12pt;
  padding: 2px 2px 2px 2px;
  margin: 0px 0px 0px 15px;
}

#news td, #newsl td {
  padding: 5px 5px 5px 5px;
  margin: 3px 3px 3px 6px;
  background: #ffefd5; /* papyawhip */
  width: 130px;
  height: 45px;
  border: groove 2px #2f4f4f; /* darkslategray */
}

#newsl th {
  padding: 8px 5px 5px 5px;
  margin: 3px 3px 3px 6px;

  /*background: #ffefd5; /* papyawhip */
  width: 130px;
  text-align: left;
  font-weight: bold;
  font-size: 16pt;
}


#news2 td {
  padding: 5px 5px 5px 5px;
  margin: 3px 3px 3px 6px;
  background: #ffe4e1; /* mistyrose */

  height: 60px;
  border: groove 2px #2e8b57; /* seagreen */
}

 #news2 #td a, #news2 #td a:visited {
  text-decoration: none;
  color: #2f4f4f; /* darkslategray */
  padding: 32px 2px 2px 22px;
  margin: 30px 0px 0px 15px;
}


#news2 #td1 {
  padding: 25px 5px 5px 50px;
  margin: 3px 3px 3px 6px;
  background: none;
  width: 400px;
  height: 60px;
  border: none;
  font-size: 12pt;
}


#news2 td img, #news td img {
  margin: 5px ;
}

#newsl th, #news2 th, #news th  {
  padding: 8px 5px 5px 5px;
  margin: 3px 3px 3px 6px;

  /*background: #ffefd5; /* papyawhip */
  width: 150px;
  text-align: left;
  font-weight: bold;
  font-size: 16pt;
}

#news th {
  color: #556b2f;
}

#summer ul, #autumn ul, #spring ul, #winter ul {
  width: 90%;
  padding: 10px 5px 5px 20px;
  margin:0px;
  background: #fff;
  border: groove 2px #dda0dd; /* plum */
  list-style: none;
}

#summer li, #autumn li, #spring li, #winter li {
  width: 90%;
  padding: 5px 2px 5px 20px;
  margin:0px;
  background: #fff;

  list-style: none;
}

#summer li.title, #autumn li.title, #spring li.title, #winter li.title {
  width: 90%;
  padding: 5px 2px 5px 20px;
  margin:0px;
  background: #fff;
  font-weight: bold;
  text-decoration: underline;
  list-style: none;
}

.logo {
  display: inline;
  float: left;
  padding: 0px;
  margin: -140px 0px 0px 520px;
}


.logot {
  display: inline;
  float: left;
  padding: 0px;
  margin: 20px 0px 0px 0px;
  background: #fffff0; /* ivory */
}


.logo1 {
  display: block;
  float: left;
  top: 50px;
  padding: 15px 0px 0px 0px;
  margin: 0px;
  width: 100%;
  background: #f0fff0; 
}

.logo1 img {
  background: #f0fff0; 
}


.logoc {
  display: block;
  float: left;
  top: 50px;
  padding: 35px 0px 0px 0px;
  margin: 0px;
  width: 100%;
  /*background: #faf0e6; /* lavenderblush */
}


#circ1 {
  list-style: none;
}

#circ1 li {
  list-style-type: none;
}


ul #circ {
  list-style: none;
}

ul #circ li {
  list-style-type: circle;
}

#right {
  display: inline;
  float: left;
  width: 270px;
  height: 960px;
  padding: 0px ;
  margin: -1000px 0px 0px 647px;
  background: #f5fffa;
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  border: none 2px #fff;
  overflow: visible;
  z-index: 120;
}


#rightv {
  display: inline;
  float: left;
  width: 178px;
  height: 1000px;
  padding: 20px 0px 0px 4px ;
  margin: -960px 0px 0px -5px;
  background: #fffff0; /* ivory */
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  border: none 2px #fff;
  overflow: visible;
}

#rightk {
  display: inline;
  float: left;
  width: 280px;
  height: 960px;
  padding: 0px ;
  margin: -960px 0px 0px 647px;
  background: #f5fffa;
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  border: none 2px #fff;
  overflow: auto;
}

#rightc {
  display: inline;
  float: left;
  width: 215px;
  height: 965px;
  padding: 0px ;
  margin: -820px 0px 0px 725px;
  background: #fffff0; /* ivory */
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  border: none 2px #fff;
  overflow: auto;
}

#right h2, #rightk h2  {
  padding: 20px 0px 0px 20px;
  margin: 0px;
  border: 2px none yellow;
}

#right p, #rightv p {
width: 80%;
padding: 5px 0px 5px 5px;
margin: 5px 5px 0px 10px;
border: 2px none green;
clear: both;
}

p.r {
 padding: 5px 0px 0px 20px;
 text-align: center;
 border: solid 2px green;
}

p.r1 a, p.r1 a:visited {
 color: #008b8b;
 text-decoration: none;
 background: none;
 font-family: Verdana, Arial;
 font-size: 10pt;
 font-weight: bold;

}

p.r1  a:hover{
 text-decoration: none;  
 font-weight: normal; 
 color: #800000;
 font-family: Verdana, Arial;
 font-size: 10pt;
 font-weight: bold; 
 }

#right img {
  display: inline;
  float: left;
  clear: both;
  padding: 0px ;
  margin: 0px 5px 0px 60px;
  border: none 2px #dc143c;
  overflow: auto;
  
}


#right a img {
  padding: 5px 0px 0px 0px;
}

#right .vlink, #rightv .vlink {
  margin: 10px 0px 0px 5px;
}

#right .plink, #rightv .plink {
  margin: 20px 0px 0px 0px;
}


#right .map {
display: none;
}

#right ul {
  border: none;
}

#cal, #cal ul li {
  display: block;
  float: left;
  margin: 0px 0px 0px -19px;
  padding: 0px;
  overflow: hidden;
  width: 250px;
  border: none;
}

#cal {
  height: 600px;
  margin: 0px;
  padding: 3px;
}

#picr {
  display: block;
  float: left;

  padding: 0px;
  overflow: visible;
  width: 270px;
  border: none;
  height: 600px;
  margin: 0px 0px 0px 10px;
  padding: 5px;
}

#picr img {
  margin: 5px 5px 5px -10px;

}

#pic {
  margin: 5px 0px 0px 50px;
  text-align: center;
}

#pic td {
  margin: 5px 0px 0px 50px;
  padding: 5px;
  border: groove 3px #dda0dd; /* plum */
}

#footer {
  display: block;
  float: left;
  clear: left;
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  background: #f5fffa;
  height: 45px;
  width: 917px;
  margin: 2px 0px 0px 0px;
}



#footer p {
  margin: 10px 0px 0px 200px;
}

#footerk {
  display: block;
  float: left;
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  background: #f5fffa;
  height: 35px;
  width: 930px;
  margin: 2px 0px 0px 0px;
}

#footerk p {
  margin: 10px 0px 0px 250px;
}

#footern {
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  background: #f5fffa;
  height: 35px;
  width: 928px;
  margin: 0px 0px 0px 163px;
}

#footerk p, #footerv p, #footert p, #footern p {
  margin: 10px 0px 0px 250px;
}


#footerv {
  display: block;
  float: left;
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  background: #f5fffa;
  height: 30px;
  width: 930px;
  margin: 2px 0px 0px 0px;
}

#footert {
  display: block;
  float: left;
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  background: #f5fffa;
  height: 30px;
  width: 930px;
  margin: 12px 0px 0px 0px;
  border-top: solid 20px ##008b8b;
}

  /*popup start */

#popup{

    background-color:none;
  }
  
  a.popup, a.popup:visited{
    position:relative;
    display:block;
    color: maroon;
    line-height:30px;
    text-align:left;
    padding: 10px;
    margin:0;
    
    text-decoration:none;
    font-size:1em;
    font-weight:bold;
  }
  
  a.popup span{
    display:none;
  }
  
  /**/
  
  a.popup:hover{
    color:#f00;
    background-color:none;
    text-indent:0;
  }
  /**/
  
   a.popup:hover span{
    display:block;
    position:absolute;
    top:0px;
    left:20px;

    margin:-360px 0px 0px 200px;
    padding:10px;
    color:#335500;
    font-weight:bold;
    background:#fff;
    text-align:left;
    border:1px solid #666;
  }

  
#popup1{
        display: block;
    position: inline;
    float: left;
    z-index:190;
    background-color:none;
  }
  
  a.popup1, a.popup1:visited{
    position:relative;
    display:block;
    color: maroon;

    text-align:left;
    padding:0px 0px 0px 10px;
    margin:0;
    
    text-decoration:none;
    font-size:1em;
    font-weight:bold;
  }
  
  a.popup1 span{
    display:none;
    z-index: 200;
  }
  
  /**/
  
  a.popup1:hover{
    color:#f00;
    background-color:none;
    text-indent:0;
  }
  /**/
  
   a.popup1:hover span{
    display:block;
    position:absolute;
    top:0px;
    left:0px;

    margin:-60px 0px 0px -200px;
    padding:10px;
    color:#335500;
    font-weight:bold;
    background:#fff;
    text-align:left;
    border:1px solid #666;
    z-index:500;
    overflow: visible;
  }
  /* Fangorn */
#popup2, #popup2a, #popup2b,, #popup2c{

    background-color:#000;
  }
  
  a.popup2, a.popup2:visited, a.popup2a, a.popup2a:visited,a.popup2b, a.popup2b:visited,
  ,a.popup2c, a.popup2c:visited{
    position:relative;
    display:block;
    color: maroon;
    line-height:30px;
    text-align:left;
    padding: 10px;
    margin:0;
    z-index:900;
    text-decoration:none;
    font-size:1em;
    font-weight:bold;
  }
  
  a.popup2 span,a.popup2a span, a.popup2b span, , a.popup2c span{
    display:none;
  }
  
  /**/
  
  a.popup2:hover, a.popup2a:hover,a.popup2b:hover, ,a.popup2c:hover{
    color:#f00;
    background-color:#000;
    text-indent:0;
    z-index:1300;
  }
  /**/
  
   a.popup2:hover span{
    display:block;
    position:absolute;
    top:0px;
    left:-20px;
    z-index: 1300;
    margin:-360px 0px 0px 200px;
    padding:10px;
    color:#335500;
    font-weight:bold;
    background:#fff;
    text-align:left;
    border:1px solid #666;
  }

  
   a.popup2a:hover span{
    display:block;
    position:absolute;
    top:0px;
    left:-20px;
    z-index: 1300;
    margin:20px 0px 0px -200px;
    padding:10px;
    color:#335500;
    font-weight:bold;
    background:#fff;
    text-align:left;
    border:1px solid #666;
  }

   a.popup2b:hover span{
    display:block;
    position:absolute;
    top:0px;
    left:-20px;
    z-index: 1300;
    margin:20px 0px 0px -300px;
    padding:10px;
    color:#335500;
    font-weight:bold;
    background:#fff;
    text-align:left;
    border:1px solid #666;
  }

     a.popup2c:hover span{
    display:block;
    position:absolute;
    top:0px;
    left:-20px;
    z-index: 1300;
    margin:20px 0px 0px -400px;
    padding:10px;
    color:#335500;
    font-weight:bold;
    background:#fff;
    text-align:left;
    border:1px solid #666;
  }

  /* Carwell*/
#popup3{

    background-color:none;
  }
  
  a.popup3, a.popup3:visited{
    position:relative;
    display:block;
    color: maroon;
    line-height:30px;
    text-align:left;
    padding: 3px;
    margin:0;
    
    text-decoration:none;
    font-size:1em;
    font-weight:bold;
  }
  
  a.popup3 span{
    display:none;
  }
  
  /**/
  
  a.popup3:hover{
    color:#f00;
    background-color:none;
    text-indent:0;
  }
  /**/
  
   a.popup3:hover span{
    display:block;
    position:absolute;
    top:0px;
    left:-20px;
    z-index: 500;
    margin:-360px 0px 0px 200px;
    padding:10px;
    color:#335500;
    font-weight:bold;
    background:#fff;
    text-align:left;
    border:1px solid #666;
  }

    /* Carwell , Fangorn*/
#popup4, #popup4a, #popup4b, #popup4c {

    background-color:#000;
  }
  
  a.popup4, a.popup4:visited, a.popup4a, a.popup4a:visited,
  a.popup4b, a.popup4b:visited, a.popup4c, a.popup4c:visited{
    position:relative;
    display:block;
    color: maroon;
    line-height:30px;
    text-align:left;
    padding: 3px;
    margin:0;
    z-index:1010;
    text-decoration:none;
    font-size:1em;
    font-weight:bold;
  }
  
  a.popup4 span, a.popup4a span, a.popup4b span, a.popup4c span{
    display:none;
  }
  
  
  a.popup4:hover, a.popup4a:hover, a.popup4b:hover, a.popup4c:hover{
    color:#f00;
    background-color:#000;
    text-indent:0;
    z-index:1010;
  }
  /**/
  
   a.popup4:hover span{
    display:block;
    position:absolute;
    top:0px;
    left:-20px;
    z-index: 1010;
    margin:-360px 0px 0px 200px;
    padding:5px;
    color:#335500;
    font-weight:bold;
    background:#fff;
    text-align:left;
    border:1px solid #666;
  }

    /* Fangorn*/
  /**/
  
   a.popup4a:hover span{
    display:block;
    position:absolute;
    top:0px;
    left:-20px;
    z-index: 1010;
    margin:15px 0px 0px -50px;
    padding:5px;
    color:#335500;
    font-weight:bold;
    background:#fff;
    text-align:left;
    border:1px solid #666;
  }

    
   a.popup4b:hover span{
    display:block;
    position:absolute;
    top:0px;
    left:-20px;
    z-index: 1010;
    margin:15px 0px 0px -150px;
    padding:5px;
    color:#335500;
    font-weight:bold;
    background:#fff;
    text-align:left;
    border:1px solid #666;
  }

    
   a.popup4c:hover span{
    display:block;
    position:absolute;
    top:0px;
    left:-40px;
    z-index: 1010;
    margin:15px 0px 0px -350px;
    padding:5px;
    color:#335500;
    font-weight:bold;
    background:#fff;
    text-align:left;
    border:1px solid #666;
  }

      /* Fangorn*/
#popup5, #popup5a, #popup5b, #popup5c {

    background-color:#000;
  }
  
  a.popup5, a.popup5:visited, a.popup5a, a.popup5a:visited,
  a.popup5b, a.popup5b:visited, a.popup5c, a.popup5c:visited{
    position:relative;
    display:block;
    color: maroon;
    line-height:30px;
    text-align:left;
    padding: 3px;
    margin:0;
    z-index:1200;
    text-decoration:none;
    font-size:1em;
    font-weight:bold;
  }
  
  a.popup5 span, a.popup5a span, a.popup5b span, a.popup5c span{
    display:none;
  }
  
  
  a.popup5:hover, a.popup5a:hover, a.popup5b:hover, a.popup5c:hover{
    color:#f00;
    background-color:#000;
    text-indent:0;
    z-index:1200;
  }
  /**/
  
   a.popup5:hover span{
    display:block;
    position:absolute;
    top:0px;
    left:-20px;
    z-index: 1200;
    margin:-360px 0px 0px 200px;
    padding:10px;
    color:#335500;
    font-weight:bold;
    background:#fff;
    text-align:left;
    border:1px solid #666;
  }

  
   a.popup5a:hover span{
    display:block;
    position:absolute;
    top:0px;
    left:-20px;
    z-index: 1200;
    margin:20px 0px 0px -200px;
    padding:10px;
    color:#335500;
    font-weight:bold;
    background:#fff;
    text-align:left;
    border:1px solid #666;
  }

   a.popup5b:hover span{
    display:block;
    position:absolute;
    top:0px;
    left:-20px;
    z-index: 1200;
    margin:20px 0px 0px -300px;
    padding:10px;
    color:#335500;
    font-weight:bold;
    background:#fff;
    text-align:left;
    border:1px solid #666;
  }

     a.popup5c:hover span{
    display:block;
    position:absolute;
    top:0px;
    left:-20px;
    z-index: 1200;
    margin:20px 0px 0px -400px;
    padding:10px;
    color:#335500;
    font-weight:bold;
    background:#fff;
    text-align:left;
    border:1px solid #666;
  }

.player{
	margin : 5px 0px 1px 45px;
	padding: 0px;
}

#play p  {

margin: 5px 0px 0px 300px;
padding: 0px 0px 0px 0px;
width: 400px;
border: none;
font-family: verdana, arial;
font-size: 10pt;
line-height: 20px;
font-weight: normal;
}

#play p a, #play p a:visited {
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 400px;
border: none;
font-family: verdana, arial;
font-size: 10pt;
font-weight: normal;
}

#play p a:hover {
  color: #800080;  /* purple */
}

.playerv{
  width: 700px;
	margin : 3px 0px 1px 10px;
	padding: 0px 5px 0px 10px;
}

#playerv p  {

  margin: -2px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
  width: 700px;
  border: none;
  font-family: verdana, arial;
  font-size: 10pt;
  line-height: 20px;
  font-weight: normal;
}


.video_name{
	font-size : 20pt
	color: #006400; /*  dark green  */
	text-decoration: underline;
	font-weight: bold;
	text-align : left;
	padding : 5px 1px 1px 20px;
	text-indent : 3px;
}


.upload{
	font-weight : bold;
	text-align : left;
	margin-top : -5px;
	margin-bottom : 2px;
	padding: 0px;
	font-size : 12pt;
}


.files{
	text-align : left;
	line-height : 20px;
	margin-top : -35px;
}

	#dhtmlgoodies_slideshow{
		width:600px;	/* Total width of slideshow */


	}
	
	#previewPane{
		border:1px solid #CCCCCC;
		margin-bottom:10px;
    margin-left: 40px;
    margin-top: 40px;	
		text-align:center;
		vertical-align:middle;
		padding-top:10px;
    width: 534px;
		position:relative;
		
		/* CSS HACK */
		height: 432px;	/* IE 5.x */
		height/* */:/**/420px;	/* Other browsers */
		height: /**/420px;
				
	}

	#previewPane img{
		line-height:400px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
	}
	#galleryContainer{
		
		height:102px;	/* Height of the images + 2 */
		border:1px solid #CCCCCC;
		position:relative;
		overflow:hidden;
		padding:1px;
		
		/* CSS HACK */
		height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/102px;	/* Other browsers */
		height: /**/102px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;		
	}
	#theImages{
		position:absolute;
		height:100px;
		left:40px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}
	
#i1 {
  margin-left: 10px;
}

#i2 {
  margin-left: 20px;
}

#i3 {
  margin-left: 30px;

}

#i4 {
  margin-left: 40px;
}

#i5 {
  margin-left: 50px;
}

#i6 {
  margin-left: 60px;
}

#i7 {
  margin-left: 70px;
}

#i8 {
  margin-left: 80px;
}

#i9 {
  margin-left: 90px;
}

#i10 {
  margin-left: 100px;
}

#i11 {
  margin-left: 110px;
}

#i12 {
  margin-left: 120px;
}

#i13 {
  margin-left: 130px;
}

#i14 {
  margin-left: 140px;
}

#i15 {
  margin-left: 150px;
}

#i16 {
  margin-left: 160px;
}

#i17 {
  margin-left: 170px;
}

#i18 {
  margin-left: 180px;
}

#i20 {
  margin-left: 200px;
}

#i25 {
  margin-left: 250px;
}

#i30 {
  margin-left: 300px;
}

#i35 {
  margin-left: 350px;
}

#i40 {
  margin-left: 400px;
}


a.butt, a.butt:visited {
  display: block;
  position: inline;
  float: left;
  height: 20px;
  width: 80px;
  border: 2px groove #800000;
  margin: 10px 5px 5px 10px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  text-decoration: none;
  border: 2px inset #fff;
   color: #008b8b; 
  font-weight: bold;
  background: #ffdead;
}

a.butt:hover  {
  text-decoration: none;
  border: none;
  color: #800000; 
  font-weight: bold; 
  border: 2px inset #fff;
}

.pdown {
  display: block;
  position: inline;
  float: left;
  height: 25px;
  width: 160px;
  border: 2px groove #fff;
  margin: 10px 5px 5px 10px;
  padding: 0px;
  text-align: left;
  background: #ffdead;
  color: #008b8b; 
  font-weight: bold;
}

 
abt th,  {
  padding: 18px 5px 5px 5px;
  margin: 3px 3px 3px 6px;
  width: 200px;
  height: 30px;
  text-align: left;
  font-weight: bold;
  font-size: 18pt;
}

#abt td {
  padding: 5px 5px 5px 5px;
  margin: 3px 3px 3px 6px;
  background: none;
  width: 200px;
  height: 30px;
  border: none;
}

#abt td.1 {
  padding: 5px 5px 5px 5px;
  margin: 3px 3px 3px 6px;
  background: #ffe4e1; /* mistyrose */
  width: 50px;
  height: 30px;
  border: none;
}
 
  /*popup stop */

/* #map 
span.dropt {
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #008b8b;
	font-weight: bold;
  border-bottom: none; 
  background: none;
}

span.dropt:hover {
  text-decoration: none;
  color: #800000; 
  background: #ffffff; 
  z-index: 6; 
}

span.dropt span {
  position: absolute; 
  left: -9999px;
  top: 100px;
  margin: 20px 0 0 0px; 
  padding: 3px 3px 3px 3px;

  border:solid #000 1px; 
  z-index: 6;
  }
  
span.dropt:hover span {
  left: 2%; 
  background: #ffffff;
}
 
span.dropt span {
  position: absolute; 
  left: -9999px;
  margin: 4px 0 0 0px; 
  padding: 3px 3px 3px 3px; 
  border-style:solid; 
  border-color:black; 
  border-width:1px;
}
  
span.dropt:hover span {
  margin: 20px 0 0 170px; 
  background: #ffffff; 
  z-index:6;
}
*/

/* List Menu Start 
#menu {
margin: 10px 0px 0px 5px;
padding: 0px;
width: 140px;

}

 ul,  li, #left a { 
display: block; 
margin: 0px 0px 0px -5px; 
padding: 0pt; 
border: 0pt none; 
}

 ul { 
width: 150px; 
border: 1px solid rgb(157, 157, 161); 
background: none repeat scroll 0% 0% white; 
list-style: none outside none; 
}

 li {
 position: relative; 
 padding: 1px 1px 1px 10px; 
 background: transparent; 

 }
#left a.active {
 color: #800000;
 background: #f4a460;
 }

 li.folder {
 background: none; 
 }

 li.folder ul {
 position: absolute; 
 left: 120px; 
 top: 5px;
 display: none; 
 }



 li.folder > ul {
 left: 110px;
 top: 5px; 
 }

 li.sub {
 left: 110px;
 top: 5px; 
 }
 
#left  a {
 padding: 2px; 
 border: 1px solid white; 
 text-decoration: none; 
 color: gray; 
 font-weight: bold; 
 width: 100%; 
 }

 li > a {
 width: auto; 
 }

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

 li a.submenu {
 background: none; 
 }

#left a:hover {
 border-color: gray; 
 background-color: #5f9ea0; 
 color: #ffe4b5; 
 }

 li.folder a:hover {
 background-color: #5f9ea0; 
 }

 li.folder:hover {

 z-index: 10; 
 }



 ul ul, li:hover ul ul {
 display: none; 
 }

 li:hover ul, li:hover li:hover ul {
 display: block; 
 }

List Menu Finish */

/* List Menu2 Start
#nav {
  display: block;
  position: relative;
  top: 0px;
  width: 99.25%;
  height: 41px;
  padding: 0px ;
  margin: -8px 0px 0px 10px;
  background: #e0ffff;
  
  border-bottom: solid 1px #008b8b;

}

#navigation a {
width: 125px;
font-size: 13pt;
font-weight: bold;
margin: -15px 1px 0px 0px;
color: #8b0000;
background: #e0ffff ;
text-decoration: none;
padding: 10px 5px 20px 10px;
border-top: solid 1px #008b8b;
border-left: solid 1px #008b8b;
border-right: solid 1px #008b8b;
overflow: auto;
}

#navigation a:hover {
width: 125px;
color: #f5deb3;
background: #008b8b; 
padding-left: 10px;
}


#navigation a span {

padding-right: 10px ;
}

#navigation a, #navigation a span {

display: block;
float: left;
}

#navigation li span.active  {
color: #ff00ff;
background: #008b8b; 
padding-left: 10px;
font-weight: bold;
}

#navigation a:hover span  {

padding-right: 10px ;
}

#navigation ul  {

list-style: none;
padding: 0;
margin: 0;
}

#navigation li  {
float: left;
margin: 0;
list-style: none;
}
List Menu2 Finish */
/* Hide from IE5-Mac \ */
#navigation a, #navigation a span  {

float: none;
}
/* End hide */