/*Imports Remaining Styles; Will be read by >=IE4; >NN4*/
@import url("color.css");
@import url("misc.css");
@import url("unused.css");

/* RESET ===============================
http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain) ========== */
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, img, ins, kbd, q, s, samp, small, strike, strong, 
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, figure, figcaption, 
footer, header, hgroup, menu, nav, output, ruby, section, 
summary, time, mark, audio, video{
margin: 0; padding: 0; border: 0;
font-size: 100%; font: inherit;
vertical-align: baseline;}
/* ------ HTML5 reset ----- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;}
body{line-height: 1;}
ol, ul{list-style: none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{
  content: ''; content: none;}
table{border-collapse: collapse; border-spacing: 0;}

/* ========== 960 GRID ========== */
body{width: 100%; text-align: left;}
#page{width: 960px; margin: 40px auto;}

.wrap{clear: both; overflow: hidden;}
.whole{float: none;}
.left, .middle{float: left;}
.right{float: right;}

.c1{width: 40px; margin: 5px 10px; padding: 5px 10px;}
.c2{width: 120px; margin: 5px 10px; padding: 5px 10px;}
.c3{width: 200px; margin: 5px 10px; padding: 5px 10px;}
.c4{width: 280px; margin: 5px 10px; padding: 5px 10px;}
.c5{width: 360px; margin: 5px 10px; padding: 5px 10px;}
.c6{width: 440px; margin: 5px 10px; padding: 5px 10px;}
.c7{width: 520px; margin: 5px 10px; padding: 5px 10px;}
.c8{width: 600px; margin: 5px 10px; padding: 5px 10px;}
.c9{width: 680px; margin: 5px 10px; padding: 5px 10px;}
.c10{width: 760px; margin: 5px 10px; padding: 5px 10px;}
.c11{width: 840px; margin: 5px 10px; padding: 5px 10px;}
.c12{width: 920px; margin: 5px 10px; padding: 5px 10px;}
.c12npnm{width: 960px; margin: 0px; padding: 0px;}


/* ========== LAYOUT ========== */
p, ul, ol{padding-bottom: 20px;}
#branding p, #site_info ul{padding: 0px;}
p+ul{margin-top: -20px;}
ul{margin-left: 16px;}
ol{margin-left: 22px;}
#site_info ul{margin-left: 0px;}
#site_info{margin-top: 10px; padding: 10px 0px;}

/* ========== FONT / TEXT ========== */
html{
  font-size: 17px; line-height: 17px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.5px;
}

body{font-size: 1em; line-height: 1.3em;}

#featured .right{text-align: center;}

h1, h2, h3, h4, h5, h6{
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1{font-size: 46px; line-height: 1.05em; letter-spacing: -2.5px;}
h2{font-size: 36px; line-height: 1.05em; letter-spacing: -2px;}
h3{font-size: 30px; line-height: 1.05em; letter-spacing: -1.5px;}
h4{font-size: 24px; line-height: 1.05em; letter-spacing: -1px;}
h5{font-size: 18px; line-height: 1.05em; letter-spacing: -0.5px;}
h6{font-weight: normal; font-size: 17px; line-height: 1.05em; letter-spacing: 0px;}

p.first{
  font-size: 30px; line-height: 1em;
  font-family: "Times New Roman", Times, serf;
}

#free p{
  font-size: 15.25px; line-height: 1em;
  letter-spacing: -0.25px;
}

strong{font-weight: bold;}
#site_info strong{font-size: 24px; line-height: 1.1em; letter-spacing: -1px;}

em{font-style: italic;}

ul li{list-style-type: square;}
ol li{list-style-type: decimal;}

#featured li, #site_info li{list-style-type: none;}

#site_info li{font-size: 14px; line-height: 1.1em;}
#site_info .right li{text-align: right;}