@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;
}

/********************************************************
 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;
}
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;
}
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;
}
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;
}
.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;
}

/* 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;
}
#leftnav{
float:left;
width:174px;
padding-left:20px;
padding-top:10px;
}
#leftnav h3{
font-size:13px;
color:#333333;
}
#leftnav li{
font-size:11px;
padding-left:1px;
padding-bottom:0px;
}
#leftnav li a{
color:#971001;
font-size:11px;
text-decoration:none;
}
#leftnav li a:hover{
color:#971001;
text-decoration:underline;
}
#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;
}
#home-img-left{
float:right;
margin-top:34px;
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;
}
#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;
}
#home-contact h2{
margin-bottom:2px;
font-size:12px;
color:#354d93;
}
#home-contact p{
line-height:15px;
}
#home-contact a{
text-decoration:none;
}
#home-support{
padding:10px;
background:#f2f2f2 url(../images/home-contact.gif) 0 0 no-repeat;
width:149px;
height:74px;
margin-bottom:10px;
}
#home-support h2{
margin-bottom:2px;
font-size:12px;
color:#354d93;
}
#home-support p{
line-height:15px;
}
#home-support a{
text-decoration:none;
}