@media screen
{
  #content {
	width: 300px;
	padding-top: 5px;
	overflow: visible;
	clear: both!important;
	top:1em!important;
	margin-bottom:1em!important;
  }

  /* Don't know why we'd need this rule, but it was here when CatFish worked */
  .clearfix {
    display:block;
	position:relative
  }

}

html {
	width: 100%;
}

img { border: 0px; }

/* --- standard.css --- */
body{ /* set the relative font size of IE5-5.5 differently to everything else, and we scale it from there */
  background: #000;
  line-height: 1.1;
  color: #666;
  font: small Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*Global Whitespace Reset*/
body, form, input {
padding: 0;
margin: 0;
}

img {
  border: 0px none #000;
}

/* column settings */

#content div h3  { /* groovy floating topright headings */
  font:  normal .9em Verdana, Arial, Helvetica, sans-serif;
  height:1em;
  padding: 0px 0.5em 4px .5em;
  clear: left;
  color:#d5d5d5 ;
  background:transparent url(images/bulletr.gif) right center no-repeat;
  margin:0;
  position:absolute;
  left: 5px;
  top:-.8em;
  border:0 none;
}

/* --- index.css --- */
  #newcontent {
    position:relative;
	padding:0!important
  }
  #feature {
    border:1px solid #383737 ;
    margin:0 10px 1em 0;
    padding: 4px 0 3px 0!important;
    position:relative;
	height: auto;
	background:#000;
	width: 300px;
	top:0;
}
  #feature2 {
    border:1px solid #383737 ;
    margin:0 10px 1em 0;
    padding: 4px 0 3px 0!important;
    position:relative;
	height: auto;
	background:#000;
	top:0;
}

#feature table{
	margin-left: 3px;
	margin-top: 2px;
}

#feature2 table{
	margin-left: 3px;
	margin-top: 2px;
}

td {border-collapse: collapse}
  
#feature img{
	padding: 2px;
}

#feature2 img{
	padding: 2px;
}

#feature a{
	margin-left: 0px;
	margin-top: 0px;
	float: left;
	text-decoration: none;
	display: block;
	width: 69px;
	height: 69px;
	background-color: #676767;
}

#feature2 a{
	margin-left: 0px;
	margin-top: 0px;
	float: left;
	text-decoration: none;
	display: block;
	width: 69px;
	height: 69px;
	background-color: #676767;
}

#feature a:hover{
	margin-left: 0px;
	margin-top: 0px;
	float: left;
	text-decoration: none;
	display: block;
	width: 69px;
	height: 69px;
	background-color: #ffffff;
}

#feature2 a:hover{
	margin-left: 0px;
	margin-top: 0px;
	float: left;
	text-decoration: none;
	display: block;
	width: 69px;
	height: 69px;
	background-color: #ffffff;
}

#rightad {
    border:1px solid #383737 ;
    margin: 15px 10px 10px 0;
    padding: 5px 0px 0px 0px!important;
    position:relative;
	height: auto;
	background:#000;
	width: 300px;
	top:0;
	text-align: left;
}

#rightad img{
    width: 98%;
	height: 98%;
}
  
#textad {
	text-align: left;
	padding: 0 5px 5px 5px;
	
}

#imgad {
	display: block;
	margin: 2px 0 12px 0;
	text-align: center;
}  
  
#logo {
	background:#3A538B;
	width: auto;
	height: 90px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0 0 0px;
	text-align: center;
}

#header {
	background-image: url(images/header_bg.gif);
	background-repeat: repeat-x;
	height: 90px;
	font: 13px Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
}
#headermenu {
	text-align: center;
	padding-top: 8px;
}
	
#header ul{
	display: inline;
	list-style-type: none;
	margin-top: 0px;
	padding: 0px;
}

#header li{
	margin-top: 10px;
	display: inline;
	padding: 9px;
}

#header a{
	text-decoration: none;
	color: #000000;
}

#header a:hover{
	text-decoration: none;
	color: #016b8f;
}

#topfeature {
	margin-top: 20px;
	width: auto;
	text-align: center;
}

#topfeature a{
	padding-top: 3px;
	display: block;
	width: 106px;
	height: 103px;
	background-color: #676767;
}

#topfeature a:hover{
	padding-top: 3px;
	display: block;
	width: 106px;
	height: 103px;
	background-color: #ffffff;
}

#content_area{
	margin-top: -42px;
	width: 819px;
	width:expression(document.body.clientWidth < 979 ? "979px" : "90%" );
	height:auto;
	min-height: 400px;
	background-image:url(images/main_bg.gif);
	background-repeat:no-repeat;
}

#content_area td {
	vertical-align: top;
}

#left {
	width: 0px;
	padding-top: 15px;
	text-align: left;
}

#center {
	width: 470px;
	padding-top: 15px;
	text-align: center;
}

#plug {
	margin-top: 5px;
	width: 460px;
	background-color: #000000;
	background-repeat:no-repeat;
}

#plug_left {
	float: center;
	text-align: center;
	padding: 3px 3px 3px 3px;
	text-decoration: none;
	color: #3A538B;
}

#plug_left img{
	width: 65px;
	height: 15px;
	float: inherit;
}

#plug_left a:hover {
	text-decoration: underline;
	color: #3A538B;
}

#plug_txt a {
	text-decoration: none;
	color: #3A538B;
	font: 14px Arial, Verdana, Geneva, Helvetica, sans-serif;
}

#plug_txt a:hover {
	text-decoration: underline;
	color: #3A538B;
	font: 14px Arial, Verdana, Geneva, Helvetica, sans-serif;
}

#plug_txt {
	width: 460px;
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #c5c5c5;
	text-align: left;
	bottom: 2px;
}

#plug_txt2 {
	width: 460px;
	font: 10px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #c5c5c5;
	text-align: center;
	bottom: 2px;
}

#plug_left h1{
	font: 24px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #3A538B;
	text-align: center;
	margin: 0px;
}

#footer {
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	height: 160px;
	width: auto;
	bottom: 0px;
	text-align: center;
	margin-top: 15px;
}

#footerbanner {
	height: auto;
	width: auto;
	background-color: #3A538B;
	padding: 10px 0 10px 0;
	border: 2px solid #8f8f8f;
	border-left: 0px;
	border-right: 0px;
}

h4 {
	margin: 0 10px;
	padding-left: 15px;
	font: 20px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #3A538B;
	font-style: italic;
	text-align: left;
	width: auto;
	border: 0px;
	border-bottom: 1px;
	border-color: #676767;
	border-style: dashed;
}

a {
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #c5c5c5;
	text-decoration: none;
}

a:hover {
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #3A538B;
	text-decoration: underline;
}


#webmaster {
	padding-left: 10px;
	width: 400px;
	height: auto;
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #d5d5d5;
}

#login {
	width: 150px;
	float: left;
	text-align: left;
}

#logina input {
	width: 150px;
}

#register {
	padding: 0px 0 0 0px;
	width: auto;
}

#webmaster a{
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #c5c5c5;
	text-decoration: none;
}

#webmaster a:hover {
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #3A538B;
	text-decoration: underline;
}

#reg{
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #d5d5d5;
	text-align: left;
	padding: 0px 5px 5px 5px;
}

#reg input{
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	padding-top: 1px;
}

#nurgler {
	font: 10px tahoma;
	color: #ffffff;
}
