/*~~~~~~~~~~~~~~~~~global styles startZ~~~~~~~~~~~~~~~~~*/
html {
	width: 100%;
	height: 100%;
	_border: none;
}
body, form {
	margin: 0px;
	text-align: center;
	width: 100%;
	height: 100%;
	background: #FFF;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	line-height:120%;
}
img, object, embed {
	display: block;
	outline: none;
}
a img, img a, img {
	border: none;
}
a {
	outline: none;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li {
	padding: 0;
	margin: 0;
}
.clearer{
	clear: both;
	line-height: 0px;
}
div.BKAHeader {
    position: absolute;
    background: #FFFFFF;
    border: solid 1px #ECECEC;
    padding: 3px 6px 3px 6px;
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
div.BKAHeader span.template {
    display: block;
    font-family: Arial;
    font-size: 9px
}
p.noJS {
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
	color: #FFF;
    display: block;
    width: 100%;
    padding: 4px 0 3px 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: #F24E31;
}
div.siteContainer {
	color: #666;
	text-align: left;
	width: 760px;
	width/**/:/**/ 758px;
	margin: 0 auto;
	padding: 0;
	border-left:1px solid #00343E;
	border-right:1px solid #00343E;
}
p {
	padding-bottom:14px;
}
h1 {
	font:bold 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color:3C657A;
	text-transform:uppercase;
	letter-spacing:2px;
	margin:0 0 13px 0;
}
h2 {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#3C657A;
	padding:0 0 7px 0;
}
a {
	color:#666;
}
a:hover {
	color:#017596;
}
ul {
	margin:0 0 12px 40px;
	list-style:none;
}
ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	list-style-image: url(../Images/UI/bulit.gif);
}

/*~~~~~~~~~~~~~~~~~global styles endZ~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~header and top nav styles start~~~~~~~~~~~~~~~~~*/
div.header {
	position:relative;
	height:111px;
	height/**/:/**/110px;
	border-bottom:1px solid #00343E;
}
div.logo {
	position:absolute;
	width:242px;
	height:48px;
	top:20px;
	left:16px;
}
div.nav {
	position:absolute;
	bottom:-1px;
	right:21px;
	width:555px;
	height:24px;
}
div.nav a {
	display:block;
	float:left;
	height:24px;
	text-indent:-9999px;
	position:relative;
}
div.nav a:hover {
	background-position:left -24px;
}
div.nav a.active {
	background-position:left -48px;
}
a.home {
	width:51px;
	background:url(../Images/UI/a-home.jpg) no-repeat left top;
}	
a.about {
	width:72px;
	background:url(../Images/UI/a-aboutUs.jpg) no-repeat left top;
}
a.products {
	width:75px;
	background:url(../Images/UI/a-products.jpg) no-repeat left top;
}
a.services {
	width:67px;
	background:url(../Images/UI/a-services.jpg) no-repeat left top;
}
a.applications {
	width:93px;
	background:url(../Images/UI/a-applications.jpg) no-repeat left top;
}
a.resources {
	width:79px;
	background:url(../Images/UI/a-resources.jpg) no-repeat left top;
}
a.news {
	width:48px;
	background:url(../Images/UI/a-news.jpg) no-repeat left top;	
}
a.contact {
	width:70px;
	background:url(../Images/UI/a-contact.jpg) no-repeat left top;
}
#headerFlash {
	width:718px;
	height:90px;
	margin:20px 0 0 20px;
}
/*~~~~~~~~~~~~~~~~header and top nav styles end~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~content styles start~~~~~~~~~~~~~~~~*/
div.col1 {
	width:400px;
	margin:18px 20px 0 19px;
	float:left;
}
div.col2 {
	width:300px;
	margin:18px 0 0 0;
	float:left;
}
div.news {
	margin:0 0 15px 0;
	display: none;
}
div.news a {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#3C657A;
	text-decoration:none;
}
div.news a:hover {
	color:#017596;
	text-decoration:underline;
}
div.contentL2 {
	width:545px;
	float:left;
	margin:18px 0 0 0;
}
div.newsContent {
	width:758px;
	margin:0;
	background:#FFF;
}
/*~~~~~~~~~~~~~~~~content styles end~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~sub nav styles start~~~~~~~~~~~~~~~~*/
div.subNav {
	width:160px;
	font:9px Verdana, Arial, Helvetica, sans-serif;
	margin:50px 32px 10px 0;
	float:left;
	border-top:1px solid #ccc;
}
div.subNav a {
	display:block;
	border-bottom:1px solid #ccc;
	text-decoration:none;
	text-transform:uppercase;
	padding:5px 0 5px 20px;
	color:#00343E;
}
div.subNav a:hover {
	background:url(../Images/UI/nav.gif) no-repeat 10px 9px;
}
div.subNav a.active {
	color:#017596;
}
/*~~~~~~~~~~~~~~~~sub nav styles end~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~footer styles start~~~~~~~~~~~~~~~~*/
div.footer {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	background:url(../Images/UI/footer.gif) no-repeat left bottom;
	text-align: left;
	width: 760px;
	width/**/:/**/ 740px;
	height:94px;
	height/**/:/**/74px;
	margin: 0 auto;
	padding:20px 0 0 20px;
}
div.footer p {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
}
div.footer a {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color:#999;
}
div.footer a:hover {
	text-decoration:underline;
	color:#017596;

}

/*~~~~~~~~~~~~~~~~footer styles end~~~~~~~~~~~~~~~~*/