/*   
  == STRUCTURE: ========================
   * Page width:            778 px
   * Number of columns:     20
   * Column width:          37 px
   * Margin width:          2 px
  ======================================
*/
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, /*fieldset, form, label, legend,*/ table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	}
body {
	line-height:1.5;
	background-color: #006699;
}
table {
	border-collapse:separate;
	border-spacing:0;
	}
caption, th, td {
	text-align:left;
	font-weight:normal;
	}	
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/*   ====================================== typography.css   ====================================*/
body {
	font-size:75%;
	color:#222;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	color:#111;
	text-align: left;
	
	}
h1 {
	font-size:3em;
	line-height:1;
	margin-bottom:0.5em;
	}
h2 {
	font-size:1.7em;
	color: #003366;
	padding: 0px;
	margin: 0px 0px 0.2em 0px;
	}
h3 {
	font-size:2em;
	line-height:1;
	margin: 0px 5px;
	}
h4 {
	font-size:1.2em;
	font-weight:bold;
	line-height:1.25;
	/*margin-bottom:1.25em;
	height:1.25em;*/
	color:#993300;
	}
h5 {
	font-size:1.3em;
	font-weight:bold;
	margin: 0 5px;
	color:#666600;
	}
h6 {
	font-size:1em;
	font-weight:bold;
	}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {
}
p img {
	/*float:left;
	margin:1.5em 1.5em 1.5em 0;
	padding:0;*/
	}
p img.right {
	float:right;
	margin:1.5em 0 1.5em 1.5em;
	}
a:focus, a:hover {color:#000;}
a {
	color:#009;
	text-decoration:underline;
	}
blockquote {
	margin:1.5em;
	color:#666;
	font-style:italic;
	}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {
	margin:0 0 1.5em;
	font-style:italic;
	}
del {color:#666;}
pre, code {
	margin:1.5em 0;
	white-space:pre;
	}
pre, code, tt {
	font:1em 'andale mono', 'lucida console', monospace;
	line-height:1.5;
	}
/*	
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
*/
table {
	margin-bottom:1.4em;
	width:100%;
}
th {
	font-weight:bold;
	background:#C3D9FF;
	}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {
	font-size:.8em;
	margin-bottom:1.875em;
	line-height:1.875em;
	}
.large {
	font-size:1.2em;
	line-height:2.5em;
	margin-bottom:1.25em;
	}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {
	background:#060;
	color:#fff;
	}
.removed {
	background:#900;
	color:#fff;
	}
.first {
	margin-left:0;
	padding-left:0;
	}
.last {
	margin-right:0;
	padding-right:0;
	}
.top {
	margin-top:0;
	padding-top:0;
	}
.bottom {
	margin-bottom:5px;
	padding-bottom:0;
	}

/* ====================================== grid.css   ====================================== */
.container {
	width:778px;
	margin:0 auto;
	background-color: #FFFFFF;
	}
.showgrid {background:url(src/grid.png);}
body {/*margin:1.5em 0;*/}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20 {
	float:left;
	margin-right: 2px;
	}
div.last {margin-right:0;}
.span-1  { width: 37px;}
.span-2  { width: 76px;}
.span-3  { width: 115px;}
.span-4  { width: 154px;}
.span-5  { width: 193px;}
.span-6  { width: 232px;}
.span-7  { width: 271px;}
.span-8  { width: 310px;}
.span-9  { width: 349px;}
.span-10 { width: 388px;}
.span-11 { width: 427px;}
.span-12 { width: 466px;}
.span-13 { width: 505px;}
.span-14 { width: 544px;}
.span-15 { width: 583px;}
.span-16 { width: 622px;}
.span-17 { width: 661px;}
.span-18 { width: 700px;}
.span-19 { width: 739px;}
.span-20, div.span-20 { width: 778px; margin: 0; }
div.border{
	padding-right:0px;
	margin-right:1px;
	border-right:1px solid #eee;
	}
div.colborder {
	padding-right:37px;
	margin-right:36px;
	border-right:1px solid #eee;
	}
.box {
	padding:1.5em;
	margin-bottom:1.5em;
	background:#E5ECF9;
	}
hr {
	background:#ddd;
	color:#ddd;
	clear:both;
	float:none;
	width:100%;
	height:.1em;
	margin:0 0 1em;
	border:none;
	}
hr.space {
	background:#fff;
	color:#fff;
	}
.clearfix:after, .container:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix, .container {
	display:inline-block;
	}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/*   ====================================== forms.css   ====================================== */
/*label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
*/