/* CSS Document */

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 line-height: 14px;

}
#wrapper { 
 margin: 0 auto;
 width: 800px;
}
#horizon {
 background-color: transparent;
 position: absolute;
 top: 0%;
 left: 0px;
 width: 100%;
 margin-top: 0px;
 text-align: left;
 min-width: 922px;
 background-image:url(images/background.jpg);
 image-repeat: no-repeat;
 background-position: center;
 }
 #header{
 width: 800px;
 height: 110px;
 float:left;
 }
 #nav_one{
 width: 560px;
 height: 20px;
 float:left;
 padding:0px;
 background:#fff;
 }
 #nav_two{
 width: 230px;
 height: 15px;
 float:left;
 padding:5px;
 background:#3262a2;
 color:#fff;
 margin: 1px 0 0 0;
 }
 #video{
 width: 215px;
 height: 200px;
 float: left;
 background:#eee;
 padding: 10px 50px 10px 20px;
 margin: 0 0px 10px 0;
 }
 #center{
 float:left;
 width:240px;
 height:60px;
 background:#eee;
 background-image:url(images/see.jpg);
 background-repeat: no-repeat;
 padding:10px;
 padding-top: 150px;
 margin: 0 0 10px 0;
 }
 #latest_news{
 float:left;
 width: 215px;
 height: 180px;
 padding:20px;
 background: #eee;
 background-image:url(images/latestnews.jpg);
 background-repeat: no-repeat;
 color:#fff;
 }
 #content{
 float:left;
 width: 494px;
 height: 130px;
 padding: 10px;
 padding-left: 20px;
 background: #fff;
 border-right: 1px solid #ccc;
 margin: 0 20px 10px 0;
 }
 #gallery{
 float:left;
 width: 210px;
 height:130px;
 padding:0px;
 background:#324457;
 color:#FFFFFF;
 margin: 0 0 10px 0;
 border: 5px solid #bacfe0;
 }
 #bottom_left{
 float:left;
 width: 320px;
 height: 230px;
 padding:40px;
 background:#eee;
 background-image:url(images/security.jpg);
 background-repeat: no-repeat;
 color: #333;
 line-height: 20px;
 }
 #bottom_right{
 float:left;
 width: 319px;
 height: 230px;
 padding:40px;
 background:#eee;
 background-image:url(images/general.jpg);
 background-repeat: no-repeat;
 color: #333;
 border-left: 1px solid #ccc;
  line-height: 22px;
 }
 #footer{
 clear:both;
 float:left;
 width:770px;
 height:50px;
 padding: 10px;
 padding-left:20px;
 background: #3a4f6b;
 color: #fff;
 font-size:10px;
 background-image:url(images/footer.jpg);
 background-repeat: no-repeat;
}
#h1{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
 color:#003366;
 }
#hr {
height: 0;
border-width: 1px 0 0 0;
border-style: solid;
border-color: #fff;
}
#outer {width:800px; height:inherit;}

.pad1 {width:26px; height:25px; background:#3262a2; display:inline; float:left; margin:1px 1px 0 0;}
.pad2 {width:76px; height:25px; background:#3262a2; display:inline; float:left; margin:1px 0px 0 0;}

#menu {list-style-type:none; padding:0; margin:0;}
#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li {float:left; background-image:url(images/nav_on.jpg); z-index:1;margin:1px 1px 0px 0px; position:relative;}
#menu li.sub {background-image:url(images/nav_on.jpg);}
#menu li.subtwo {background-image:url(images/nav_on.jpg);}
#menu li.subthree {background-image:url(images/nav_on.jpg);}
#menu li.subfour {background-image:url(images/nav_on.jpg);}
#menu li.subfive {background-image:url(images/nav_on.jpg);}
#menu li.subsix {background-image:url(images/nav_on.jpg);}
#menu li.subseven {background-image:url(images/nav_on.jpg);}
#menu li.subeight {background-image:url(images/nav_on.jpg);}
#menu li.subnine {background-image:url(images/nav_on.jpg);}
/* for IE5.5 and IE6 only */
#menu table {border-collapse:collapse;position:absolute;top:0;left:0;z-index:80;font-size:1em;}

#menu li a {display:block; color:#fff; height:25px; font-family:arial, sans-serif; font-size:11px; line-height:24px; width:75px; text-decoration:none; text-align:center;}
#menu :hover {color:#fff; background-image:url(images/nav_off.jpg);}
#menu :hover > a {color:#fff; background-image:;}


#menu ul, 
#menu :hover ul ul,
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul ul.left {
	position:absolute;
	left:-9999px;
	width:128px;
	background-image: url(images/nav_on.jpg);
}

#menu :hover ul{left:0;top:25px; background:url(transparent.gif);} /* the background image is for IE7 */

#menu :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul {padding:0 3px; left:125px; top:-3px;}

#menu :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul.left {padding:0 3px; left:-131px; top:-3px;}

a:focus { -moz-outline-style: none; }/*this avoids having image replacement sections display a dotted outline*/

.flashBorder {
	padding: 3px 3px 3px 3px;
	border: 8px solid #bacfe0;
	display: inline-block;
}