@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:#fff;
background:#000120 url(images/bg-slice.png) 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;
}

/* heading styles */
h1,h2,h3,h4,h5,h6{
color:#476CB3;
font-weight:bold;
}
h1{
font-size:24px;
font-weight:normal;
margin-bottom:10px;
}
h2{
font-size:18px;
}
h3{
font-size:16px;
}
h4,h5,h6{
font-size:14px;
}

/* hyperlink styles */
a{
color:#000;
text-align:center;
text-decoration:underline;
}
a:visited{
color:#000;
}
a:hover{
color:#000;
}

/* list styles */
ul{
list-style:none;
}
li{
padding:3px 3px 3px 8px;
}
ul li{
margin-left:5px;
padding-left:20px; /* custom bullet (because FF has ugly bullets) */
background:url(images/bullet-default.png) 6px 6px no-repeat;
}
li ul li{
background:url(images/bullet-default.png) 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{
}
.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:#06C;
}
.dataTable td{
border-bottom:1px solid #ccc;
}

table.credit{
}

table.credit td{
text-align:center;
}
/* form styles */
form{
}
input{
}
label{
}
textarea{
}
button{
}
select{
}
option{
}
fieldset{
}
legend{
}

/* other miscallaneous styles */
p{
}
strong,b{
color:#702121;
font-weight:bold;
}
em,i{
color:#702121;
font-style:italic;
}
hr{
height: 0;
border: 0;
border-bottom: 1px solid #ccc;
margin:0px 10px;
}
blockquote{
font-style:italic;
margin:0 20px 10px 20px;
}

/* common floats used for formatting and images */
.right,.right-wide,.right-narrow{
float:right;
width:200px;
margin:0 0 10px 10px;
}
.right-wide{
width:300px;
}
.right-narrow{
width:100px;
}
.left,.left-wide,.left-narrow{
float:left;
width:200px;
margin:0 10px 10px 0;
}
.left-wide{
width:300px;
}
.left-narrow{
width:100px;
}
.clear{
clear:both;
}

/* Add any other classes here. */
.center{
text-align:center;
margin-top:15px;
}

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

#wrap{
height: 597px;
background:url(images/bg-image.png) scroll center no-repeat;
margin:auto;
position: relative;
text-align:left;
}

#pageWrap{
width:800px;
margin: 0 auto 0 auto;
}

#header{
background: url(images/header.png) top center no-repeat;
height: 115px;
}
#header a{
display:block;
position:inherit;
float: left;
height:78px;
width:239px;
left: 250px;
margin:0;
padding:0;
}

#header-text{
float:right;
margin-right:10px;
margin-top:92px;
}

#top-nav{
margin-top:-10px;
height: 33px;
width:800px;
background:url(images/navbar.png) top left no-repeat;
}
#top-nav li {
display:block;
list-style:none;
margin: 0 auto;
float:left;
margin: 6px 8px 0px 0px;
}
#top-nav li a {
font: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#fff;
text-decoration: none;
list-style: none;
}
top-nav li a:visited {
color:#fff;
}
#top-nav li a:hover {
color:#111;
}

.search{
clear:left;
float:right;
margin-top:-21px;
}

#contentWrap{
padding: 0px 10px 0 0;
background: url(images/bg-col.png) 0 0 repeat-y #fff;
min-height:400px;
}

#side-nav {
padding:0;
float: left;
width:190px;
color:#111;
}
#side-nav h2{
background:url(images/side-header.png) repeat-x;
height:26px;
font-family:Arial, Helvetica, sans-serif;
color:#333;
font-size: 14px;
padding: 5px 0 0 5px;
}
#side-nav h2 a, side-nav h2 a:visited, side-nav h2 a:hover {
text-decoration: none;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
color:#333;
}
.leftLink a, .leftLink a:visited{
text-decoration: none;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
color:#333;
}
.leftLink a:hover {
text-decoration: underline;
}

#content {
background:#fff;
color:#111;
max-width:588px;
margin-left: 192px;
padding: 10px;
}

#content a, #content a:visited{
color:#702121;
text-decoration:none;
}

#content a:hover{
text-decoration:underline;
}

#footer {
background: url(images/footer.png) repeat-x;
height:33px;
text-decoration:none;
color:#fff;
}
.leftFooter {
float:left;
font-size:11px;
margin-top: 10px;
margin-left: 5px;
}
.rightFooter{
float: right;
margin-top: 10px;
font-size:11px;
margin-right:5px;
}
.rightFooter a, .rightFooter a:hover, .rightFooter a:visited {
text-decoration:none;
color:#fff
}
#footer2{
color:#404166;
text-align:center;
padding-top:5px;
background-color:#000120;
margin-bottom:20px;
}