/* Body Styles */

body {margin: 0}

p,td,li {font: 12px Verdana,arial,helvetica,sans-serif; color: #666666}

pre {font: bold 10px Verdana,arial,helvetica,sans-serif; color: #1E3E8E}

ul {list-style: square}

h1 {font: bold 10pt arial,helvetica,tahoma,sans-serif; color: 141F6F}

h2 {font: bold 13px verdana,arial,helvetica,sans-serif; color: steelblue}

h3 {font: bold 12px verdana,arial,helvetica,sans-serif; color: #808080}

h4 {font: bold 14px arial,helvetica,sans-serif; color: #008000}

h5 {font: bold 10px arial,helvetica,sans-serif; color: #008000}

.dots {font: 10px Verdana,arial,helvetica,sans-serif; color: #AFAFB3}

.title {font: bold 10pt arial,helvetica,tahoma,sans-serif; color: 141F6F}

.ex {font: bold 8pt arial,helvetica,tahoma,sans-serif; color: 666666}

.field {font: bold 10px Verdana,arial,helvetica,sans-serif; color: #1E3E8E}

a {color: FF0000;
font: bold 10px Arial;

}

a:hover {color: #2E2F9C;
font: bold 10px Arial;

}



.commu a {color: #FE4B0A;
text-decoration: none
}

.commu a:hover {color: #CC0001;
text-decoration: none
}

pre {margin-bottom: 0}



.hrz_line {background: #a1a1a1}

.hrz_line2 {background-image: url(images/hrz_line.gif); height: 1px}

.maincontent {background: #ffffff; padding: 2em}

.colorbar {background: #76A8DB}

.colorbar2 {background: #255B86}

.foot {background: #F4F4F4; padding-right: 2em}

.poptop, .popbot {background: #F4F4F4}

.popbot {padding-top: 3px; padding-bottom: 3px; padding-left: 1em}

.nav_special {color: #ADCEEF; margin-right: 2em}

.nav_link {color: #ffffff; text-decoration: none}

.category {background: #AFAFB3; font-size: 10pt; color: #1E3E8E; margin-bottom: 0.5em}
.user {background: #D5D5F1; font-size: 10pt; color: #1E3E8E; margin-bottom: 0.5em}
.itm {background: #E7E7E9; font-size: 10pt; margin-bottom: 0.5em}
. {font-size: 10pt; margin-bottom: 0.5em}


dt {font: bold 10pt verdana,arial; padding-top: 1em}

dd {font: normal 8pt verdana,arial; line-height: 18px}

.QA {font: normal 8pt arial, helvetica,tahoma; color: #343434; width: 100px}



.arquestion {color: #CC0001; font-weight: bold; margin: 0; padding: 3px; font-size: 12pt}

.aranswer {font-weight: normal; background: #EFEFEF;  margin: 0; padding: 3px; font-size: 12pt}

.arpagetitle {color: #CC0001; font-weight: bold; margin: 0; padding: 3px; font-size: 14pt}

.arnotes {font-weight: bold; margin: 0; padding: 3px; font-size: 10pt}
.arcaption {font-weight: bold; color: #CC0001; margin: 0; padding: 3px; font-size: 10pt}

.arcontent {font-weight: bold; margin: 0; padding: 3px; font-size: 12pt}

.white {color: #CC0001; font-weight: bold; margin: 0; 3px; font-size: 10pt}
.arcourt {color: #CC0001; font-weight: bold; margin: 0; padding: 1px; font-size: 11pt}





/* Table Styles */

.tablehead {background: #dddddd}

.rowA {background: #EBECED}

.rowB {background: #ffffff}

.rowC {background: #E5E5E5}

.double {
border-style: double;
border-color: #BFC0C1;
 }




/* Form Styles */
.textfield {font-family: verdana, sans-serif; font-size:11px; color:#666666; background:#ffffff; border-top:1px solid #bbbbbb; border-left:1px solid #bbbbbb; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd;}

.submit {font: normal 8pt "verdana","arial mt","arial narrow","arial"; background: #639BC5; color: #ffffff; border: #cccccc 1px outset}

select {font: normal 7pt "verdana","arial mt","arial narrow","arial"; color: #616161;}

select.nav_sel {font: normal 7pt "verdana","arial mt","arial narrow","arial"; color: #30678F; background: #ADCEEF}

form {margin: 0}



.btn {
font-family: Verdana;
font-weight: none;
background-image: url('images/but.gif');
background-repeat: no-repeat;*/
border: none;
cursor: pointer;
padding: 5px 20px;
font-size: 10px;
color: #ffffff;
}

.btn1 {
font-family: Verdana;
font-weight: none;
background-image: url('images/but.gif');
background-repeat: no-repeat;*/
border: none;
cursor: pointer;
padding: 5px 9px;
font-size: 10px;
color: #ffffff;
}

.btn2 {
font-family: Verdana;
font-weight: none;
background-image: url('images/but.gif');
background-repeat: no-repeat;*/
border: none;
cursor: pointer;
padding: 5px 21px;
font-size: 10px;
color: #ffffff;
}

.btn3 {
font-family: Verdana;
font-weight: none;
background-image: url('images/but.gif');
background-repeat: no-repeat;*/
border: none;
cursor: pointer;
padding: 5px 12px;
font-size: 10px;
color: #ffffff;
}

.btn4 {
font-family: Verdana;
font-weight: none;
background-image: url('images/but.gif');
background-repeat: no-repeat;*/
border: none;
cursor: pointer;
padding: 5px 21px;
font-size: 10px;
color: #ffffff;
}

.btn5 {
font-family: Verdana;
font-weight: none;
background-image: url('images/but.gif');
background-repeat: no-repeat;*/
border: none;
cursor: pointer;
padding: 5px 17px;
font-size: 10px;
color: #ffffff;
}

.btn6 {
font-family: Verdana;
font-weight: none;
background-image: url('images/but.gif');
background-repeat: no-repeat;*/
border: none;
cursor: pointer;
padding: 5px 14px;
font-size: 10px;
color: #ffffff;
}

.btn7 {
font-family: Verdana;
font-weight: none;
background-image: url('images/but.gif');
background-repeat: no-repeat;*/
border: none;
cursor: pointer;
padding: 5px 15px;
font-size: 10px;
color: #ffffff;
}

.btn8 {
font-family: Verdana;
font-weight: none;
background-image: url('images/but.gif');
background-repeat: no-repeat;*/
border: none;
cursor: pointer;
padding: 5px 25px;
font-size: 10px;
color: #ffffff;
}

.btn9 {
font-family: Verdana;
font-weight: none;
background-image: url('images/but.gif');
background-repeat: no-repeat;*/
border: none;
cursor: pointer;
padding: 5px 26px;
font-size: 10px;
color: #ffffff;
}

.btn10 {
font-family: Verdana;
font-weight: none;
background-image: url('images/but.gif');
background-repeat: no-repeat;*/
border: none;
cursor: pointer;
padding: 5px 17px;
font-size: 10px;
color: #ffffff;
}

.geninputred {

color : #666666;
	border: 1px solid #CC0001;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 11px;

}


.geninput {
	font-weight: bold;
color : #666666;
	border: 1px solid #FF0000;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 10px;

}


<style type="text/css">

.matt{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.matt ul{
font: bold 12px Verdana;
list-style-type: none;
}

.matt li{
display: inline;

}

.matt li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 7px; /*padding inside each tab*/
font: bold 10px arial;
color: #1E3E8E;

}

.matt li a:visited{
color: #1E3E8E;
}

.matt li a:hover, .mattblacktabs li.selected a{
background: #CC0001; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
color: #E6E6E6;
}

</style>