/*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;}

.inner{
clear: both; overflow: hidden;
width: 960px;
margin: 0 auto;
}

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

.c1{width: 60px; margin: 0px 10px; padding: 0px;}
.c2{width: 140px; margin: 0px 10px; padding: 0px;}
.c3{width: 220px; margin: 0px 10px; padding: 0px;}
.c4{width: 300px; margin: 0px 10px; padding: 0px;}
.c5{width: 380px; margin: 0px 10px; padding: 0px;}
.c6{width: 460px; margin: 0px 10px; padding: 0px;}
.c7{width: 540px; margin: 0px 10px; padding: 0px;}
.c8{width: 620px; margin: 0px 10px; padding: 0px;}
.c9{width: 700px; margin: 0px 10px; padding: 0px;}
.c10{width: 780px; margin: 0px 10px; padding: 0px;}
.c11{width: 860px; margin: 0px 10px; padding: 0px;}
.c12{width: 940px; margin: 0px 10px; padding: 0px;}
.c12npnm{width: 960px; margin: 0px; padding: 0px;}
.c1b1{width: 58px; margin: 0px 10px; padding: 0px;}
.c2b1{width: 138px; margin: 0px 10px; padding: 0px;}
.c3b1{width: 218px; margin: 0px 10px; padding: 0px;}
.c4b1{width: 298px; margin: 0px 10px; padding: 0px;}
.c5b1{width: 378px; margin: 0px 10px; padding: 0px;}
.c6b1{width: 458px; margin: 0px 10px; padding: 0px;}
.c7b1{width: 538px; margin: 0px 10px; padding: 0px;}
.c8b1{width: 618px; margin: 0px 10px; padding: 0px;}
.c9b1{width: 698px; margin: 0px 10px; padding: 0px;}
.c10b1{width: 778px; margin: 0px 10px; padding: 0px;}
.c11b1{width: 858px; margin: 0px 10px; padding: 0px;}
.c12b1{width: 938px; margin: 0px 10px; padding: 0px;}


/* ========== LAYOUT ========== */
#branding .inner{padding: 80px 0 8px;}
p{padding-bottom: 10px;}
#contact{padding:15px 0px 12px;}
#site_info .inner{padding: 20px 0px;}
h2, h3, h4, h5, h6{padding-top:10px;}
ul{margin:0 0 10px 15px;}
#contact ul, #site_info ul{margin:0;}

/* ========== FONT / TEXT ========== */
html{font-size: 17px; line-height: 17px; font-family: "Arial", "Helvetica", "san-serif";}
body{font-size: 1em; line-height: 1.2em;}

h2, h3, h4, h5, h6{font-weight:bold;}
h2{font-size: 36px; line-height: 1em; letter-spacing: -2.25px;}
h3{font-size: 30px; line-height: 1em; letter-spacing: -1.5px;}
h4{font-size: 24px; line-height: 1em; letter-spacing: -0.75px;}

p.first{
font-size: 24px; line-height: 1.08em;
font-family: "Times New Roman", "Times", "serif";
}

strong{font-weight: bold;}
em{font-style: italic;}

a{text-decoration:none;}
a:hover{text-decoration:hover;}

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