﻿/* box Design */

#headerbox {
	padding: 0px;
        padding-bottom: 3px;
        text-align: center;
 	z-index: -100;
        height: 90px;
background: #000000;
background: -moz-linear-gradient(45deg,  #000000 0%, #000000 20%, #666666 55%, #262626 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#000000), color-stop(20%,#000000), color-stop(55%,#666666), color-stop(100%,#262626));
background: -webkit-linear-gradient(45deg,  #000000 0%,#000000 20%,#666666 55%,#262626 100%);
background: -o-linear-gradient(45deg,  #000000 0%,#000000 20%,#666666 55%,#262626 100%);
background: -ms-linear-gradient(45deg,  #000000 0%,#000000 20%,#666666 55%,#262626 100%);
background: linear-gradient(45deg,  #000000 0%,#000000 20%,#666666 55%,#262626 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#262626',GradientType=1 );
}
	
#topado {
	margin: 0px auto 0px auto;
 	z-index: -100;
}

#topadu {
	border-top: 3px #000 solid;
	padding-top: 5px;
	text-align:center;
	margin: 0px auto 3px auto;
	min-height: 10px;
 	z-index: -100;
background: #dddddd;
background: -moz-linear-gradient(top,  #dddddd 0%, #ffffff 70%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(70%,#ffffff), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #dddddd 0%,#ffffff 70%,#ffffff 100%);
background: -o-linear-gradient(top,  #dddddd 0%,#ffffff 70%,#ffffff 100%);
background: -ms-linear-gradient(top,  #dddddd 0%,#ffffff 70%,#ffffff 100%);
background: linear-gradient(to bottom,  #dddddd 0%,#ffffff 70%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 );
}

#tpcmmenu {
  border: none;
  border: 0px;
  margin: 0px;
  padding: 0px;
  font-size: 16px;
  font-weight: bold;
  width: auto;
  height: 23px;
  z-index: 999;
background: #0040a9;
background: -moz-linear-gradient(top,  #a6cbff 0%, #5199ff 5%, #0078f7 10%, #0030a9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6cbff), color-stop(5%,#5199ff), color-stop(10%,#0078f7), color-stop(100%,#0030a9));
background: -webkit-linear-gradient(top,  #a6cbff 0%,#5199ff 5%,#0078f7 10%,#0030a9 100%);
background: -o-linear-gradient(top,  #a6cbff 0%,#5199ff 5%,#0078f7 10%,#0030a9 100%);
background: -ms-linear-gradient(top,  #a6cbff 0%,#5199ff 5%,#0078f7 10%,#0030a9 100%);
background: linear-gradient(to bottom,  #a6cbff 0%,#5199ff 5%,#0078f7 10%,#0030a9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0078f7', endColorstr='#0030a9',GradientType=0 );
}

#tpcmmenu ul {
  background-color: transparent;
  height: 23px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: Tahoma,Verdana,Sans-Serif;
  font-weight: bold;
}

#tpcmmenu li {
  background-color: transparent;
  float: left;
  padding: 0px;
  list-style-type: none;
  color: #FFF;
  font-size: 16px;
  font-family: Tahoma,Verdana,Sans-Serif;
  border-right: black 1px dotted;
  font-weight: bold;
  text-shadow: 1px 1px 0px #000;
  font-variant: small-caps;
}

#tpcmmenu li a {
  background-color: transparent;
  display: block;
  line-height: 22px;
  margin: 0px;
  padding: 0px 25px;
  text-align: center;
  text-decoration: none;
}

#tpcmmenu > ul > li > a {
  background-color: transparent;
  color: #fff;
}

#tpcmmenu ul ul a {
  background-color: transparent;
  color: #fff;
}

#tpcmmenu li > a:hover,
#tpcmmenu ul li:hover > a {
  color: #FFF;
  background: #0030A9;
}

#tpcmmenu li ul {
  background: #333333;
  display: none;
  height: auto;
  padding: 0px;
  margin: 0px;
  border: 0px;
  position: absolute;
  width: 225px;
  z-index: 1000;
  /*top:1em;
	/*left:0;*/

}

#tpcmmenu li:hover ul {
  display: block;
}

#tpcmmenu li li {
  border-bottom:black 1px dotted;
  display: block;
  float: none;
  margin: 0px;
  padding: 0px;
  width: 225px;
  font-variant: normal;
}

#tpcmmenu li:hover li a {
  background: none;
}

#tpcmmenu li ul a {
  display: block;
  height: 25px;
  font-size: 12px;
  font-style: normal;
  margin: 0px;
  padding: 0px 10px 0px 10px;
  text-align: left;
}

#tpcmmenu li ul a:hover,
#tpcmmenu li ul li:hover > a {
  background: #213fb8;
  border: 0px;
  color: #ffffff;
  text-decoration: none;
}

#tpcmmenu p {
  clear: left;
}


/* TOP TOC Menu Drop down */
#toctopd,
#toctopd ul,
#toctopd li,
#toctopd a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  text-decoration: none;
  line-height: 1;
  font-family: Tahoma,sans-serif, arial;
  font-size: 12px;
  position: relative;
  text-align: left;
}
#toctopd a {
  line-height: 1.3;
}
#toctopd {
  width: auto;
  background: #fff;
  }
#toctopd > ul > li {
  margin: 0 0 2px 0;
}

#toctopd li:hover ul  {
display: block;
}

#toctopd > ul > li:last-child {
  margin: 0;
}
#toctopd > ul > li > a, #toctopd > ul > li > a:link {
  font-size: 16px;
  text-decoration:none;
  display: block;
  color: #333;
  background: #FFF;
  border: 1px solid #016;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
 }
#toctopd > ul > li > a > span {
  display: block;
  padding: 6px 10px;
  font-weight: 700;
  color:#555;
}
#toctopd > ul > li > a:hover {
  color:#04c;
}

/* Sub menu */

#toctopd ul ul {
  border: 1px solid #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: none;
 min-width:250px;
 max-width:400px;
 clear: right;
  }

#toctopd ul ul.active {
  display: block;
}
  
  #toctopd ul ul li {
  padding: 0px;
}
#toctopd ul ul a, #toctopd ul ul a:link {
  display: block;
  color: #333;
  font-size: 14px;
  text-decoration:none;
  padding: 4px 5px 4px 5px;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
font-weight:100;
 }

 #toctopd ul ul a span {
font-weight: 700;
margin-left: 10px;
color: #016;
font-weight:700;
}
 
 #toctopd ul ul a:hover {
  color: #04c;
  text-decoration: none;
  background: #FAFAFA;
  border-bottom: 1px solid #333;
  border-top: 1px solid #333;
 }

