@charset "utf-8";



html,body,div,span,applet,object,iframe,

h1,h2,h3,h4,h5,h6,p,blockquote,pre,

a,abbr,acronym,address,big,cite,code,

del,dfn,em,font,img,ins,kbd,q,s,samp,

small,strike,strong,sub,sup,tt,var,

dl,dt,dd,ol,ul,li,

fieldset,form,label,legend,

table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	font-weight:inherit;
	font-style:inherit;
	font-family:inherit;
	text-align:left;
	font-size: 10pt;

}



/********************************************************

 Modify the styles below to customize your site's design. 

 ********************************************************/



/* base styles */

body{

font-family:Arial, Helvetica, sans-serif; /* base font */

font-size:12px;                           /* base font-size */

color:#555;

background:#141414 url(../images/bg-design1.gif) 0 0 repeat-x;

text-align:center; /* for centering layouts (remove if not desired) */

}



/* By only applying the margin to the bottom, spacing between

   these common block-level elements remains consistent and

   headings can be flush with the following content if desired. */

p,ul,ol,table,form,blockquote{
	margin-bottom:10px;
	font-weight: normal;

}

p{

line-height:16px;

}

a{

  outline: none;

}



/* heading styles */

h1,h2,h3,h4,h5,h6{

color:#971001;

font-weight:bold;

}

h1{

font-size:26px;

font-weight:normal;

color:#666666;

margin-top:-40px;

margin-bottom:20px;

position:relative;

z-index:5;

}

h2{
	font-size:14px;
	font-family: inherit;

}

h3{

font-size:14px;

color:#333;

}

h4{

font-size:12px;

color:#333;

}

h4,h5,h6{

font-size:12px;

}



/* hyperlink styles */

a{

color:#971001;

text-decoration:underline;

}

a:hover{

color:#f00;

}



/* list styles */

ul{
	list-style:none;
	font-weight: bold;

}

li{

padding:3px;

}

ul li{

padding-left:20px; /* custom bullet (because FF has ugly bullets) */

background:url(images/bullet-default.gif) 0 2px no-repeat;

}

li ul li{

background:url(images/bullet-circle.gif) 0 2px no-repeat;

}

ol{

list-style-position:inside;

}

li ol{

padding-left:20px;

}

/* nested lists */

li ol, li ul{

margin-bottom:0;

}



/* table styles */

td{

vertical-align:top; /* 99% of the time, you really want this */

}



/* A class is used for formatting tables so nothing weird happens

   when someone wants to use a table for layout. */

table.dataTable{
	border: 1px solid #CCCCCC;
	border-collapse:collapse;
	margin-bottom:0px;
	width: 575px;
	overflow: visible;

}

.dataTable caption{

color:#06C;

font-weight:bold;

font-size:14px;

}

.dataTable tr{

}

.dataTable th, .dataTable td{

text-align:center;

padding:5px;

}

.dataTable th{

font-weight:bold;

color:#fff;

background:#444;

border-bottom: 1px solid #CCCCCC;

border-right: 1px solid #CCCCCC;

border-collapse:collapse;

border-top:solid 2px #971001;

}

.dataTable th a{

color:#FFFFFF;

text-decoration:none;

}

.dataTable th a:hover{

color:#FFFF99;

}

.dataTable td{

border-bottom:1px solid #ccc;

border-right: 1px solid #CCCCCC;

border-collapse:collapse;

}



table.leftAlignTable{

border: 1px solid #CCCCCC;

border-collapse:collapse;

margin-bottom:0px;

}

.leftAlignTable caption{

color:#06C;

font-weight:bold;

font-size:14px;

}

.leftAlignTable th, .leftAlignTable td{

padding:5px;

}

.leftAlignTable th{

font-weight:bold;

color:#fff;

background:#444;

border-bottom: 1px solid #CCCCCC;

border-right: 1px solid #CCCCCC;

border-collapse:collapse;

border-top:solid 2px #971001;

}

.leftAlignTable th a{

color:#FFFFFF;

text-decoration:none;

}

.leftAlignTable th a:hover{

color:#FFFF99;

}

.leftAlignTable td{

border-bottom:1px solid #ccc;

border-right: 1px solid #CCCCCC;

border-collapse:collapse;

font-size:11px;

}

.vidTable{

float:right;

}

.vidTable td{

padding:0;

margin:0;

padding-bottom:5px;

}

.vidTable th{

font-weight:bold;

color:#fff;

background:#444;

border-bottom: 1px solid #CCCCCC;

border-right: 1px solid #CCCCCC;

border-collapse:collapse;

border-top:solid 2px #971001;

padding:5px;

}

.lighter{

background:#f2f2f2;

}

#searchbox {

overflow:auto;

padding:0px;

border:1px solid #333;

background:#782126 url(../images/item-viewer-bg.gif) 0 0px repeat-x;

}

#searchbox td{

padding:3px;

}

#searchboxField, #searchboxField *{

float:left;

}

#searchboxField input {

font-size:12px;

border:1px solid #333;

height:17px;

padding:2px 3px;

margin:0;

}

#searchboxField input, #searchboxField label {

vertical-align:text-bottom;

}

#searchboxField label, #searchboxField span {

margin-right:10px;

}

#searchboxField a {

margin:0;padding:0;border:0;

background:url(Images/search-sprite.gif) 0 0px no-repeat;

padding-right:1px;

}

#searchboxField a:hover {

background-position:0 -50px;

position:relative;

left:-1px;

}

#searchbox form {

margin:0;

}



/* other miscallaneous styles */

p{

}

strong,b{

color:#555;

font-weight:bold;

}

em,i{

color:#f00;

font-style:italic;

}

hr{

height: 0;

border: 0;

width:85%;

border-bottom: 1px solid #ccc;

margin:6px 8%;

}

blockquote{

font-style:italic;

margin:0 20px 10px 20px;

}





/* common floats used for formatting and images */

.right{

float:right;

margin:0 0 10px 10px;

}

.right-border{

border:1px solid #ccc;

float:right;

margin:0 0 10px 10px;

}

.left{

float:left;

margin:0 10px 10px 0;

}

.left-border{

border:1px solid #ccc;

float:left;

margin:0 10px 10px 0;

}

.clear{

clear:both;

}



/* Add any other classes here. */

.center{

text-align:center;

margin-bottom:10px;

}

.center *{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-size: 12px;

}



/* Begin your layout styles here. Override default styles where necessary. */

#wrap{

width:801px;

margin:0 auto;

}

#header{

background:url(../images/header.png) 0 0 no-repeat;

height:261px;

position:relative;

}

#logo{

float:left;

}

#flash{

float:right;

}

#topnav ul{

padding:0px;

margin:0px;

}

#topnav li{

float:right;

padding:0px;

}

#topnav li a{

color:#FFFFFF;

text-decoration:none;

}

#content-wrap{

background:url(../images/content.gif) 0 0 repeat-y;

min-height:300px;

}

#content{
	float:right;
	width:574px;
	padding-left:15px;
	padding-right:15px;
	overflow: visible;

}

#leftnav{

float:left;

width:174px;

padding-left:20px;

padding-top:10px;

}

#leftnav h3{

font-size:13px;

color:#333333;

}

#leftnav li{
	font-size:12px;
	padding-left:1px;
	padding-bottom:0px;
	text-align: left;
	font-weight: normal;

}

#leftnav li a{
	color:#971001;
	font-size:12px;
	text-decoration:none;

}

#leftnav li a:hover{
	color:#f00;
	text-decoration:underline;
	font-size: 12px;

}

#content-base{

background:url(../images/left-nav-base.gif) 0 -10px no-repeat;

height:15px;

}

#footer{

background:url(../images/footer.gif) 0 0 no-repeat;

height:31px;

color:#9a9a9a;

}

#footer-left{

padding-left:12px;

padding-top:9px;

float:left;

width:260px;

}

#footer-right{

padding-top:9px;

float:right;

width:500px;

}

#footer-right li{

padding:0px;

float:right;

padding-right:12px;

}

#footer-right li a{

color:#9a9a9a;

text-decoration:none;

}

#footer-right li a:hover{

color:#ccc;

text-decoration:underline;

}

#home-bottom{

background:#CCCCCC url(../images/home-bottom-bg.gif) 0 0 no-repeat;

width:575px;

height:141px;

}

#home-left{

float:left;

width:287px;

}

#home-left p{
	margin-bottom:7px;
	margin-top:37px;
	margin-left:21px;
	line-height:18px;
	font-size: 12px;

}

#home-img-left{

float:right;

margin-top:39px;

margin-right:4px;

}

#home-left-button{

margin-left:15px;

}

#home-right{

float:right;

width:287px;

}

#home-right p{
	margin-bottom:7px;
	margin-top:37px;
	margin-left:17px;
	line-height:18px;
	font-size: 12px;

}

#home-img-right{

float:right;

margin-top:9px;

margin-right:4px;

}

#home-right-button{

margin-left:11px;

}

#home-contact{
	padding:10px;
	background:#f2f2f2 url(../images/home-contact.gif) 0 0 no-repeat;
	width:149px;
	height:74px;
	margin-bottom:10px;
	font-size: 12px;

}

#home-contact h2{

margin-bottom:2px;

font-size:12px;

color:#354d93;

}

#home-contact p{
	line-height:15px;
	font-size: 12px;

}

#home-contact a{
	text-decoration:none;
	font-size: 12px;

}

#home-support{
	padding:10px;
	background:#f2f2f2 url(../images/home-contact.gif) 0 0 no-repeat;
	width:149px;
	height:74px;
	margin-bottom:10px;
	font-size: 12px;

}

#home-support h2{

margin-bottom:2px;

font-size:12px;

color:#354d93;

}

#home-support p{
	line-height:15px;
	font-size: 12px;

}

#home-support a{
	text-decoration:none;
	font-size: 12px;

}
#leftnav ul {
	text-align: center;
	font-weight: bold;
}

#home_flash {
	z-index:1;
	position:relative;
}

#top_button {
	z-index:2;
	width:555px;
	position:absolute;
	background:none;
}

#top_button span{    
	background-color:#eeeeee;
}