
/* KEEP FOOTER DOWN */

/*  
Sticky Footer Solution by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* { margin:0; padding:0; } 

table#grid-head {
  margin:0; 
  padding: 5px;
}

table#grid-data {
  margin: 0; 
  border: 1px solid black;
}

table#grid-data tr td { padding: 0 5px; border: 1px solid white; }

tr.hr_cell td div.about-content div.container div#contmanasyst div.X,
tr.hr_cell td div.about-content div.container div#contmanasyst div.a,
tr.hr_cell td div.about-content div.container div#contmanasyst div.b,
tr.hr_cell td div.about-content div.container div#contmanasyst div.footer-cell { border: 1px solid white; }

a.drill {
	font-size: 12px;
	margin: 0;
	color: #f2c98e;
	text-decoration: none;
	padding: 0 2px;
}

a.drill:hover {
  color:#ffffff;
}

/* must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body { height: 100%; }

#container { min-height: 100%; }

#content { overflow:auto; padding-bottom: 60px; }  /* must be same height as the footer */

#footer { position: relative;
          margin-top: -60px; /* negative value of footer height */
          height: 60px;
          clear:both; }

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
  content:"";
  height:100%;
  float:left;
  width:0;
  margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

<!--[if !IE 7]>
 <style type="text/css">
   #wrap { display:table;height:100% }
 </style>
<![endif]-->

*/

/* OTHER */
body {
  background-color: #000000;
  color: #ffffff;
  font-family: georgia, times, times new roman, serif;
  font-size:12pt;
  text-align: left;
}

#footer { font-size:12px; text-align: center; padding: 30px 0 0 190px; }
#footer a { color: white; }
#panel-right { margin: 0 0 0 190px; }

p {
  color: #FFFFFF;
  font-family: times;
  text-align: left;
  font-size: 100%;
  font-style: normal;
  margin-top: 0em; 
  margin-bottom: 0em;
}

h1 {
  color: #FAC885;
  font-size:24pt;
  text-align: center;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  margin-top: 0em; 
  margin-bottom: 0em;
}

/*
h2 {color: #FF0000}
h2 {text-align: center}
h2 {font-family: times}
h2 {font-size: 150%}
h2 {font-style: normal}
h2 {margin-top: 0.5em; margin-bottom: 0.5em;}
*/

h2 {
  color: #FAC885;
  font-size:18pt;
  text-align: center;
  font-style:italic;
  font-weight: normal;
  margin-top: 0em; 
  margin-bottom: 0em;
}

/*
h3 {color: #3333FF}
h3 {text-align: center}
h3 {font-family: times}
h3 {font-size: 120%}
h3 {font-style: italic}
h3 {margin-top: 0em; margin-bottom: 0em;}
*/

h3 {
  color: #FAC885;
  font-size:14pt;
  text-align: left;
  font-style:italic;
  font-weight: normal;  
  margin-top: 0em;
  margin-bottom: 0em;

}
.text {
 color: #ffffff;
 font-family: times;
 text-align: center;
 font-size: 18px;
 margin-top: 0em; 
 margin-bottom: 0em;
 font-style: normal;
 background: #000000;
 line-height: 14pt;
}

.text1 {
 color: #FFFFFF;
 font-family: times;
 text-align: center;
 font-size: 14px;
 margin-top: 0em; 
 margin-bottom: 0em;
 font-style: normal;
 background: #000000;
 line-height: 12pt;
}

a.navlink_hidden:link {
 color: #000000; 
 text-decoration: none;
 font-size: 9px;
}

a.navlink_hidden:visited {
 color: #000000;
 text-decoration: none;
 font-size: 9px;
}

a.navlink_hidden:hover {
 color: #000000;
 text-decoration: none;
 background: #000000;
 font-size: 9px;
}




a.buy-now:link, a.buy-now:visited, a.buy-now:hover {
 color: #ffffff;
 text-decoration: underline;
 text-align: right;
}
a.buy-now:hover {
 color: red;
}


li {
	font:11px verdana, arial, helvetica, sans-serif;
	margin:11px 0px 11px 0px;
	padding:0px;
}

ul {
	font:11px verdana, arial, helvetica, sans-serif;
	margin:11px 0px 0px 22px;	padding:0px;
}

img.tn {height:150px;	}

#panel-left { position:absolute;	 top:5px;	left:5px;	width:150px;	border-right: 1px solid #000000;	padding: 0 0 0em 0;	margin-bottom: 0em;	font-family: "Trebuchet MS", "Lucida Grande",  Verdana, Lucida, Geneva, Helvetica,  Arial, sans-serif;	background-color: #000000;	color: #fac885;	}

#panel-left ul {list-style: none;	margin: 0;		padding: 0;		border: none;	}

#panel-left li {border-bottom: 1px solid #646464;		margin: 0;	}

#panel-left li a {	display: block;		padding: 2px 2px 2px 0.5em;		border-left: 7px solid #343434; 	border-right: 7px solid #343434;		background-color: #000000;		color: #fac885;		text-decoration: none;		width: 100%;		}

html>body #panel-left li a {	width: auto;		}

#panel-left li a:hover {		border-left: 7px solid #242424;		border-right: 7px solid #242424;		background-color: #343434;		color: #fac885;		}

input, textarea { padding: 0 5px; }

table {
	display: table;
  position:relative;
	width: auto;
	margin: 15px auto 60px auto; 
	border-collapse: collapse;	}

tr       { display: table-row }
thead    { display: table-header-group }
tbody    { display: table-row-group }
tfoot    { display: table-footer-group }
col      { display: table-column }
colgroup { display: table-column-group }
td, th   { display: table-cell }
th       { font-family: helvetica; text-align: center; color: #FAC885; vertical-align: baseline; bgcolor="#000000"; border: 1px solid white; padding: 0.5em }
td       { font-family: times; text-align: center; color: #FFFFFF; vertical-align: ; bgcolor="#000000";  padding: 0em }
td.page  { font-family: times; text-align: center; color: #FFFFFF; vertical-align: baseline; bgcolor="#000000"; border: 0px solid black; padding: 0em }
td.price  { font-family: times; text-align: right; color: #FFFFFF; vertical-align: top; bgcolor="#000000"; border: 0px solid black; padding: 0em }
td.add-to-cart  { font-family: times; text-align: right; color: #FFFFFF; vertical-align: bottom; bgcolor="#000000"; border: 0px solid black; padding: 0px 20px 0px 20px; }
caption  { display: table-caption }

a.one {font-family: helvetica; text-align: left}
a.one {font-size: 80%}
a.one {margin-top: 0em; margin-bottom: 0em;}
a.one {font-style: bold}

a.one:link {color: #FAC885; text-decoration: none}
a.one:visited {color: #FAC885; text-decoration: none}
a.one:hover {color: #660000; text-decoration: none; background: #FAC885; }

/* LOGIN */
#login { margin: 100px auto 0 auto; width: 300px; }
#login fieldset { padding: 1em; }
#login input { margin: 0 0 10px 0; }

tr.hr_cell td, tr.nav_cell td { border: 0px solid black; }
tr.nav_cell td { padding: 0 5px 0 5px; }
tr.nav_cell td a { color: #ffffff; }
tr.nav_cell td a:hover { color: #FAC885; }

form { border: 0px solid black; }

form#contact {margin: 25px 0 0 0; }
form#contact .label { text-align: right; width: 165px; padding: 0 10px 0 0; }
form#contact textarea { width: 356px; height: 150px; }

form#rally fieldset { padding: 20px; }
form#rally div.label { font-weight: bold; text-align: right; }
form#rally div.data { text-align: left; }

 