/* ironstyle.css, by Zachary T. Sayre */
/* All associated code and graphics copyright 2009, Zachary T. Sayre - DBA ZTS Design & Development */


body{
  margin:0;
  padding:0;
  line-height: 1.5em;
  color: #FFFFFF;
  background: #330000;
}

#maincontainer{
  width: 940px; /*Width of main container*/
  margin: 0 auto; /*Center container on page*/
}

#maincontainer1{
  width: 940px; /*Width of main container*/
  margin: 0 auto; /*Center container on page*/
}

#topsection{
  height: 150px; /*Height of top section*/
}

#contentwrapper{
  float: left;
  width: 100%;
}

#contentcolumn{
  margin-left: 310px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
  float: left;
  width: 310px; /*Width of left column*/
  margin-left: -940px; /*Set left margin to -(MainContainerWidth)*/
}

.innertube1{
  border: solid;
  border-color: #660000;
  border-width: 3px;
  background-color: #000000;
}

.innertube{
  margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
  margin-top: 0;
}

#footer {
  margin: 25px;
}

#navlayout {
  margin: 25px;
}

#nav, #nav ul, #nav1, #nav1 ul {
  clear: both;
  width: auto;
  padding: 0px 0px 5px 0px;
  margin: 0px;
  list-style: none;
  font-size: 12px;
  border: solid;
  border-color: #BB9977 #990000 #660000 #AA8866;
  border-width: 2px 3px 3px 2px;
  background: #000000; 
  position: relative;
  z-index: 50;
}

#nav, #nav1 {
  height: 25px;
  padding: 0px;
}

#nav table, #nav1 table {
  border-collapse: collapse;
}

#nav li, #nav1 li {
  float: left;
  padding: 0px 15px 0px 0px;
}

#nav li li,#nav1 li li {
  float: none;
}

/* a hack for IE5.x and IE6 */
#nav li a li, #nav1 li a li {
  float: left;
}

#nav li a, #nav1 li a {
  display: block;
  float: left;
  color: #ffffff;
  height: 25px;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 25px;
  text-decoration: none;
  white-space: nowrap;
}

#nav li li a, #nav1 li li a {
  height: 20px;
  line-height: 20px;
  float:none;
}

#nav li:hover, #nav1 li:hover {
  position: relative;
  z-index: 300;
  background: #999999;
}

#nav a:hover, #nav1 a:hover {
  position: relative;
  z-index: 300;
  text-decoration: none;
  color: #DDDDDD;
}

#nav :hover ul, #nav1 :hover ul {
  left: 0px;
  top: 22px;
}

/* another hack for IE5.5 and IE6 */
#nav a:hover ul, #nav1 a:hover ul {
  left: -10px;
}

#nav ul, #nav1 ul {
  position: absolute;
  left: -9999px;
  top: -9999px;
}

/* it could have been this simple if all browsers understood */
/* show next level */

#nav li:hover li:hover > ul, #nav1 li:hover li:hover > ul {
  left: -15px;
  margin-left: 100%;
  top: -1px;
}

/* keep further levels hidden */

#nav li:hover > ul ul, #nav1 li:hover > ul ul {
  position: absolute;
  left: -9999px;
  top: -9999px;
  width: auto;
}

/* show path followed */

#nav li:hover > a, #nav1 li:hover > a {
  text-decoration: none;
  color:#DDDDDD;
}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */

#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul,
#nav1 a:hover a:hover ul,
#nav1 a:hover a:hover a:hover ul,
#nav1 a:hover a:hover a:hover a:hover ul,
#nav1 a:hover a:hover a:hover a:hover a:hover ul {
  left: 100%;
  top: -1px;
}

/* keep further levels hidden */

#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul,
#nav1 a:hover ul ul,
#nav1 a:hover a:hover ul ul,
#nav1 a:hover a:hover a:hover ul ul,
#nav1 a:hover a:hover a:hover a:hover ul ul{
  position: absolute;
  left: -9999px;
  top: -9999px;
}

#validate {
  text-align: center;
  font-size: small;
}

img {
  border: none;
  }