/**
* Reset Style sheet 
* @see http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
* @author Mark Story
*/
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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset {
	border:0;
}

ul, ol {
	padding:0 0 0 20px;
}

/**
* Layout and containers
*****************/
* {
	margin: 0;
}
html, body {
	height: 100%;
}

body {
	background: #FFF url('images/bg_background_image.png') repeat-y center top;
	font-family: Arial, sans-serif; font-size: 0.8em;
}

#page {
  width: 1004px;
	min-height: 100%;
	height: auto !important;
	margin: 0 auto -150px; /* the bottom margin is the negative value of the footer's height */
}

#header .inner {
	border-bottom: 2px solid #dbd7bd;
	padding: 10px 60px;
}

#header .bottom {
	padding: 0 60px;
}

#header #logo {
	float: left;
}

.front #content {
	padding: 0 79px 0px 79px;
}

#content {
	font-size:14px;
	line-height:1.4em;
	margin-bottom: 15px;
}

#content-inner {
	clear:both;
	float:left;
	width: 100%;
}
#footer {
	background-color: #f2EEE6;
	font-size: 0.7em;
}

#footer .inner {
	display: block;
	padding: 25px 60px;
}

#footer, .push {
	margin: 0 auto;
	width: 1004px;
	height: 150px; /* .push must be the same height as .footer */
}

/**
 * Front Page
 */
.column-one, .column-two {
	float: left;
}
.column-one {
	background: transparent url('images/bg_line_bottom.png') no-repeat right bottom;
}

.column-one .inner {
	background: transparent url('images/bg_line_top.png') no-repeat right top;
	float: left;
	padding-right: 20px;
	width: 510px;
	
}

.column-two {
	margin-left: 15px;
	padding: 20px 0;
	width: 290px;
}
.article {
	margin: 20px 0;
}
.home-columns .edit-article {
	background-color: rgb(242, 101, 34);
	padding: 3px;
	border-radiius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color: #FFF;
	border: 1px solid #000;
	text-decoration: none;
}
.home-columns .edit-article:hover {
	color: #000;
}

/**
* Header
*******************/
#header #name,
#header #sub-header {
	font-family: Georgia, "Times New Roman", Times, serif;
	float:left;
	clear:none;
}

#header #name {
	padding-top: 78px;
	text-transform: uppercase;
	font-size: 1.8em;
	font-weight:normal;
	letter-spacing: 10px;
	width: 210px;
	position:absolute;
}

#header #sub-header {
	font-weight: normal;
	font-size: 1.4em;
	font-style:italic;
	padding-top:1.25em;
	padding-left:1em;
}

#header #name img {
    border: 0 none #fff;
}

#header #name a {
	color: #94243C;
	text-decoration: none;
	font-size:26px;
}

#header #tagLine {
	padding-top: 81px;
	text-align: center;
	font-weight: bold;
	font-size: 0.8em;
	width: 200px;
}

/**
 * Secondary Nav
 */
#secondNav  {
	clear: right;
	float: right;
	margin: 10px 0 0;
	display: inline;
	position: relative;
	padding: 0;
	width: 230px;
}
#secondNav li {
	float: left;
	list-style-type: none;
	padding: 0 0 0 8px;
	margin: 0;
}
#secondNav a {
	font-size: 10px;
	line-height: 12px;
	text-decoration: underline;
	padding: 0;
	margin: 0;
}

/*
* Top nav on default layout
****************************/

#name {
	height:90px;
	width:100%;
}

#header #mainNav {
	background-color: #BDB8B1;
	text-align: left;
	height: 177px;
	width: 165px;
}

#header #mainNav ul {
	list-style-type: none;
	margin-top: 10px;
	padding: 0 10px 0 10px;
}
#header #mainNav li {
	font-size:16px;
	line-height:1.3em;
		
}
#header #mainNav a {
	color: white;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.8em;
}

#header #logo {
	width: 455px;
}

#header #logo img {
	display: block;
	margin: 0 auto;
}

/**
* Footer Elements
************************/
#footer ul {
	list-style-type: none;
        
}

#footer ul li {
	display: block;
	float: left;
	padding: 0 5px;
	border-left: 1px solid #A49F9B;
}

#footer ul li:first-child {
	border-left: 0 none #fff;
}

#footer ul li a {
	color: #A49F9B;
	text-decoration: none;
}

#footer #secondNav {
	clear: both;
	float: right;
	text-align: right;
	padding-right: 20px;
	padding-left: 0;
	margin-bottom:5px;
}

#footer #contactInfo {
	clear: both;
	margin: 8px 0;
	border-top: 1px solid #A49F9B;	
	padding: 8px 0 0 0;
}
#contactInfo .logotype {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #6E5300;
	text-transform: uppercase;
	letter-spacing: 5px;
	border-left:0;
}
/** Fusion Charts **/
.chart {
	width:50%;
	float:left;
	min-height:400px;
}
.chart h2 {
	border-bottom:1px solid #C1D82F;
	margin-right:25px;
}
#date-range-select {
	float:left;
	padding:5px 0;
	background:#EFEFEF;
	width:50%;
	margin:40px 5px 5px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
#date-range-select div.submit {
	float:right;
	padding:0 185px 5px 0;
}
input[type="submit"] {
	cursor:pointer;
} 
#character-warning {
	padding:5px 1% 5px 3%;
	width:96% !important;
	margin:0;
	float:left;
	background:#FAEFD5 url(icons/error.png) 5px 50% no-repeat;
	border-top:1px dotted #DFA42B;
	border-bottom:1px solid #fff;
	display:none;
}
div.char-space {
	min-height:25px;
}
#Report legend{
	margin:0;
	float:left;
	text-align:left;
}

/**
 *  Footer 
 */
#footer .block-one {
	border-right: 2px solid #E1DDC8;
	float: left;
	width: 410px;
}
.block-one .maytree-logo,
.block-one .civi-logo,
.block-two .ontario-logo,
.block-two .ot-logo,
.block-two .tcf-logo {
	float: left;
}
.block-one .maytree-logo {
	margin: 20px 0 0 0;
}
.block-one .civi-logo {
	margin: 36px 0 0 30px;
}
.block-two {
	float: left;
	margin-left: 30px;
	width: 420px;
}
.block-two .ontario-logo {
	margin: 20px 0 0 0;
}
.block-two .ot-logo {
	margin: 26px 30px 0 60px;
}
.block-two .tcf-logo {
	margin: 29px 0 0 0;
}
.block-two .text {
	float: left;
}
.block-two .text.two {
	margin-left: 40px;
}

/**
 * Article
 */
#article-1 .article, #article-2 .article {
	border: 1px solid #CCC;
	border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	padding: 30px;
}
#article-1 .edit, #article-2 .edit {
	float: right;
	margin: 10px 0;
	clear: none;
}
#article-1, #article-2 {
	width: 500px;
}
#article-1 .article .inner,
#article-2 .article .inner {
	float: left;
	width: 290px;
}
.article-title {
	width: 475px
}
.wysiwyg label {
	display: none;
}
.wysiwyg .submit {
	padding: 0;
}
.wysiwyg .submit input {
	margin: 0;
}