/*Imports Remaining Styles; Will be read by >=IE4; >NN4*/
@import url("color.css");
@import url("misc.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: 20px auto;}

.wrap{clear: both; overflow: hidden;}
.whole{clear:both; 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 ========== */
#navigation{display:none;}
#site_info{margin-top: 5px;}

h1, h2, h3, h4, h5, h6{padding: 10px 0px 0px;}

h1+ul, h2+ul, h3+ul, h4+ul, h5+ul, h6+ul,
h1+ol, h2+ol, h3+ol, h4+ol, h5+ol, h6+ol{
  margin-top: 5px;
}

p+p{padding: 10px 0px 0px;}
p+ul, p+ol, ul+p, ol+p{padding: 10px 0px 0px;}

ul{margin-left: 18px;}
ol{margin-left: 24px;}

#branding ul, #navigation ul, #site_info ul,
#branding ol, #navigation ol, #site_info ol{
  margin: 0px;
}

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

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

h1, h2, h3, h4, h5, h6{font-weight: bold;}

h1{font-size: 44px; line-height: 1.1em; letter-spacing: -2.5px;}
h2{font-size: 34px; line-height: 1.1em; letter-spacing: -2px;}
h3{font-size: 24px; line-height: 1.1em; letter-spacing: -1.5px;}

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

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

em{font-style: italic;}

ul li{list-style-type: square;}
ol li{list-style-type: decimal;}
#site_info li{
  list-style-type: none; 
  font-size: 14px; line-height: 1.1em;
}

#site_info .right li{text-align: right;}