/*=========*/
/* HELPERS */
/*=========*/

/* no top margin for headings that are the first-child of div */
div > h1:first-child, div > h2:first-child,
div > h3:first-child, div > h4:first-child,
div > h5:first-child, div > h6:first-child,
div > ul:first-child
 { margin-top: 0; }

/*=======*/
/* RESET */
/*=======*/

body {
   text-align: center;
   margin: 15px 0 0 0;
   font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   background: #000000;
}
A:link {color:#FFFFFF; text-decoration: none;}
A:visited {color:#FFFFFF; text-decoration: none;}
A:active {color:#FFFFFF; text-decoration: none;}
A:hover {color:red; text-decoration: none;}

h1 {
   padding: 0;
   font-size: 25px;
   font-family: arial, tahoma, sans;
   letter-spacing: -1px;
   color: #FFFFFF;
}
h2 {
   padding: 0;
   font-size: 20px;
   font-family: arial, tahoma, sans;
   color: #FFFFFF;
}
p {
   margin: 7px 0 7px 0;
   text-align: justify;
}

a img { border-style: none; }
a img:hover { border-color: Red !important; }

/*================*/
/* LAYOUT/STYLING */
/*================*/
.validation-summary-errors { color: Red; font-weight: bold; }

.wrap, .wrap2, .wrap3 {
width: 970px;
margin: 0 auto;
overflow: hidden;
text-align: left;
}
.wrap2 {
border-top: 1px solid #666666;
padding: 15px 0 15px 0;
}
.wrap3 {
width: 386px;
}
#logo {
width: 341px;
height: 51px;
float: left;
}
#search {
width: 300px;
height: 33px;
float: right;
padding: 0;
border: 0;
margin: 13px 0 0 0;
}
#searchl {
width: 209px;
height: 24px;
float: left;
margin: 0;
border: 0;
background:url(../images/searchbox.gif) no-repeat;
padding: 7px 10px 0 10px;
color: #999999;
font: bold 13px verdana, Arial, Helvetica, sans-serif;
}
#searchr {
width: 70px;
height: 31px;
float: left;
padding: 0;
margin: 0;
border: 0;
background:url(../images/searchr.gif) no-repeat;
}
#bigthumb {
width: 642px;
height: 300px;
float: left;
margin: 0 0 15px 0;
}
#smallthumbouter {
/*width: 970px;
float: left;*/
overflow: hidden;
/*margin: 0 0 0 7px;*/
}
.smallthumbbox, .mediumthumbbox, .coverthumbbox {
font-family:verdana,arial,tahoma,sans;
font-size:11px;
}
.smallthumbbox {
width: 146px;
float: left;
margin: 0 15px 15px 0;
}
.smallthumb {
width: 146px;
height: 221px;
float: left;
border: 1px solid #FFFFFF;
margin: 2px 0 2px 0;
}
#mediumthumbouter {
width: 970px;
float: left;
margin: 0 0 0 5px;
}
.mediumthumbbox {
width: 312px;
float: left;
margin: 0 11px 17px 0;
}
.mediumthumb {
width: 310px;
height: 221px;
float: left;
border: 1px solid #FFFFFF;
margin: 2px 0 0 0;
}
.coverthumbbox {
width: 148px;
margin: 0 13px 10px 0;
float: left;
}
.coverthumb {
width: 148px;
height: 223px;
border: 1px solid #FFFFFF;
margin: 1px 0 0 0;
}
#banner1box {
width: 309px;
float: right;
margin: 0 0 0 15px;
}
.banner1 {
width: 307px;
height: 129px;
float: right;
margin: 0 0 15px 0;
/*border: 1px solid #FFFFFF;*/
}
#banner2box {
width: 148px;
height: 1044px;
float: left;
/*border: 1px solid #FFFFFF;*/
margin: 0 0 22px 0;
}
#banner2box img { 
border: solid 1px #fff;
margin-bottom: 15px;
}
#menu {
width: 605px;
margin: 32px 0 12px 0;
float: right;
font: bold 14px Arial, Helvetica, sans-serif;
}
#menu ul {
list-style-type: none;
padding: 0;
float:right;
margin: 0;
}
#menu li {
list-style-type: none;
float:left;
padding: 0 25px 0 0;
margin: 0;
}
#menu li a {
list-style-type: none;
float:left;
}
#menu li a:hover {
/*color: #999999;*/
}
#menu li.last {
padding: 0;
}
#menu a:link.self, #menu a:visited.self {
color: #0099FF;
}

#footer {
width: 970px;
padding: 10px 0 10px 0;
margin: 0 0 10px 0;
float:left;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
font: bold 13px Arial, Helvetica, sans-serif;
}
#footer ul {
list-style-type: none;
padding: 0;
float:left;
margin: 0 0 0 31px;
}
#footer li {
list-style-type: none;
float:left;
padding: 0 41px 0 0;
margin: 0;
}
#footer li a {
list-style-type: none;
float:left;
}
#footer li a:hover {
/*color: #999999;*/
}
#footer li.last {
padding: 0;
}
#copyright {
width: 970px;
float: left;
font: normal 11px Arial, Helvetica, sans-serif;
color: #5a5a5a;
text-align: center;
padding: 0 0 8px 0;
}
#copyright .copy {
color: Silver;
margin-bottom: 3px;
}
#copyright a:link, #copyright a:visited {
color: gray;
}
span.select {
position: absolute;
width: 196px;
height: 21px;
padding: 0 0 0 8px;
color: #fff;
font: bold 12px/21px arial,sans-serif;
background: url(../images/drop.gif) no-repeat;
overflow: hidden;
}
#selects {
float: right;
}
#selectouter {
float: left;
width: 802px;
height: 40px;
margin: 0 0 0 15px;
}
#scroll {
width: 386px;
padding: 0;
margin: 5px 0 0 0;
float:left;
font: bold 16px Arial, Helvetica, sans-serif;
}
#scroll ul {
list-style-type: none;
padding: 0;
float:left;
margin: 0;
}
#scroll li {
list-style-type: none;
float:left;
padding: 0 16px 0 0;
margin: 0;
}
#scroll li a {
list-style-type: none;
float:left;
color: #FFFFFF;
}
#scroll li a:hover {
color: #999999;
}
#centerbox {
float: left;
width: 970px;
text-align: center;
}
#joinbox, #joinbox2 { text-align: center; }
.joinnow {
width: 91px;
height: 64px;
float: left;
border: 0;
margin: 0 13px 0 0;
}
.nextpage {
width: 91px;
height: 64px;
float: left;
border: 0;
margin: 0 13px 0 0;
}
#menusel a {
color: #999999;
}