/* Remove Defaults (add elements as needed) */
  html, body, div, h1, h2, h3, p, ul, li, a, img {
   margin: 0;
   padding: 0;
   border: 0;
  }
/* Page Level */
  html{ font-size: 100.01%;} /* For IE */
  body{
   text-align: center; font-size: 70%; font-family: Arial, Verdana, Helvetica, sans-serif;
   background:#cccccc; color:#333333;
   padding-top: 10px;
 }
  #pageWrap{ background: #cccccc;}
/* Links */
  a {text-decoration: none;}
  a:link {color: #0000cc;}
  a:visited {color: #cc00cc;}
  a:hover {color: #cc0000;}
  a:active {color: #cc0000;}
/* Wraps: widths & floats */
  #pageWrap{ width: 770px; margin: 0 auto 10px auto; text-align: center; clear: both; }
  #hdrWrap{ width: 770px; float: left; clear: both; }
  .colWrap{ width: 770px; float: left; clear: both; }
  .contentColWrap{ float: left; width: 564px; display:inline;} /* >=3px < available width to avoid IE6 gap below */
  .sideBarColWrap{ float: right; width: 186px; display:inline;} /* >=3px < available width to avoid IE6 gap below */
  #ftrWrap{ width: 770px; float: left; clear: both; }
  #pageWrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Header & Footer */
  #hdrWrap{ background: #d8d8d8; margin-top: 15px; height: 120px;} /* Header height */
  #hdrContent{ border: 1px #333333 solid; height: 118px; } /* Header height - (2 x #header padding &/or border) */
  #hdrContent h1 {
   height: 100px;
   background: url('../img/770100msp.gif') top center no-repeat; color: #224466;
   text-align: left; font-weight: normal; font-size: 10px; line-height: 18px;
  }
  #hdrContent h1 #hdrImg { display: block; vertical-align:bottom; height: 87px; width: 768px; }
  #hdrContent  h1 {color: #cccccc;}
  #hdrContent  h2 { padding: 0 0 0 5px; color: #333333; text-align: left; font-weight: bold; font-size: 12px; }
  #ftrWrap{ background: #cccccc;}
  #ftrContent{ border-bottom: 1px #333333 solid; text-align: right; padding: 5px;}
/* Spacing between major elements (if any) */
  #hdrWrap, .colWrap, #ftrWrap{ margin-bottom: 10px; }
/* Content Divs: backgrounds, borders & padding, alignment */
  .fullWidthCol, .contentCol, .sideBarCol {
   background: #e9e9e9; padding: 10px 10px 1px 10px; border: 1px #ffffff inset; text-align: center;}
  .fullWidthCol, .contentCol, .sideBarCol { _padding: 10px 10px 10px 10px; }

/* Content Elements */
/* Headings, SubHeadings and paragraphs in .mainWrap, .colWrap, .fullWidthCol, .contentCol, .sideBarCol, .thWrap */
  h3, h4, p{ clear: both; margin: 0; text-align: left; }
  h3{ padding: 0 0 1px 0; font-weight: bold; font-size: 14px; }
  h4{ padding: 0 0 1px 0; font-weight: bold; font-size: 12px; }
  p{ padding: 0 0 10px 0; text-align: justify; font-weight: normal; font-size: 12px; }
/* Spo Div */
.spoDiv{
 clear: both; width: 474px; text-align: left;
 margin: 0 auto 10px auto; padding: 5px;
 border: 1px #666666 inset; background: #d8d8d8; color: #000000;
}
.flag{ padding: 0 2px; border: 1px #666666 solid; background: #ffffff; font-weight: bold; font-size: 10px; }
.New{ color:#00ff00; }
.Cool{ color:#0000ff; }
.Hot{ color:#ff0000; }
.A1{ color:#ff00ff; }
.spoDiv a{ font-weight: bold; }
.spoDiv img{ height: 62px; width: 472px; margin: 0 auto; border: 1px solid transparent; }
.spoDiv img:hover { border-color: #cc0000; }
/* Thumbnails */
.thWrap {
 float: left; clear: both; width: 536px;
 margin: 0 0 10px 0; padding: 5px 0 0 5px;
 border: 1px #ffffff inset; background: #bbbbbb; text-align: center;
}
.thDiv{ width: 102px } /* all other browsers */
.thDiv{ _width: 100px; } /* IE */
.thDiv{ float: left; margin: 0 5px 5px 0; height: 124px; overflow: hidden;
 text-align: left; font-size: 10px; font-weight: normal; line-height: 10px; }
.thDiv img { height: 100px; width: 100px; border: 1px solid transparent; }
.thDiv img:hover { border-color: #cc0000; }
.fullWidthCol .thWrap{ width: 732px;  padding: 16px 0 0 16px;}
.fullWidthCol .thDiv{ margin: 0 16px 16px 0; }
/* TGP Galleries */
.tgpWrap { float: left; clear: both; width: 750px; margin: 0 auto 10px auto; text-align: center; }
.tgp { float: left; height: 42px; width: 214px; margin: 0 10px; padding: 0 5px;
 font-weight: bold; font-size: 16px; background: #bbbbbb; border: 1px #999999 solid; }
.mspTgp .tgpWrap { padding-top: 15px; margin-bottom: 0;}
.mspTgp .colWrap{ float: left; clear: both; width: 770px; margin: 0 auto; padding-top: 15px; text-align: center; }
.mspTgp .fullWidthCol {  width: 574px;  margin: 0 auto 10px auto; text-align: center;}
.mspTgp .fullWidthCol .thWrap { width: 547px; margin: 5px 0 10px 5px; }
.mspTgp .thDiv { margin: 0 5px 5px 0; }
.mspGal .thDiv, .mspTgp .thDiv { height: 102px; }
/* Tabbed Menu */
.tabNavWrap {
 font-weight: bold; font-size: 11px; line-height: 17px;
 float: left; clear: both; margin: 0 0 10px 0; background: #e9e9e9;
}
#m0 { width: 738px;} /* Menu Width */
#m1 { width: 532px;} /* Menu Width */
.tabNav, .tabNav li a { border: 1px solid #999999;} /* Border Color */
.tabNav { width: 532px; float: left; clear: both; list-style-type: none; border-width: 0 0 1px 0; padding-left: 10px;} /* Menu Left Padding */
.tabNav li { float: left; padding-right: 2px;} /* Tab Spacing */
.tabNav li a, .tabNav li span { display: block; padding: 0 10px;
 border-bottom: 1px solid #cccccc; text-decoration: none; outline: none;}
.tabNav li a { background: #cccccc;} /* Tab Background */
.tabNav li span { padding: 0 5px 0 0;}
.tabNav li a:hover { background: #dddddd; border-bottom: 1px solid #dddddd; } /* Hovered Background */
/* Selected Tab - Position */
.selected, #b0 .t0, #b1 .t1, #b2 .t2, #b3 .t3, #b4 .t4, #b5 .t5, #b6 .t6, #b7 .t7, #b8 .t8, #b9 .t9 { position: relative; top: 1px;}
/* Selected Tab - BG Usually = Menu BG */
.selected a, #b0 .t0 a, #b1 .t1 a, #b2 .t2 a, #b3 .t3 a, #b4 .t4 a, #b5 .t5 a, #b6 .t6 a, #b7 .t7 a, #b8 .t8 a, #b9 .t9 a { background: #e9e9e9;  border-bottom: 1px solid #e9e9e9; }
/* SpankSwap */
.spankSwap { clear: both; margin: 0 auto 10px auto;}
/* Toplists */
.tplWrap { clear: both; margin: 0 auto 10px auto; text-align: center; }
.tplWrap p { text-align: center; padding: 0; font-weight: bold; font-size: 12px; }
.tplWrap img {  height: 31px; width: 88px; border: 1px solid transparent;}
.tplWrap img:hover { border-color: #cc0000; }
/* Sidebar */
.sdbWrap { width: 164px; margin: 0 auto 10px auto; }
.sdBarLst {list-style: none; text-align: left;}
.sdBarLst li { font: bold 12px Arial, Verdana, Helvetica, sans-serif; }
.sdBarLst li a strong { line-height: 20px; text-decoration: underline;}
/* Sidebar Search */
#srchBox { padding-top: 5px; font-size: 10px; text-align: right; }
#srchBox input{ font-size: 10px; vertical-align: middle; }
#srchBox .qry{ width: 158px; }
#srchBox .sbmt{}
#srchBox img{ vertical-align: middle; display: inline;}
/* Sidebar Cloud */
#cloud {
 text-align: left; font: normal 9px Arial, Verdana, Helvetica, sans-serif;
 border: 1px #666666 inset; background: #d8d8d8; color: #000000;
 margin: 0; padding: 3px;
}
#cloud a {text-decoration: none; padding-right: 5px;}
#cloud a.tag10{ font-size: 10px; }
#cloud a.tag12{ font-size: 12px; }
#cloud a.tag14{ font-size: 14px; }
#cloud a.tag16{ font-size: 16px; }
#cloud a.tag22{ font-size: 22px; }
/* Links Page */
ul.rcpLinks { list-style: square outside; margin: 0 0 10px 15px; text-align: left; }
ul.rcpLinks li { font-weight: bold; font-size: 12px; }
/* Image Credit Links */
.imgCredit { clear: both; padding-bottom: 10px; text-align: left; font-weight: bold; }