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


/* ========== FONT / TEXT ========== */
html{
   font-size: 17.25px;
   line-height: 17.25px;
   font-family: Verdana, Arial, Helvetica, san-serif;
}

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

h1{font-size: 32px; line-height: 42px; letter-spacing: -2.5px;}
h2{font-size: 24px; line-height: 32px; letter-spacing: -1.5px;}

h2:before{
content: "\00bb \00a";
}

p, li{
letter-spacing: -0.5px;
line-height: 20px;
}


ul.out{margin: 0px 0px 0px 0px;}
ul.in{margin-left: 20px;}


li li{list-style-type: circle;}

a:link, a:visited{text-decoration: none;}
a:hover, a:active{text-decoration: underline;}

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

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

#site_info{font-size: 14px; line-height: 14px;}

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

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

/* ========== LAYOUT ========== */
div.outer{width: 100%; clear: both;}
div.inner{width: 960px; clear: both; margin: 0 auto;}

div.left{float: left;}
div.right{float: right;}
div.whole ,div.left, div.right{margin: 0 10px;}

div.s60{width: 540px; margin-bottom: 20px;}
div.s50{width: 460px;}
div.s40{width: 380px; margin-bottom: 20px;}

div#branding, div#site_info{overflow: hidden;}
#branding{padding: 40px 0px;}


h1, h2{padding-top: 20px;}
h3{padding-top: 10px;}
p+p{padding-top: 10px;}

#welcome{
padding: 20px 0px;
}

#site_info{
padding: 30px 0px 120px;
}