@charset "utf-8";
body{
background: url(../images/top_bg.jpg) repeat-x left top;
margin:0px;
padding:0px;
text-align:center;
height:271px;
background-color:#FFFFFF;
}
body, p, h1, h2, h3, table, td, th, ul, ol, textarea, input {
	font-family : Verdana, Arial, Helvetica, sans-serif;
}
#wrapper{
width:100%;
margin:auto;
padding:0px;
}
#wrapper2{
margin:auto;
padding:0px;
width:900px;
}

img{
border:0px;
}

.normal_text {
font-size: 11px;
line-height: 18px;
color: #575757;
text-align:justify;
line-height:18px;
text-decoration: none;
}

.blue_text {
font-size: 11px;
line-height: 18px;
color: #3169b4;
text-align:justify;
line-height:18px;
text-decoration: none;
}
.normal_text2 {
font-size: 11px;
line-height: 18px;
color: #575757;
text-decoration: none;
}

.whtie_text_bold {
font-size: 11px;
line-height: 18px;
font-weight:bold;
color: #fff;
text-decoration: none;
}

.whtie_text_small {
font-size: 9px;
line-height: 18px;
color: #fff;
text-decoration: none;
}

.whtie_text_blue {
font-size: 11px;
line-height: 18px;
font-weight:bold;
color:#0000FF;
text-decoration: none;
}

.whtie_text_red {
font-size: 11px;
line-height: 18px;
font-weight:bold;
color: #ff0000;
text-decoration: none;
}

.whtie_text_red2 {
font-size: 11px;
line-height: 18px;
font-weight:bold;
color: #D5403C;
text-decoration: none;
}
.whtie_text_yellow{
font-size: 11px;
line-height: 18px;
font-weight:bold;
color: #EEDD0B;
text-decoration: none;
}
.whtie_text_navy{
font-size: 11px;
line-height: 18px;
font-weight:bold;
color: #000099;
text-decoration: none;
}
.whtie_text_green{
font-size: 11px;
line-height: 18px;
font-weight:bold;
color: #009900;
text-decoration: none;
}

.whtie_text_orenge{
font-size: 11px;
line-height: 18px;
font-weight:bold;
color: #FF6600;
text-decoration: none;
}
.whtie_text_purple{
font-size: 11px;
line-height: 18px;
font-weight:bold;
color: #6600CC;
text-decoration: none;
}
.whtie_text_silver{
font-size: 11px;
line-height: 18px;
font-weight:bold;
color: #CCCCCC;
text-decoration: none;
}
.whtie_text_grey{
font-size: 11px;
line-height: 18px;
font-weight:bold;
color: #999999;
text-decoration: none;
}


.normal_text_bold {
font-size: 14px;
line-height: 18px;
font-weight:bold;
color: #777;
text-align: justify;
text-decoration: none;
}

.normal_text_bold2 {
font-size: 11px;
line-height: 18px;
font-weight:bold;
color: #777;
text-align: justify;
text-decoration: none;
}

.red_txt{
font-size:9px;
color:#FF0000;
text-decoration:none;
}

.hrd_text_bold {
font-size: 17px;
line-height: 18px;
font-weight:bold;
line-height:18px;
color: #40536f;
text-align: justify;
text-decoration: none;
}

.top_text{
margin:20px 10px 15px 0px;
padding:0px;
text-align: right;
float: right;
width:890px;
font-size:11px;
color:#FFFFFF;
}

.top_text_inner{
margin:0px 0px 0px 0px;
padding:0px;
float: right;
list-style-type:none;
}

.top_text_inner ul{
margin:0px;
padding:0px;
float: right;
text-align: right;
list-style-type:none;
}

.top_text_inner li{
margin:0px 5px 0px 5px;
padding:0px;
float: right;
text-align: right;
font-size:11px;
color:#FFFFFF;
list-style-type:none;
text-decoration:none;
}

.top_text_inner li a{
margin:0px 5px 0px 5px;
padding:0px;
float: right;
text-align: right;
font-size:11px;
color:#FFFFFF;
list-style-type:none;
text-decoration:none;
}


.top_sec{
margin:auto;
padding:0px;
text-align:left;
width:900px;
float:left;
height:271px;
}

.logo{
margin:0px;
padding:0px;
float:left;
text-align:left;
height:190px;
width:321px;
}

.flash_sec{
margin:0px;
padding:0px;
text-align:left;
float:right;
height:190px;
width:579px;
}

#main_container{
margin:20px 0px 40px 0px;
padding:0px;
float:left;
width:900px;
text-align:left;
}

#left_panel{
margin:0px 0px 5px 0px;
padding:0px;
float:left;
width:224px;
height:100%;
text-align:left;
}

.left_sec{
margin:0px;
padding:0px;
float:left;
width:211px;
}

.left_sec ul{
margin:0px;
padding:0px;
float:left;
text-align:left;
width:211px;
list-style-type:none;
}

.left_sec li{
margin:1px 0px 0px 0px;
padding:0px;
float:left;
text-align:left;
width:211px;
height:26px;
list-style-type:none;
text-decoration:none;
}

.left_sec li a{
margin:1px 0px 0px 0px;
padding:0px;
float:left;
height:26px;
text-align:left;
list-style-type:none;
text-decoration:none;
}

#main_content{
margin:0px 15px 0px 20px;
padding:0px;
width:641px;
float: left;
text-align:left;
}

#footer_bg{
margin:auto;
padding:0px;
text-align:center;
height:58px;
width:100%;
float:left;
background-color: #EEEEEE;
}

.footer_text{
margin:auto;
padding:0px;
text-align:center;
color:#3c3c3c;
line-height:18px;
width:900px;
}

.footer_right{
margin:20px 0px 0px 0px;
padding:0px;
text-align: right;
color:#3c3c3c;
float: right;
line-height:18px;
width:400px;
}

.footer_left{
margin:20px 0px 0px 0px;
padding:0px;
text-align: left;
color:#3c3c3c;
float:left;
line-height:18px;
width:400px;
}



.arrowlistmenu{
width: 211px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font:11px Arial;
color: #008000;
margin: 0px 0px 0px 0px; /*bottom spacing between header and rest of content*/
padding: 0px; /*header text is indented 10px*/
cursor: hand;
background-color:#FFFFFF;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
	font-size: 18px;
}

.arrowlistmenu ul li{
padding: 0px 0px 5px 0px; /*bottom spacing between menu items*/
margin:3px 0px 0px 12px;
}

.arrowlistmenu ul li a{
color: #1559bd;
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
text-align:left;
border-bottom: 1px  dashed #dadada;
font-size:12px;
font: Georgia, "Times New Roman", Times, serif;
}

.arrowlistmenu ul li a:visited{
color: #575757;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #4176bd;
}

.portable{
	margin:0px 10px 0px 0px;
	padding:0px;
	float:left;
	text-align:left;
	width:176px;
	height:156px;
	background-image: url(https://www.microspec.com/mers/site/opn2001.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.trakker{
margin:0px 20px 0px 0px;
padding:0px;
float:left;
text-align:left;
width:128px;
height:156px;
background: url(../images/trakker_img.jpg) left top no-repeat;
}

.badges_img{
margin:0px 0px 0px 20px;
padding:0px;
float:right;
text-align:left;
width:209px;
height:191px;
background: url(../images/badges_img.jpg) left top no-repeat;
}

.print_trakker{
margin:
}
.contact_bg{
margin:0px;
padding:0px;
background:url(../images/contact_bg.jpg) left bottom repeat-x #FFFFFF;
height:116px;
text-align:center;
width:100%;
border-left:1px solid #F3F3F3;
border-right:1px solid #F3F3F3;
border-top:1px solid #F3F3F3;
}
