/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

html,body,div,span,table,tr,th,td,p,span,h1,h2,h3,h4,ul,ol,li,a,form { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-family: Arial;  }  /* Default font for all items */
* { -moz-box-sizing:border-box; box-sizing:border-box; -ms-box-sizing: content-box; -webkit-box-sizing: border-box; }
html { min-height: 100%; height: 100%; } /* Set height to 100% + 1px to force scroll bar in FF */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { height: 100%; margin-bottom: 1px;  }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: none; height: 1px; overflow: hidden; }
textarea, select, select * { color: #333333; font-size: 12px; }

html {
	overflow-x: hidden;
}


object:active, div:active { outline: none; }
object:focus, div:focus { -moz-outline-style: none; }


ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
ol { margin-left: 30px; }


ul li { list-style-type: square; }

.bordered { border: 1px solid #CC0000; }

h1, h2, h3, h4, h5 { font-family: Times; font-weight: normal; }

h1, h1 a { color: #AA0000; font-size: 20px; margin: 0px 0px 15px 0px; line-height: 26px; font-style: italic; letter-spacing: -0.02px; }
h2, h2 a { color: #AA0000; font-size: 18px; margin: 0px 0px 5px 0px; line-height: 22px; }
h3, h3 a { color: #000000; font-size: 12px; margin: 0px 0px 5px 0px; line-height: 15px; }
p  { margin: 0px 0px 12px 0px; }
p, table, td, div, a  { color: #646464; font-size: 13px; line-height: 18px; }
a  { color: #aa0000; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus, a:active { outline: 0;}
a img { border: none; }


.frm td, .frm th { padding: 3px 0px 3px 0px; vertical-align: top; }
.frm th { padding-right: 10px; text-align: left; }


/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/

#main {
	width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #FFF;
	margin: 0 auto -105px; /* the bottom margin is the negative value of the footer's height */
}


#header_container {
  width: 1119px;
  margin: 0 auto 0 -53px;
  background: url('../images/layout/the-steel-header.png') no-repeat;
}


#header {
    height: 253px;
}

#logo {
  float: left;
  border: none;
  margin-top: 3px;
  margin-left: 50px;
}

#mini_nav {
  float: right;
  width: 500px;
  text-align: right;
  margin: 10px 15px 0px 0px;
  font-size: 10px;
  color: #666666;
}

#mini_nav a {
  font-size: 11px;
}


#nav_container {
  width: 1119px;
  margin: -85px auto -50px -67px;
  background: url('../images/layout/nav-bg.png') no-repeat;
  position: relative;
  z-index: 2;
}
#nav_inner {
	width: 953px;
	margin: 0px auto;
	height: 134px;
}

#body_container {
  width: 960px;
  margin: 0px auto;
  position: relative;
  z-index: 1;

}


#body {
	min-height: 370px;
	height: auto !important; /*MOZ/IE7*/
	height: 360px; /*IE6*/
	background: url('../images/layout/body-bg.jpg') repeat-y;
}

#body_inner {
    padding: 65px 50px 0;
}
.big_bold {
	color: #333;
	font-size: 22px;
}
.episode_header {
	margin: 0 0 25px 25px;
}

#footer_container {
  bottom: 12px;
  height: 106px; /* #push must be the same height as #footer_container */
  background: url('../images/layout/footer-bg.png') no-repeat;
  width: 1085px;
  margin: 0 auto;
}

#push {
  height: 106px;
}



#footer {
  width: 953px;
  margin: 0px auto;
  padding-top: 24px;
}

#footer_left { width: 50px; float: left; color: #FFFFFF; margin-left: 50px; }
#footer_right { width: 700px; float: right; text-align: right; color: #FFFFFF; font-size: 13px; margin-right: 65px; padding-top: 33px; }

#footer_left a, #footer_right a { text-decoration: none; color: #FFF; font-size: 13px; }
#footer_left a:hover, #footer_right a:hover { text-decoration: underline; }






/* Navigation */

#nav { padding-top: 50px; }

#p7menubar { margin: 0 0 0 50px; }


#p7menubar a { display: block; }
#p7menubar a.trigger { color: #FFFFFF; }
#p7menubar li { float: left; width: 9em;	list-style-type: none; margin: 0px; color: #FFFFFF; font-weight: normal; font-size: 18px; font-family: arial; line-height: 28px; }
#p7menubar li { position: relative; }
/* hide from IE mac \*/
    #p7menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */
#p7menubar li ul, #p7menubar ul li  { width: 100%; }
#p7menubar li ul { position: absolute; display: none; margin: 0px; z-index: 5000; }
#p7menubar li:hover a, #p7menubar a:focus, #p7menubar a:active, #p7menubar li.p7hvr a { }
#p7menubar li:hover ul, #p7menubar li.p7hvr ul { display: block; }
#p7menubar li:hover a, #p7menubar a:focus, #p7menubar a:active, #p7menubar li.p7hvr a { /*    background: #33CCFF;*/ }

#p7menubar li:hover a, #p7menubar a:focus, #p7menubar a:active, #p7menubar li.p7hvr a { background: #aa0000; } /*  */

/* Set styles below */

#p7menubar a { padding: 0px 20px; color: #FFFFFF; font-weight: normal; font-size: 18px; font-family: Arial, Helvetica, sans-serif; line-height: 31px;  }
#p7menubar a:hover { color: #FFFFFF; background: #aa0000; text-decoration: none; opacity: 0.8; filter:alpha(opacity=80); }
#p7menubar li ul { width: 220px; background: #aa0000; opacity: 0.8; filter:alpha(opacity=80); z-index: 5000; }
#p7menubar li ul li a { font-weight: normal; font-size: 15px; }
#p7menubar li ul li a:hover { background: #840000; opacity: 0.8; filter:alpha(opacity=80); }


/* drop over code */

#p7menubar li:hover ul li ul, #p7menubar li.p7hvr ul li ul {
	position: absolute; display: none; margin: 0px;
	margin-left: 200px;
	margin-top: -28px;
}

#p7menubar li:hover ul li:hover ul, #p7menubar li.p7hvr ul li:hover ul {
	display: block;
	border: 1px solid #FFFFFF;
}