/*  Malarkey Image Replacement  */
.mir {
letter-spacing : -1000em;
}
/* MIR just for IE */
* html .mir, * html h1.mir, * html h2.mir, * html h3.mir {
  text-indent: -999em;
}
/* End of hack */
/* Be nice to Opera, but hide for Mac IE */
/*\*/html>body .mir {
letter-spacing: normal;
text-indent: -999em;
overflow : hidden;
}
/* end of hack */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


a {
color: #003A7B;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: none;
}
body {
margin: 0px;
padding: 0px;
font: normal 11px/14px Verdana;


color: #000000;
text-align: center;
background: url(../images/body_bg.gif) repeat-y;
}


div {
margin: 0px;
padding: 0px;
}
p {
margin-top: 0px;
}
span {
display: none;
}
br {
margin: 0px;
padding: 0px;
}
form {
margin: 0px;
padding: 0px;
}

/*  Font and Formatting Elements  */
em {
}
strong {
}
h1{
}
h2 {
color: #003A7B;
font: bold 14px/16px Verdana;
}
h3 {
margin-bottom: 0px;
color: #003A7B;
font: bold 11px/14px Verdana;
}
h4 {
}
h5 {
}
h6 {
margin-bottom: 0px;
color: #003A7B;
}
hr {
}
ul{
margin-top: 0px;
}
/*  Table and Image Elements  */
img {
}
table {
}
td {
} 
tr {
}

/* Structure Elements/Classes  */
#page {
position:relative;
margin: 0px auto;
padding: 0px 10px 0px 10px;
width: 800px;
text-align: left;
background: url(../images/bg.gif) repeat-y top;
}
#masthead {
margin: 0px;
_margin: 0px 0px -10px 0px; /*cheesy ie hack*/
padding: 0px;
border: 0;
height: 94px;
overflow: hidden;
background: #003A7B url(../images/logo_header.gif) no-repeat;
}


#logo {
position: absolute;
border-color: none;
left: 24px;
top: 27px;
text-decoration: none;
background: url(../images/naftin_logo_header.gif) no-repeat;
}



#tag {
position: absolute;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 200px;
height: 36px;
overflow: hidden;
background: #941409 url(../images/tag.gif) no-repeat;
}

/* navigation elements */
#navcontainer
{
position: absolute;
margin: 0 0 0 200px;
padding: 0;
width: 600px;
height: 36px;
z-index: 1;
}

#navcontainer ul
{
border: 0;
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
padding: 0px;
margin: 0px;
width: 119px;
display: block;
float: left;
text-align: left;
border-right: 1px solid #941409;
}

#navcontainer ul li a
{
background: #941409 url(../images/nav_bg.gif);
padding: 0 0 0 23px;
height: 36px;
color: #ffffff;
text-decoration: none;
display: block;
font: 11px/30px Verdana;
}

#navcontainer ul li a:hover
{
color: #ffffff;
background: #941409 url(../images/nav_bg_over.gif);
}

#navcontainer a:active
{
background: #941409 url(../images/nav_bg_over.gif);
color: #ffffff;
}

#navcontainer li#active a
{
background: #941409 url(../images/nav_bg_over.gif);
color: #ffffff;
}
#navcontainer ul li ul
{
position: relative;
left: 0px;
top: 0px;
display: none;
background-image: none;
}

#navcontainer ul li ul li
{
padding: 0px;
margin: 0px;
width: 118px;
display: block;
float: none;
text-align: left;
color: #ffffff;
background: #B4221B;
background-image: none;
}

#navcontainer ul li ul li a
{
margin: 0px;
padding: 4px 0px 6px 4px;
width: 114px;
height: auto;
background: #B4221B;
background-image: none;
color: #ffffff;
text-decoration: none;
display: block;
font: 10px/11px Verdana;
}

#navcontainer ul li ul li a:hover
{
color: #ffffff;
background: #941409;
background-image: none;
}

#navcontainer ul li:hover ul, #navcontainer ul li.sfhover ul { display: block; }

#leftColumn
{
/*position: absolute;*/
float: left;
margin: 36px 0 0 0;
padding: 0px;
width: 200px;
height: 500px;
text-align: center;
}
#rightColumnFlash
{
/*position: absolute;*/
float: left;
/*margin: 36px 0 0 200px;*/
margin: 36px 0 0 0;
padding: 0;
width: 600px;
background: #002469;
z-index: 0;
height:  500px;
}
#rightColumn
{

/*position: absolute;*/
float: left;
/*margin: 36px 0 0 200px;*/
margin: 36px 0 0 0;
padding: 0 0 20px 0;
width: 600px;

background: #ffffff;
z-index: 0;
}

#footer{
padding: 10px 0 0 0;
float: none;
width: 100%;
height: 70px;
background: url(../images/footer_bg.gif) no-repeat top;
}
.leftArea
{
margin: 0;
padding: 0;
width: 200px;
text-align: left;
}

#naftinProducts
{
margin: 10px 0 0 0;
/*background: #ffffff;*/
}
#naftinProductsTitle, #naftinContactRepTitle, #naftinDownloadsTitle
{
margin: 0;
padding: 0;
width: 200px;
height: 23px;
}

#naftinProductsTitle
{
background: url(../images/lefttitle_naftinproducts.gif);
}
#naftinContactRepTitle
{
background: url(../images/lefttitle_contactrep.gif);
}
#naftinDownloadsTitle
{
background: url(../images/lefttitle_downloads.gif);
}


#repForm
{
margin: 10px 15px 0 0;
padding: 0;
text-align: right;
}
#repForm p
{
margin: 0;
padding: 5px 0 5px 0;
}
#submit
{
margin: 3px 0 0 120px;
}

#dropDown
{
width: 123px;
padding-left: 10px;
margin-left:  5px;
}

#box
{
width: 120px;
border: 1px solid #cccccc;
}
#zip {
width: 55px;
border: 1px solid #cccccc;
}
#state {
width: 30px;
border: 1px solid #cccccc;
}


ul#leftBulletList
{
margin: 0px;
padding: 0 0 0 25px;
width: 160px;
}

#mainContent
{
margin: 20px 20px 20px 20px;

}