html, body, h1, h2, h3, h4, ul, li {
	margin: 0;
	padding: 0;
}
h1 img {
	
}
img {
	border: 0;
}
a {
	color: #FFFFFF;
}
a:hover {
	color: #FFA405;
}
.left {
	float: left;
}
.right {
	float: right;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}

body {
	background: #3A0404 url(images/page_bg.jpg) repeat-x;
	font: 11px arial, sans-serif;
	color: #464544;
	padding-bottom: 10px;
}

/** layout **/
#wrapper {
	width: 100%;
	min-height: 750px;
	height: 100%;
	background: url(images/header5.png) no-repeat;
	position: top;
}

h1 {
  padding-left: 10px;
  font: 32px "arial black", arial, sans-serif;
  color: #151515;
  position: relative;
}

h1 em {
  color: #ffffff;
  font-weight: bold;
  font-style: normal;
  position: relative;
  top: -50px
}

/* nav */

/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */

*{margin:0;padding:0;border:none;}

body{margin:0.5em;font-family:verdana,tahoma,arial,sans-serif;}

/* Begin CSS Popout Menu */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical_centered.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Get rid of the margin, padding and bullets in the unordered lists */
#menu {padding:0; margin:0 auto; list-style-type: none; display:table;  width: 650;}
#menu ul {padding:0; margin:0; list-style-type: none; display:block;}

/* Hide the sub levels */
#menu li ul {display:none;}

/* Set up the link size, color and borders */
#menu li a, #menu li a:visited {display:block;  width:100px; font-size:11px; color:#ffffff; height:25px; line-height:24px; text-decoration:none; text-indent:0px; border: 2px solid #ffffff; border-width: 2px 2px 2px 2px; text-align:center;}

/* Set up the sub level borders */
#menu li ul li a, #menu li ul li a:visited {border-width:0 1px 1px 1px;}
#menu li a.enclose, #menu li a.enclose:visited {border-width:1px;}

/* Set up the list items */
#menu li {float:left; background:#901315;}
#menu li.tc {display:table-cell;}

/* For Non-IE browsers and IE7 */
#menu li:hover {position:relative;}
/* Make the hovered list color persist */
#menu li:hover > a {background:#dfd7ca; color:#c00;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#menu li:hover > ul {display:block; position:absolute; top:25px; left: 0px; padding: 0px 0px 0px 0px; background:transparent url(transparent.gif); width:120px;}
/* Position the first sub level beneath the top level liinks */
#menu > li:hover > ul {left:-60px; top:16px;}

/* get rid of the table */
#menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #menu li a:hover {position:relative; background:#dfd7ca; color:#c00;}

/* For accessibility of the top level menu when tabbing */
#menu li a:active, #menu li a:focus {background:#dfd7ca; color:#c00;}


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #menu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
background:#000 url(/css/images/expand3.gif) no-repeat -999px -9999px;
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
color:#000;
background:#eee url(/css/images/expand3.gif) no-repeat 100% 100%;
}

#menu a.x:hover{
color:#fff;
background:#000;
}

#menu a.x:active{
color:#060;
background:#ccc;
}

/** topcontent **/

#topcon {
  background: url(images/transparentBox.gif) no-repeat;
  width: 427px;
  position: absolute;
  top: 105px;
  left: 55%;
  color: #fff;
}
#topcon-inner {
  margin: 33px 40px 41px 85px;
  height: 120px;
  overflow: auto;
}
#topcon h2 {
  font-size: 14px;
}

/** Body **/

#content {
  width: 92%;
  position: absolute;
  color: #fff;
  top: 299px;
  left: 33px;
}
#content a {
  color: #fff;
}
#content a:hover {
  color: #fee;
}
#body {
  border: 3px solid white;
  background: #901315;
  padding: 18px;
}

.box {
  float: left;
  width: 70%;
  background: #730F11;
  
}
.box-t { height: 100%; background: top url(images/box_t.gif) repeat-x; }
.box-r { height: 100%; background: right url(images/box_r.gif) repeat-y; }
.box-b { height: 100%; background: bottom url(images/box_b.gif) repeat-x; }
.box-l { height: 100%; background: left url(images/box_l.gif) repeat-y; }
.box-tr { height: 100%; background: top right url(images/box_tr.gif) no-repeat; }
.box-br { height: 100%; background: bottom right url(images/box_br.gif) no-repeat; }
.box-bl { height: 100%; background: bottom left url(images/box_bl.gif) no-repeat; }
.box-tl { height: 100%; background: top left url(images/box_tl.gif) no-repeat; }

.box-tl {
  padding: 13px 18px;
}

.box p {
  margin: 1em 0;
}

p.more {
  margin: 0;
}

#hits {
  width: 25%;
  margin-left: 2em;
}
#hits .box-tl {
  padding-bottom: 22px;
}
#hits ul {
  margin: 1em 0;
}
#hits li {
  list-style: none;
  margin: 0.9em 0;
}
#hits ul a {
  text-decoration: none;
}
#hits ul a:hover {
  text-decoration: underline;
}

#new {
  margin-right: 0;
}
#new .box-tl {
  padding-bottom: 18px;
}
#new p {
  margin-top: 0;
  margin-bottom: 3.6em;
}

#body h2 {
  font-size: 12px;
  text-align: left;
  margin-bottom: 1.5em;
}
#body h3 {
  font-size: 9px;
  color: #FFEA00;
}
#body .more a {
  font-weight: bold;
  text-decoration: none;
}
#body .more a:hover {
  text-decoration: underline;
}
#body .hr-yellow {
  border-top: 1px solid #FFEA00;
  padding-bottom: 1em;
  margin-top: 1em;
}

/** footer **/
#footer {
  text-align: center;
}
#footer p, #footer ul {
  margin: 0.8em;
}
#footer ul {
  margin-top: 1.2em;
}
#footer li {
  display: inline;
  list-style: none;
}

