body
{
	background:#657274	url(images/top.png) repeat-x top;
}

p
{	
	color:#657274;
	font-size:11px;
	font-family:Helvetica;
	line-height:18px;
	letter-spacing:1px;
	}
a:link,
a:visited
{
	color:#4daacf;
	font-family:Lucida Sans;
	line-height:18px;
	text-decoration:none;
}

a:hover,
a:active
{
	color:#4FFFFFF;
	font-family:Lucida Sans;
	line-height:18px;
	text-decoration:underline;
}


h1
{
	
	color:#657274;
	font-size:17px;
	font-family:Lucida Sans;
	letter-spacing:1px;
}

#wrapper
{
	margin:0 auto;
	width:902px;
	height:100%;
}
#main_content
{
	width:902px;
	height:654px;
	margin:0px;
	padding:0px;

}

.header
{
	width:902px;
	height:140px;
	background:transparent url(images/header.png) no-repeat;
	padding:0px;
	margin:0px;
	border-right:#b7b6b6 solid 1px;


}
#container
{
	width:901px;
	background:#d4d3d3 url(images/content_bkg.png) repeat-x top;
	padding:0px;
	margin:0px;
	border-left:#b7b6b6 solid 1px;
	border-right:#b7b6b6 solid 1px;

}
.main
{
	padding:0px;
	margin:0px;
	width:880px;
	padding-top:10px;
	margin-left:10px;
	background:#fafafa;
	border:#b7b6b6 solid 1px;
}
.left
{
	

	float:left;
	height:350px;
	width:638px;
	background:#d8dbdb;
	border-right:#b7b6b6  solid 1px;
	padding:10px;

}
.top
{
	padding:10px;
	border-bottom:#b7b6b6 solid 1px;
	

}
.center
{
	float:left;
	height:380px;
	width:700px;
	background:#fafafa;
	border:#b7b6b6 solid 1px;
	padding:10px;
	margin:10px;
}
.right
{
	float:right;
	height:350px;
	width:200px;
	background:#657274;
	border-left:#b7b6b6 solid 1px;
	padding:10px;
}
.right p,
.right h1
{
	color:#fafafa;

}
#news
{
	width:170px;
	position:relative;
}
#releases
{
	margin:10px;
	height:120px;
	width:170px;
	background:#ffffff;
	padding:10px;
	margin:10px;
	border-bottom: 1px dotted #3d7d96;
	z-index:9999;
	position:relative;
}

#footer
{
	width:903px;
	height:40px;
	background:#fafafa;
	border-top:#b7b6b6 solid 1px;

}

#footer p
{
		color:#657274;
		font-size:9px;
		font-family:Lucida Sans;
		padding:10px;
}

.menu
{
	width:450px;
	color:#657274;
	padding:0px;
	margin:0px;
	height:23px;

}
.menu ul
{
	display:inline;	
	
}
.menu ul li
{
	display:inline;
		
	
}
.menu ul li a
{
	text-decoration:none;	
	font-family:Lucida Sans;
	font-size:14px;
	padding-left:10px;
	padding-right:10px;
		
	
}
.menu ul li a:link
{
	text-decoration:none;
	color:#657274;
	font-family:Lucida Sans;
	font-size:14px;	
	
}
.menu ul li a:visited
{

	text-decoration:none;
	color:#657274;	
}
.menu ul li a:hover
{
	text-decoration:none;
	color:#ffffff;
	
}
/************************SIFR*****************************/
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}


 .sIFR-active h1,
      visibility: hidden;
      font-family: Verdana;
    }

    .sIFR-active h1 {
      padding-bottom: 0;
    }


 .sIFR-active h2,
      visibility: hidden;
      font-family: Verdana;
    }

    .sIFR-active h2 {
      padding-bottom: 0;
    }