/*************************************************************************
* This is the SKIN style definition for the CSS menu.                    *
* Feel free to customize this section.                                   *
*************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
.whitetext{
	color: #FFF;
}
.whitetext a{
	color: #FFF;
}
.whitetext a:link{
	color: #FFF;
}
.whitetext a:hover{
	color: #FFF;
}
.whitetext a:visited{
	color: #FFF;
}
.headline{
	font-family: Impact;
	color: #C0000E;
	font-size: 18px;
	font-weight: normal;
}
.headline a{
	font-family: Impact;
	color: #C0000E;
	font-size: 18px;
	font-weight: normal;
}
.headline a:link{
	font-family: Impact;
	color: #C0000E;
	font-size: 18px;
	font-weight: normal;
}
.headline a:hover{
	font-family: Impact;
	color: #000;
	font-size: 18px;
	font-weight: normal;
}
.headline a:visited{
	font-family: Impact;
	color: #C0000E;
	font-size: 18px;
	font-weight: normal;
}
.headline2{
	font-family: Impact;
	color: #FFF;
	font-size: 18px;
	font-weight: normal;
}
.headline2 a{
	font-family: Impact;
	color: #FFF;
	font-size: 18px;
	font-weight: normal;
}
.headline2 a:link{
	font-family: Impact;
	color: #FFF;
	font-size: 18px;
	font-weight: normal;
}
.headline2 a:hover{
	font-family: Impact;
	color: #FFF;
	font-size: 18px;
	font-weight: normal;
}
.headline2 a:visited{
	font-family: Impact;
	color: #FFF;
	font-size: 18px;
	font-weight: normal;
}
#contentproducts{
	height: 500px;
	width: 1000px;
	background-color: #333;
}
.NMbody{
	color: #FFF;
}
.mmbody{
	color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
}
#productscroll{
	height: 500px;
	width: 1000px;
	margin-top: 20px;
	background-color: #333;
	overflow: auto;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: normal;
	color: #FFF;
	font-size: 11px;
}
.productstable{
	background-color: #333;
	overflow: auto;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: normal;
	color: #FFF;
	font-size: 12px;
}
#cathead{
	margin-left: 30px;
	margin-top: 15px;
	position: relative;
}
#cathead2{
	margin-left: 30px;
	width: 900px;
	color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	position: relative;
	float: left;
	margin-top: 50px;
}
#cathead3{
	margin-left: 30px;
	width: 900px;
	color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	position: relative;
	float: left;
}
#contentmisc{
	width: 1000px;
	margin-top: 30px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	color: #FFF;
}
body {
	background-color: #000;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: center;
}
/* Commonly used to style page titles. */
h1 {
	color: #FFF;
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-family: Impact;
}
/* Commonly used to style section titles. */
h2 {
	color: #F00;
	font-size: 16px;
	font-weight: normal;
	font-family: Impact;
	height: 433px;
	line-height: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
}
/* Sets the style for unvisited links. */
a,  a:link {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for visited links. */
a:visited {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
  color: #000;
  text-decoration: underline;
}
/* Sets the style for a link that has focus. */
a:focus {
  color: #000;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
  color: #000;
}

#outerWrapper {
	margin: 0 auto 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: left; /* Redefines the text alignment defined by the body element. */
	width: 1000px;
	background-image: url(../../../../newnav/NEW-Madrid-02-middle-bg.jpg);
	background-repeat: no-repeat;
}
#outerWrapper2 {
	text-align: left; /* Redefines the text alignment defined by the body element. */
	width: 1000px;
	background-image: url(../../../../newnav/NEW-Madrid-03-middle-bg.jpg);
	background-repeat: no-repeat;
	height: 1600px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#outerWrapper #header {
	height: 116px;
}
#newsletter{
	float: right;
	height: 31px;
	width: 225px;
	margin-top: 50px;
	margin-right: 30px;
	clear: right;
}
#topnav{
	height: 15px;
	width: 805px;
	float: right;
	margin-top: 3px;
}
#outerWrapper #contentWrapper #leftColumn1 {
	float: left; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 322px;
	background-image: url(../../../../newnav/homenewsbg.jpg);
	background-repeat: no-repeat;
	height: 480px;
}
#leftColumntext{
	margin-left: 10px;
	margin-top: 45px;
	height: 380px;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666;
	line-height: 16px;
}
/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#outerWrapper #contentWrapper #content {
	width: 638px;
	float: right;
}
/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#outerWrapper #contentWrapper .clearFloat {
  clear: left;
  display: block;
}
#outerWrapper #footer {
	padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 9px;
	color: #FFF;
	font-weight: normal;
	text-align: center;
}
#footer a {
	font-weight: normal;
	color: #FFF;
}
#footer a:link {
	font-weight: normal;
	color: #FFF;
}
#footer a:hover {
	font-weight: normal;
	color: #FFF;
}
/*
 * Menu container settings
 * Applies to the first level menu container
 */
.arktic_red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
 	font-weight: bold;
}

/*
 * Menu container settings
 * Applies to second (or more) level menu containers
 */
.arktic_red ul {
	border: 1px solid #afafaf;
	font-weight: normal;
}

/*
 * Menu items settings
 * Applies to all menu items in all menu containers
 */
.arktic_red li {
	background-image: url(img/bgtop_h.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #AFAFAF;
	width: 110px;
}

/*
 * Menu items settings
 * Applies to second (or more) level menu items
 */
.arktic_red ul li {
	background-image: url(img/bg.gif);
	background-repeat: repeat-y;
	background-color: #ffffff;
	border: none;
 	width: 180px;
}

/*
 * Menu link settings
 * Applies to links that are to be found within the menu items, no matter the menu level
 */
.arktic_red a {
	text-decoration: none;
	line-height: 18px;
	color: #555555;
	padding: 1px 2px 1px 21px;
	border-bottom: 2px solid  #DE0000;;
	cursor: pointer;
}

/*
 * Menu link settings
 * Applies to links located in the second (or more) level menu items
 */
.arktic_red ul a {
 	border-bottom:1px solid #ffffff;
}


/*****************************************************************************
* In this section, we will define what happens when a menu item is selected  *
*****************************************************************************/

/*
 * Selected menu item
 * Applies to selected menu items in all menu containers
 */
.arktic_red li.selected {
	background-image: url(img/bgtop_h_sel.gif);
	background-repeat: repeat-x;
}

/*
 * Selected menu item
 * Applies to second (or more) level selected menu items
 */
.arktic_red ul li.selected {
	background-image: url(img/bg_sel.gif);
}

/*
 * Selected links
 * Applies to selected links in all menu items
 */
.arktic_red a.selected {
	color: #000000;
	border-bottom-color: #FF1200;
}

/*
 * Selected links
 * Applies to selected links located in the second (or more) level menu items
 */
.arktic_red ul a.selected {
	color: #555555;
	border-bottom-color: #ffffff;
}


/***************************************************************************
* In this section, we will define what happens when mouse-overing an item  *
***************************************************************************/

/*
 * Mouse over on menu items
 * Applies to all menu items in all menu containers
 */
.arktic_red li.hover {
  	background-image: none !important;
	background-color: #DE0000;
}
  
/*
 * Mouse over on menu items
 * Applies to second (or more) level menu items
 */
.arktic_red ul li.hover {
}

/*
 * Mouse over on links
 * Applies to all links in all menu items
 */
.arktic_red a.hover {
	color: #ffffff !important;
	border-bottom-color: #FF756A;
}

/*
 * Mouse over on links
 * Applies to links located in the second (or more) level menu items
 */
.arktic_red ul a.hover {
  	border-bottom-color: #ffffff;
}


/******************************************************************************
* In this section, we will define the menu arrows behavior                    *
* An arrow is inserted next to the menu item when the menu item has sub-menus *
******************************************************************************/

/* 
 * Define the arrow
 * Applies to all menu items that have sub-menus
 */
.arktic_red .arrow {
	background-image: url(img/arrow_right_color.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
}

/* 
 * Define the arrow
 * Applies to all menu items that have sub-menus located in the second (or more) level
 */
.arktic_red .hover ul .arrow,
.arktic_red ul .arrow {
	background-image: url(img/sarrow_right_dark.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

/* 
 * Define the arrow on mouse over
 * Applies to all menu items that have sub-menus on mouse over
 */
.arktic_red .hover .arrow {
	background-image: url(img/arrow_down_light.gif	);
}

/* 
 * Define the arrow on mouse over
 * Applies to all menu items that have sub-menus located in the second (or more) level on mouse over
 */
.arktic_red ul .hover .arrow {
	background-image: url(img/sarrow_right_light.gif);
}
/*************************************************************************
* This is the LAYOUT style definition for the CSS menu                   *
* DO NOT alter this section, unless you know what you're doing           *
*************************************************************************/
div.horizontal {
	clear: both;
}
div.horizontal br {
	clear: both;
}
div.horizontal ul {
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	clear: both;
}
div.horizontal li {
	list-style-type: none;
	display: block;
	float: left;
	clear: none;
	text-align: left;
    position: static;
}
div.horizontal li img {
	border: none;
}
div.horizontal a {
	clear: both;
	display: block;
	margin: 0px;
}
div.horizontal ul li ul {
	position: absolute;
	left: -5000px;
	top: -5000px;
	visibility: hidden;
	clear: both; 
}
div.horizontal ul li ul li {
	clear: both; 
}
div.horizontal ul li ul li a {
	clear: both;
}
#sdd {
	position:relative;
	left:0px;
	z-index:1;
	color: #003399;
	visibility: hidden;
}
#sdd a{
color: #003399;
visibility: hidden;
}
#sdd a.link{
color: #003399;
visibility: hidden;
}
.hasImg,
.hasImg a {
	padding: 0px !important;
	margin:	0px	!important;
	border:	none !important;
	outline: none !important;
	background:	transparent !important;
	width: auto !important;
}
.blacktext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000;
}
#fblike {
	float: left;
	margin-top: 50px;
	margin-left: 150px;
	height: 21px;
}