/* A container should group all your columns. */
.container {
	
  width: 950px;
  margin: 62px auto 0;
}

/* Use this class on any div.span / container to see the grid. */
.showgrid { 
  background: url(../graphics/grid.png); 
}

/* Body margin for a sensile default look. */
body {
  margin:1.5em 0;	
	background: #fff url(../graphics/page_bg2.gif) repeat-x scroll top left;
}

/* typography.css */
body {font-size:75%;color:#909395;font-family:Lucida, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:1em;margin-bottom:3em; font-weight:bold; color: #d23836;}
h2 {font-size:1em;margin-bottom:1.5em; font-weight:bold; color: #d23836;}
h3 {font-size:1em;margin-bottom:1.5em;}
h4 {font-size:1em;margin-bottom:.75em;}
h5 {font-size:1em;margin-bottom:.75em; font-style: italic;}
h6 {font-size:1em;font-style: italic;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
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: #d23836;}
a {color:#909395;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;}


/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.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;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

#skip_links {display: none;}

#contact { text-align: right; color: #d23836; font-weight: bold;}
#contact p {margin-bottom: 9px; padding-top:9px; }

#navigation { padding-left: 40px;background-color: white; border-top: 3px #909395 solid; }
#navigation ul {margin: 0; padding: 9px 0 9px 0; }
#navigation ul li {display: inline; border-right: 1px #909395 solid; padding-left: 5px; padding-right: 9px;}
#navigation ul li.first_item {padding-left: 0px;}
#navigation ul li.last_item {border-right: 1px #fff solid;}
#navigation ul li a {color: #909395; text-decoration: none;}
#navigation ul li a:hover {color: #d23836;}

#header {padding-left: 40px; background-color: white; margin-bottom 1px;}
#header h1 {margin-top: 0;}

#logo {float: left;}
#logo img {margin-top: 27px;}
#main_image {text-align: right; font-size: 0;}
#main_image img {margin: 0; padding: 0;}

hr.space {height: 1px; background: #bbbec0; color: #bbbec0 ; margin: 0; border: none;}

#content { background-color: white; padding: 90px 0 180px 0px;}
#content h2 {padding-left: 40px; margin-top: 0;}
#content p {padding-left: 40px; padding-right: 400px; margin-top: 0;}

#footer { color: white; padding: 60px 0 0px 0; background: #d23836 url(../graphics/sm_scaffolder.gif) no-repeat scroll bottom right;}
#footer p {font-size: .875em; padding-left: 40px; padding-bottom: 9px; margin: 0 0 9px 0;}
#footer p a { color: white; text-decoration: none; }
#footer p a:hover { text-decoration: underline; }

p.credits {font-size: .875em; text-align: right; margin: 0; padding: 0px 0; }
p.credits a {color:#909395; text-decoration: none; }
p.credits a:hover { text-decoration: underline; }