/*
-----------------------------------------------
Client:The National Council on Crime and Delinquency
Project:Web Site Redesign (http://www.nccd-crc.org/)

File Name: page.css 
Version: 1.0
Notes: Rules for site-wide elements.

Author: Dayspring Technologies, Inc.
Email: info@dayspring-tech.com
Web: http://www.dayspring-tech.com/
----------------------------------------------- */

/* Layout
----------------------------------------------- */
html {
	background-color:#999;
	}
body {
	background:#999 url(/img/bg-body.jpg) repeat-x 0 0;
	color:#666;
	padding:0 0 200px;
	}
#page {
	background-color:#fff;
	margin:0 auto;
    width:980px;
    }

/* Images
----------------------------------------------- */
img {
	border:1px solid #d7c392;
	display:block;
	padding:3px;
    margin-bottom:15px;
    }
img.img-left {
    float:left;
	margin:3px 15px 15px 0;
	}
img.img-right {
  float:right;
	margin:3px 0 15px 15px;
	}
img.img-no-border {
	border:0;
	padding:0;
	}
table.table-caption {
	background:#fff;
	margin-bottom:15px;
	width:10%;
	}
.table-caption img {
	margin-bottom:5px;
	}
.table-caption p {
	margin:0;
	}
.table-caption p.cite {
	margin:0 4px;
	text-align:left;
	}
table.table-caption-left {
  background:#fff;
	float:left;
	margin:3px 15px 15px 0;
	width:10%;
	}
.table-caption-left td {
  padding:0 15px 15px 0;
	}
.table-caption-left img {
	margin-bottom:5px;
	}
.table-caption-left p {
	margin:0;
}
.table-caption-left p.cite {
	margin:0 4px;
	text-align:left;
	}
table.table-caption-right {
  background:#fff;
  float:right;
	margin:3px 0 15px 15px;
	width:10%;
	}
.table-caption-right td {
  padding:0 0 15px 15px;
	}
.table-caption-right img {
	margin-bottom:5px;
	}
.table-caption-right p {
	margin:0;
}
.table-caption-right p.cite {
	margin:0 4px;
	text-align:left;
	}
	
/* Typography
----------------------------------------------- */
p, li, ul, ol, h1, h2, h3, h4, h5, h6, label, input, textarea, cite, select, legend, option, optgroup, caption, th, td {
  font-family:verdana,arial,helvetica,sans-serif;
  line-height:120%;
	text-align:left;
	}
.hr-btm {
  border-bottom:1px solid #aaa;
	margin-bottom:20px;
	padding-bottom:20px;
	}
.hr-top {
  border-top:1px solid #aaa;
	margin-top:20px;
	padding-top:20px;
	}
strong {
  font-weight:bold;
  }
em {
  font-style:italic;
  }
sup {
  font-size:77%;
	line-height:0;
  }

/* Float Clearing Hack
----------------------------------------------- */
.clearfix:after {
  clear:both;
  content:".";
  display:block;
  height:0;
  visibility:hidden;
  }
.clear {
	clear:both;
	}