body {
height:100%;
margin:0;
padding:0;
font-size: 17px;
font-family:Garamond,Verdana,sans-serif;
}

h1 {
font-size:14px;
color:#000000;
border-top:2px solid #000000;
margin:0;
}

h2 {
font-size:31px;
text-align:center;
color:#003366;
font-family:Trebuchet MS,Verdana,sans-serif;
margin: 0;
}

h3 {}

#container {
background-color: #EBEBEB;
border-left:2px solid #003366;
border-right:2px solid #003366;
width: 900px;
margin:0 auto;
}

h4 {
	font-size:16px;
	color:#333333;
	padding:100;
}

h5 {
	color:#003366;
}

#overlay {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
     background-image:url(overlay.png);
}

#overlay div {
     width:475px;
     margin: 100px auto;
     background-color: #003366;
     border:1px solid #000;
     padding:10px;
     text-align:center;
}

.tab { margin-left: 20px; }
.raised,.raised2 {background: transparent; width:100%;}
.raised h1, .raised p ,.raised2 h1, .raised2 p {margin:0 0px;}
.raised h1,.raised2 h1 {font-size:2em; color:#ddd;}
.raised p,.raised2 p {padding-bottom:1em;}

.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b,.raised2 .b1, .raised2 .b2, .raised2 .b3, .raised2 .b4, .raised2 .b1b, .raised2 .b2b, .raised2 .b3b, .raised2 .b4b {display:block; overflow:hidden; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b, .raised2 .b1, .raised2 .b2, .raised2 .b3, .raised2 .b1b, .raised2 .b2b, .raised2 .b3b {height:1px;}
.raised .b1  {background:#003366; border-left:1px solid #003366; border-right:1px solid #003366;}
.raised .b2  {background:#003366; border-left:1px solid #003366; border-right:1px solid #003366;}
.raised .b3 {background:#003366; border-left:1px solid #003366; border-right:1px solid #003366;}
.raised .b4  {background:#003366; border-left:1px solid #003366; border-right:1px solid #003366;}

.raised2 .b1  {background:#FFF; border-left:1px solid #000000; border-right:1px solid #000000;}
.raised2 .b2  {background:#FFF; border-left:1px solid #000000; border-right:1px solid #000000;}
.raised2 .b3 {background:#FFF; border-left:1px solid #000000; border-right:1px solid #000000;}
.raised2 .b4  {background:#FFF; border-left:1px solid #000000; border-right:1px solid #000000;}

.raised .b4b,.raised2 .b4b  {background:#FFF; border-left:1px solid #000000; border-right:1px solid #000000;}
.raised .b3b,.raised2 .b3b  {background:#FFF; border-left:1px solid #000000; border-right:1px solid #000000;}
.raised .b2b,.raised2 .b2b {background:#FFF; border-left:1px solid #000000; border-right:1px solid #000000;}

.raised .b1, .raised2 .b1 {margin:0 5px; background:#000000;}
.raised .b2, .raised .b2b, .raised2 .b2, .raised2 .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b, .raised2 .b3, .raised2 .b3b {margin:0 2px;}
.raised .b4, .raised .b4b, .raised2 .b4, .raised2 .b4b {height:2px; margin:0 1px;}
.raised .b1b, .raised2 .b1b {margin:0 5px; background:#000000;}
.raised .boxcontent, .raised2 .boxcontent {
	display:block;
	background:#FFF;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	text-align: left;
}

.raised .boxcontent2,  {display:block;  background:#EFEFEF; border-left:1px solid #7e8b9b; border-right:1px solid #7e8b9b;}

.bg_darkgrey2
{ 	font: bold 14px tahoma,verdana,sans-serif;
	padding: 3px;
	color: #FFFFFF;
	background-color: #003366;
	background-position: left center;
	height: 18px;
	padding-left:8px;
}

.txt_header2 {
  	font: bold 14px tahoma,verdana,sans-serif;
	color: #41608a;
}

#logo {
background-image:url(grid.jpg);
background-color: #000000;
text-align: left;
padding: 0px;
margin: 0px;
}

#logo img {
padding:10px 10px 3px 15px;
} 

#iconsbox {
background-image:url(logosbkg.png);
width: 900px;
height: 180px;
margin-bottom: 0;
border-top:2px solid #000000;
background-color: #666666;
}

#content {
background-color: #EBEBEB;
padding: 0;
}

div#content {
	padding: 12px 12px 12px 12px;
	min-height:600px;


height:expression(this.scrollHeight > 600 ? "auto":"600px");
}

p, pre{
padding: 5px 10px;
margin:0;
}

#pic1 {
float: left;
width: 250px;
margin: 0px;
padding: 0px;
}

#pic2 {
float: right;
width: 250px;
margin: 0px;
padding: 0px;
}

#left {
float: left;
width: 220px;
margin-top: -12px;
margin-right: -12px; 
padding: 0px;
}
#right {
border-left: solid 4px #003366;
border-bottom: solid 4px #003366;
float: right;
width: 220px;
margin-top: -12px;
margin-left: 12px; 
padding: 10px;
}

#footer {
padding:0;
margin:0;
clear: both;
text-align: right; 
}

/*
*	logosprite
*/
.displace {
	position: absolute;
	left: -5000px;
	}
ul.cssmenu {
	list-style: none;
	padding: 0px;
	}
ul.cssmenu li {
	float: left;
	}
ul.cssmenu li a {
	margin:0 0 19px 19px;
	display: block;
	width: 128px;
	height: 156px;
	background: url('sprite.png');
	}
ul.cssmenu li.aboutus a.selected {
	background-position: 0 -156px;
	}
ul.cssmenu li.aboutus a {
	background-position: 0 0;
	}
ul.cssmenu li.aboutus a:hover {
	background-position: 0 -156px;
	}
ul.cssmenu li.aboutus a:active {
	background-position: 0 -312px;
	}
ul.cssmenu li.downloads a.selected {
	background-position: -128px -156px;
	}
ul.cssmenu li.downloads a {
	background-position: -128px 0;
	}
ul.cssmenu li.downloads a:hover {
	background-position: -128px -156px;
	}
ul.cssmenu li.downloads a:active {
	background-position: -128px -312px;
	}
ul.cssmenu li.faq a.selected {
	background-position: -256px -156px;
	}
ul.cssmenu li.faq a {
	background-position: -256px 0;
	}
ul.cssmenu li.faq a:hover {
	background-position: -256px -156px;
	}
ul.cssmenu li.faq a:active {
	background-position: -256px -312px;
	}
ul.cssmenu li.home a.selected {
	background-position: -384px -156px;
	}
ul.cssmenu li.home a {
	background-position: -384px 0;
	}
ul.cssmenu li.home a:hover {
	background-position: -384px -156px;
	}
ul.cssmenu li.home a:active {
	background-position: -384px -312px;
	}
ul.cssmenu li.products a.selected {
	background-position: -512px -156px;
	}
ul.cssmenu li.products a {
	background-position: -512px 0;
	}
ul.cssmenu li.products a:hover {
	background-position: -512px -156px;
	}
ul.cssmenu li.products a:active {
	background-position: -512px -312px;
	}
ul.cssmenu li.support a.selected {
	background-position: -640px -156px;
	}
ul.cssmenu li.support a {
	background-position: -640px 0;
	}
ul.cssmenu li.support a:hover {
	background-position: -640px -156px;
	}
ul.cssmenu li.support a:active {
	background-position: -640px -312px;
	}
