/*African Battlefields rev feb 2012*/

@viewport{
    zoom: 1.0;
    width: device-width;
}

body {
    background-color: #e2dac0;
	background-image : url(images/kaki1.gif);
    margin: 15px 0 0 0px;
    padding: 0px 0 0 0px;
    background-repeat : repeat;
} 
 /* topmenu ats */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0; 
}
ul.dropdown {
    position: relative;
    z-index: auto;
    float: right;
    font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;    
}
ul.dropdown li {
	 padding: 0px 0 0 1px;
	 background-color: #000;
	 color: #fff;
	 line-height: normal;
	 float: left; 
 vertical-align: middle; 
	}
ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: auto;
 width: 100%;
  width: 170px;
	 background-color: #666666;
	 color: #fff;
	 font-size: 11px;
	 text-transform: none;
}
ul.dropdown ul li {
		 background-color: transparent;
		 color: #000;
		 filter: none;
		 float: none;   
		}
ul.dropdown li a {
 display: block;
 padding: 3px 10px; 
}
ul.dropdown li:hover ul {
 visibility: visible;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: auto;
 cursor: default;
}
ul.dropdown ul a:hover {
	 background-color: #76b900;
	}	
ul.dropdown ul a:link,
ul.dropdown ul a:visited { color: #fff; }
ul.dropdown ul a:hover { color: #fff; text-decoration: none; }
ul.dropdown ul a:active { color: #000; }		
		
ul.dropdown a:link,
ul.dropdown a:visited { color: #fff; text-decoration: none; }
ul.dropdown a:hover { color: #76b900; text-decoration: none; }
ul.dropdown a:active { color: #fff;
}
ul.dropdown ul li.hover,
ul.dropdown ul li:hover {
 background-color: transparent;
}
/* end of topmenu ats */

.tborder{
    border-bottom: 8px double #000000;
    border-left: 8px double #000000;
    border-top: 8px double #000000;
    border-right: 8px double #000000;
} 
p {
	font: normal;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    text-align: justify;
    color: #000000;    
}

hr { 
background-position: center;
 }

.text { 
 text-align: justify;
 color: Black;
 font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
  }
h1,h2,h3,h4,h5,h6 {
	text-align: center;
}
a, a:hover {cursor: pointer;}
form {padding: 0px; margin: 0px;}

td {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 text-decoration: none;
 font-weight: normal;
 font-size: 11px;
 color: #16536e;
 background-color: #;
 vertical-align: top;
  } 
  
.set-margin	{ margin: 50px auto 10px auto; }

.set-margin1 { margin: 150px auto 6px auto; }  

.sm2 {
    padding: 60px 0 0px 0;
    text-align: center;    
}

.sm3 { padding:30px 0 20px 0; }

.sm8 { padding:100px 0 0px 0; }

.sm9 { padding:70px 0 0px 0; }

.sm4 { padding:20px 0 10px 0; }

.sm5 { padding:30px 0 10px 0; }

.sm6 { padding:30px 0 15px 0; }

.sm7 { padding:10px 0 10px 0; }

.sm11 { padding:50px 0 10px 0; }

.sm15 { padding:15px 0 10px 0; }

.sm12 { padding:12px 0 10px 0; }

.sm17 { padding:17px 0 10px 0; }

.sm108 { padding:10px 0 8px 0; }

.sm10 { padding:10px 0 0px 0; }

.sm106 { padding:10px 0 6px 0; }

.sm96 { padding:9px 0 6px 0; }

.sm1110 { padding:11px 0 10px 0; }

/** Black box **/
#bbox {
  width: 425px;
  margin-top: 50px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}

#bbox-grd { background: url(images/burnt13boxm.jpg) repeat-y; }
#bbox-top { background: url(images/burnt13boxt.jpg) no-repeat; height: 25px; }
#bbox-bot { background: bottom left url(images/burnt13boxb.jpgf) no-repeat; height: 25px; }

#bbox-grd {
  min-height: 80px;
  padding: 0px 0 40 0px; 
}

#bbox h2 {
 padding: 0px 0 0px 0px;
  font: bold 16px arial, sans-serif;
  color: #fff;
  margin: 0;
}
  
.shadow
{
border-left-color: White;
border-top-color: White;   
    border-bottom: medium outset Silver;
    border-right: medium outset Silver;    
}  
.tdb {
 font-family: tahoma, arial, verdana;
 text-decoration: none;
 font-weight: bold;
 font-size: 11px;
 color: #16536e; }

.sp {margin: 0px 10px 10px 0px;}

.header {
 background-image: url(images/atsbanner1ba.jpg);
 background-position: bottom center;
 background-repeat: no-repeat;
 width: 860px;
 height: 250px;}

.address{
    margin: 150px 0 0 0px;
    text-align: justify;
    font: bold normal normal 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
} 

.links
{	
	font: normal;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
	 text-align: justify;
    color: #000000;
}

a {color: blue;}

a:link, a:visited, a:hover
 {text-decoration: underline;
}
a:link {
    color: green;
}
a:visited {
    color: black;
}
a:hover {
    color: red;
}
.btnav { 
 background-position: center;
 width: 860px;
 height: 40px;
 font-family: tahoma, arial, verdana;
 text-decoration: none;
 text-align: center;
 font-weight: normal;
 font-size: 11px;
 color: #275c75;
 padding: 15px 0px 0px 0px;  
 }  
.footer {
 font-family: tahoma, arial, verdana;
 text-decoration: none;
 font-weight: bold;
 font-size: 11px;
 color: #275c75;}
 
.footer:hover {
 font-family: tahoma, arial, verdana;
 text-decoration: none;
 font-weight: bold;
 font-size: 11px;
 color: #000000;}
 
#clock  {
	color:yellow;
	background:blue;
	width:110px;
	height:22px;
	font-size:13pt;
	text-align: center;
	azimuth : inherit;
	margin : auto;
}

.copyr {
 font-family: tahoma, arial, verdana;
 text-align: left;
 padding: 0px 0px 0px 11px;
 text-decoration: none;
 font-weight: normal;
 font-size: 10px;
 color: #000000;}
 
.des {
 font-family: tahoma, arial, verdana;
 text-align: right;
 padding: 0px 0px 0px 290px;
 text-decoration: none;
 font-weight: normal;
 font-size: 10px;
 color: #000000;
 } 
.des:hover {
 font-family: tahoma, arial, verdana;
 text-align: right;
 padding: 0px 0px 0px 290px;
 text-decoration: none;
 font-weight: normal;
 font-size: 10px;
 color: #000000;}
 
.vr {
 background-image: url(images/vline.gif);
 background-position: center;
 background-repeat: repeat-y;}