@charset "UTF-8";
@charset "utf-8";
/* CSS Document */
/*clearing browsers' default settings */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:”; }
abbr,acronym { border:0; }
img{
	behavior: url(iepngfix.htc);  /*ie png transparency fix*/
}
#contactTable {
	font-weight:800;
	margin-left:20px;
	text-align:right;
}
p{
	margin-bottom:5px;
}
#contactTable span{
	margin-right:10px;
	vertical-align:super;
}
/*#contactTable br{
	margin-top:20px;
}*/
strong {
	font-weight:800;
}
#positronic {
	margin-top:3px;
	text-align:center;
	font-size:10px;
	color: #999999;
}
#positronic a{
	font-size:10px;
	color: #999999;
	text-decoration:none;
}
#positronic a:hover{
	font-size:10px;
	color:#CCC;
	text-decoration:underline;
}
body {
	background: #ad0000;
	font: 12px Geneva, Arial, Helvetica, sans-serif;
}
#middleWrapper{
	background: url(../imgs/bg.jpg); 	
	/*margin-top:-1px;*/
	padding-top:-50px;
	display:block;
}
#wrapper {
	margin: 0px auto;
	padding: 0px;
	width: 658px;
	/*min-height:800px;
	height: auto !important;
	height: 800px;*/  /*here's the problem, wrapper has a declared height need to use min-height     */
}
.style1 {color: #999999}

#header {
	background: url(../imgs/header.jpg);
	display: block;
	height: 117px;
	width: 658px;
}
#header #logo a{
	display: block;
	width: 235px;
	margin-top: 10px;
	margin-left: 10px;
	height: 100px;
	float: left;
}
#splash {
	background: url(../imgs/splash.jpg);
	margin: 0px;
	padding: 0px;
	height: 165px;
}
#header #logo span {
	display: none;
}
#header #slogan {
	float: right;
	width: 250px;
}
#header #slogan span {
	display: none;
}
#horizontalBar {
	background: #FFF200;
	height: 20px;
	width:630px;
	margin-left:auto;
	margin-right:auto;
	display: block;
	margin-top:-1px;
}
#navblock {
	color: #000000;
	background: #FFF200;
	display: block;
	height: 27px;
	width:640px;
	margin-left:auto;
	margin-right:auto;
	/*margin-top: 1px;*/
	font: 13px Geneva, Arial, Helvetica, sans-serif;
}

 @media screen and (-webkit-min-device-pixel-ratio:0) {#navblock {margin-top:-13px; width:640px;} #nav,#nav ul  {position:relative; left:-40px;}.last{position:relative;  top:-25px; right:-539px;} .rightMenu{position:relative; left:-40px; width:200px;}.rightMenu ul{250px;} .rightMenu ul li{display:inline;}}
 
#nav, #nav ul {
	padding-top:1px;
	margin-left:5px;
	list-style: none;
	z-index: 50;
}

#nav a {
	display: block;
/*	width: 12em;*/
	text-align: center;
	border-right: 1px solid #FFFFFF;
	height: 22px;
	padding-top: 3px;
	padding-left:5px;
	padding-right:5px;
	background: #FFFF00;
/*	border-bottom: 1px solid #FFFFFF;*/
	color: #000000;
	text-decoration: none;
}
#nav a:hover {
	color: #FFFFFF;
	background: url(../imgs/navover.jpg);
}

#nav li {
	float: left;
}

#nav a.last {
	border-left-style: none;
}
	
/*#content {
	display: block;
	margin: 15px 20px;
	clear: left;
}*/

 #left {
	display: block;
	/*float: left;*/
	width: 445px;
}
#left a{
	text-decoration:none;
}
 #left h1 {
	font: bold 15px Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	background: url(../imgs/h1-left.jpg) no-repeat left;
	vertical-align: middle;
	height: 25px;
	width: 250px;
	padding: 0px;
}
 h1 span {
	background: url(../imgs/h1-rt.jpg) no-repeat right;
	height: 19px;
	display: block;
	padding-top: 6px;
	padding-left: 17px;
}
 #left p {
	display: block;
	padding-left: 55px;
	line-height: 17px;
	padding-right: 5px;
}
 #right {
	float: right;
/*	position:relative;
	top:50px;
	right:10px;*/
	margin-right:10px;
	margin-top:50px;
	width: 140px;
	display: block;
/*	margin-top: -300px;*/
}

 #right #testi {
	background: url(../imgs/test-btm.jpg) bottom;
	margin: 0px;
	padding: 0px;
	width: 127px;
	display: block;
}

.rightimage  {
	margin: 0px;
	padding: 0px;
	width: 127px;
	display: block;
}
.rightMenu  {
	text-align:center;
	margin: 0px;
	padding: 0px;
	width: 127px;
	display: block;
	
}
.rightMenu a{
	line-height:17px;
	text-decoration:none;
	color: #164A8D;
}
.rightMenu ul li {
	line-height:17px;
}
.rightMenu a:hover{
	text-decoration:underline;
}
 #right #testi span {
	background: url(../imgs/test-top.jpg) no-repeat top;
	display: block;
	padding: 15px 7px;
	width: 113px;
	text-align: center;
	font: bold 13px "Times New Roman", Times, serif;
}
 #bottom {
	clear: both;
	text-align: center;
	display: block;
	font: bold 22px Helvetica, Arial, sans-serif;
	color: #164A8D;
	padding-top: 25px;
	/*padding-bottom: 10px;*/
}

#bottom a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#164A8D;
}

#bottom a:hover {
text-decoration:none;
}

 #foot {
	clear:both;
	background: url(../imgs/footerImage.jpg) no-repeat top;
	width: 658px;
	height: 54px;
	text-align: center;
	color: #AD0000;
	padding-top: 8px;
	line-height:16px;
	/*display: block;*/
	margin-right: auto;
	margin-left: auto;
}
#foot a {
	font-weight: bold;
	color: #AD0000;
	text-decoration: none;
}
#foot a:hover {
	color: #FF0000;
}
#subfoot {
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
	display: block;
	width: 658px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#subfoot a {
	color: #999999;
	text-decoration: none;
}
#subfoot a:hover {
	color: #FFFF00;
}