@charset "utf-8";
/* CSS Document */

body
{
	text-align: center;
	margin-top:0px;
	margin-left:0px;
	background-color:#17191c; 
}
div.bk_top{
	width:100%;
	height:406px;
	top:0px;
	left:0px;
	position:absolute;
	background-image:url(../images/bk_top2.jpg);
}
div.bk_bottom{
	width:100%;
	height:406px;
	top:406px;
	left:0px;
	position:absolute;
	background-image:url(../images/bk_bottom.jpg);
}
h4 {
	color:#FFFFFF;
}
html {
	overflow-y: scroll;
	}

div.main{
	width:909px;
	min-height:872px;
	position:relative;
	background-image:url(../images/main.png);
	background-repeat:no-repeat;
	top:0px;
	margin-left:auto;
	margin-right:auto;
}
.yellow{
   color:#E6E600;	
}
div.main_content{
	width:909px;
	min-height:872px;
	position:relative;
	background-image:url(../images/content.png);
	background-repeat:no-repeat;
	top:0px;
	margin-left:auto;
	margin-right:auto;
}
div.main_image{
	width:570px;
	height:350px;
	position:absolute;
	top:210px;
	left:0px;
	
}
div.main_content_image{
	width:909px;
	height:252px;
	position:absolute;
	top:210px;
	left:0px;
	
}
div.logo{
	width:374px;
	height:322px;
	position:absolute;
	top:0px;
	left:-75px;
	z-index:700;
}
div.logo_link{
	z-index:1000;
	width:185px;
	height:200px;
	position:absolute;
	left:95px;
	top:30px;
}
div.logo_link{
	cursor:pointer;
}
div.menu{
	width:690px;
	height:50px;
	top:160px;
	left:252px;
	position:absolute;
    z-index:800;
}
div.foot{
	width:660px;
	height:50px;
	bottom:0px;
	left:124px;
	position:absolute;
	font-size:11px;
	font-family:"Myraid Pro", "Trebuchet MS";
	color:#999999;
}
div.footpad{
	width:909px;
	height:100px;
	position:relative;
}
div.foot p{
	line-height:11px;
	padding-bottom:0px;
	padding-top:0px;
	font-size:11px;
	font-family:"Myraid Pro", "Trebuchet MS";
	color:#999999;
}
div.foot a{
	line-height:11px;
	padding-bottom:0px;
	padding-top:0px;
	font-size:11px;
	font-family:"Myraid Pro", "Trebuchet MS";
	color:#999999;
}
a{
	color:#09F;
}
div.newsletter{
	width:194px;
	height:29px;
	position:absolute;
	background-image:url(../images/newsletter.png);
	top:20px;
	left:710px;
	overflow:hidden;
	z-index:300;
}
div.link{
	width:194px;
	height:16px;
	position:absolute;
	top:50px;
	right:0px;
    font-size:11px;
	font-family:"Myraid Pro", "Trebuchet MS";
	z-index:300;
	text-align:center;
}
div.link a{
	color:#FFFFFF;
	
}

div.newsletter:active {
cursor: pointer;
background-position: 0px -29px;
}
div.newsletter:hover {
cursor: pointer;
}
h2, h1{
	color:#FFFFFF;
	font-family:"Myraid Pro", "Trebuchet MS";
}

h3{
	color: #e6d03c;
	font-family:"Myraid Pro", "Trebuchet MS";
	font-size:16px;
}

ol, ul{
	color:#FFFFFF;
	font-family:"Myraid Pro", "Trebuchet MS";
	font-size:14px;
}

div.payment{
	width:100%;
	height:30px;
	position:relative;
}
div.payment_button{
	width:140px;
	height:19px;
	position:absolute;
}


/*    Menu   */
ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 660px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 15px;
    font-family:"Myraid Pro", "Trebuchet MS"; 
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	font-size: 15px;
    font-family:"Myraid Pro", "Trebuchet MS"; 
}
ul#topnav li a {
	padding: 3px 5px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}
ul#topnav li:hover { background: #03339c;}
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#topnav li span {
	text-align:left;
	padding: 2px 0;
	position: absolute;
	left: 0; top:25px;
	display: none; /*--Hide by default--*/
	width: 657px;
	background: #03339c;
	color: #a9bbfd;
	font-size: 12px;
    font-family:"Myraid Pro", "Trebuchet MS"; 
}

div.menu_sub2{
	width:909px;
	height:171px;
	position:relative;
	left:0px;
	background-image:url(../images/sub_menu2.png);
}

ul#topnav li:hover span {
	display: block; /*--Show subnav on hover--*/
	z-index:500;
	} 
ul#topnav li span a { 
    display: inline; /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
	font-size: 12px;
	color: #a9bbfd;
    font-family:"Myraid Pro", "Trebuchet MS";
} 

ul#topnav li span a:hover {text-decoration: underline;}

body#atf li#home,
body#executive li#about,
body#training_seminar li#events,
body#merchandise li#contact,
body#faus_memory li#awards,
body#awards_recipients li#awards,
body#certification li#about,
body#accreditation li#about,
body#trainers li#about,
body#master_trainers li#about,
body#membership li#about,
body#bylaws li#about,
body#index li#home,
body#about li#about,
body#events li#events,
body#legal li#legal,
body#honor li#honor,
body#awards li#awards,
body#photos li#photos,
body#articles li#articles,
body#links li#links,
body#Patrol li#home,
body#SAR li#home,
body#Explosives li#home,
body#Narcotics li#home,
body#order li#home
{
background: #03339c;
}

body#atf li#home span#home,
body#executive li#about span#about,
body#training_seminar li#events span#events,
body#merchandise li#contact span#contact,
body#faus_memory li#awards span#awards,
body#awards_recipients li#awards span#awards,
body#certification li#about span#about,
body#accreditation li#about span#about,
body#trainers li#about span#about,
body#master_trainers li#about span#about,
body#membership li#about span#about,
body#bylaws li#about span#about,
body#index li#home span#home,
body#about li#about span#about,
body#events li#events span#events,
body#legal li#legal span#legal,
body#honor li#honor span#honor,
body#awards li#awards span#awards,
body#photos li#photos span#photos,
body#articles li#articles span#articles,
body#links li#links span#links,
body#contact li#contact span#contact,
body#Patrol li#home span#home,
body#SAR li#home span#home,
body#Explosives li#home span#home,
body#Narcotics li#home span#home,
body#order li#home span#home
{
	display: inline; 
	font-size: 12px;
	color: #a9bbfd;
    font-family:"Myraid Pro", "Trebuchet MS";
}






#gallery2 ul {
 list-style-type: none;
 padding:0px;
 margin:0px;
  }
#gallery2 li.hidden{
display:none;
}
#gallery3 ul {
 list-style-type: none;
 padding:0px;
 margin:0px;
  }
#gallery3 li.hidden{
display:none;
}
#gallery4 ul {
 list-style-type: none;
 padding:0px;
 margin:0px;
  }
#gallery4 li.hidden{
display:none;
}
#gallery5 ul {
 list-style-type: none;
 padding:0px;
 margin:0px;
  }
#gallery5 li.hidden{
display:none;
}
#gallery6 ul {
 list-style-type: none;
 padding:0px;
 margin:0px;
  }
#gallery6 li.hidden{
display:none;
}
#gallery7 ul {
 list-style-type: none;
 padding:0px;
 margin:0px;
  }
#gallery7 li.hidden{
display:none;
}