html { height: 100%; }

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #eeeeee;
	font-size: small;
	background-color: #090c11;
	background-image: url(../images/footerbg1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 30px 0px 0px 0px;
  	padding: 0;
 	overflow:hidden;
	scrollbar-base-color: #32475d; 
	scrollbar-arrow-color: #bf0000;
	scrollbar-DarkShadow-Color: #111111; 
	height: 100%;
}

/* for internet explorer */
* html body {
  padding:0; 
  }
 
#containersmall {
  position:fixed; 
  top:10px;
  left:0;
  bottom:50px; 
  right:0; 
  overflow:auto; 
  padding: 10px;
  font-size: smaller;
  }
 
* html #containersmall {
  height:80%; 
  width:100%; 
  }
  
#containerlarge {
  position:fixed; 
  top:10px;
  left:0;
  bottom:50px; 
  right:0; 
  overflow:auto; 
  padding: 10px;
  font-size: smaller;
  }
   
* html #containerlarge {
  height:500; 
  width:100%; 
  }

a {
	color: #AAAAAA;
}
a:hover {
	color: #bf0000;
}

.BodyText {
	font-size: smaller;
	text-align: left;
}

.BodyText_AboutUs {
	font-size: xx-small;
	text-align: left;
}

h2 {
	text-align: center;
}
h1
{
	font-size: 65px;
	font-family: BritannicEFBold, Verdana, Tahoma;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: capitalize;
	text-align: center;
	color: #bf0000;
}
h3
{
	font-size: 24px;
	font-family: Verdana, Tahoma;
	font-weight: bold;
	text-align: center;
}
h4 {
	font-size: 14px;
	text-align: center;
	color: #bf0000;
	font-family: Verdana, Tahoma;
}
.companyFont
{
	font-family: BritannicEFBold, Verdana, Tahoma;
	font-variant: small-caps;
	text-transform: capitalize;
	color: #bf0000;
	font-size: larger;
}

.pageHeader {
	position: absolute;
	left: auto;
  	top: 0;
	/*border: medium ridge #666666;*/
	box-shadow: 0.2em 0.2em #CCC;
	margin: 0px 0px 0px 0px;
	width:101%;  
	height: 125px;
  	padding: 0;
}

.pageTitle {
	background-image: url(../images/drum_logo_bw_bg_wm.jpg);
	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;	
}

table.innerTable
{
	background-position: center;
	color: #eee;
	border: 2px solid #32475d;
	list-style-position: outside;
	width: 90%;
	background-color: #000;
	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
}

table.innerTable li
{
	font-size: smaller;
}

/* default setup that everything sees */
.shadow {
  /* needed for Internet explorer */
  height: 1em;
  filter: Shadow(Color=#666666, 
                 Direction=135, 
                 Strength=5);
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #666666; 
}

#shadow_1:before { 
  content: 'In shadow'; 
}
#second_2:before { 
  content: 'Happy Shadowing!'; 
}

/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #666666 5px 5px 5px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

table.linedTable {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #ccc;
	background-color: #0a1f34;
}

table.linedTable td {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	vertical-align: top;

}

.newItem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: oblique;
	font-weight: bolder;
	font-variant: small-caps;
	text-transform: uppercase;
	color: #990000;
	vertical-align: middle;
}

table td.date {
	font-size: smaller;
}

.indentedBody {
 	color: #99ccff;
	margin: 10px 0px 10px 75px;
}

h1 {
  font: bold 330%/100% "Lucida Grande";
  position: relative;
  color: #464646;
}
h1 span {
  background: url(gradient.png) repeat-x;
  position: absolute;
  display: block;
  width: 100%;
  height: 31px;
}

.outermost_body
{
	text-align: center;
	min-height: 60%;
	max-height: 95%;
}

.bodybox
{
	width: 	800px;
	border: thin single #32475d;
	height: 550px;
	margin: 0px;
	padding: 5px;
	overflow: scroll;
}

.bodybox_noscroll
{
	width: 	800px;
	border: thin single #32475d;
	height: 550px;
	margin: 0px;
	padding: 5px;
}

/* FOOTER AREA */

#footer {
	clear:both;
	margin: auto;
	background-image:url('images/bkFooter.gif');
	width: 100%;
	height:33px;
	color: White;
	font-size: 10px;
	text-align: center;
}
#footerLeft {float:left; padding: 6px 0 0 35px;}
#footerLinks {float: right; padding: 6px 30px 0 0;}
#footerLinks a { color: White; text-decoration:none; font-size: 10px; }
#footerLinks a:hover { text-decoration:underline; }

table.clsMenu
{
	 background-image:url(../images/cyclone_logo.png);
	 background-repeat: no-repeat;
}
	
	#flashcontent {
		height: 100%;
	}

div.clsHiddenDiv
{
	display: none;
}