<!-- Timothy Framework www.timothy.org -->
<!-- Version 0.1 Beta Copyright 2010 -->

<!-- Public Open Source Software permission granted under the (modified) MIT License enclosed-->
<!--  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED -->


/* Colors
--------------------------------------------------------------------------------- 
dark orange: #f60;
dark green: #718d2c;
light green: #95Bf39;

dark green heading text: #005100;
dark orange heading text: #CA6500;

*/


/* Reset
--------------------------------------------------------------------------------- */

html, body {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	font-size:10px;
}

div, article, aside, dialog, figure, footer, header, hgroup, 
nav, section, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, img, 
strike, strong, em, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }

h1, h2,h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, b, i, u, strike { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	line-height: 1; 
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
	}

ol, ul { list-style: none; }

img { display:block; }

table { border-collapse: collapse; border-spacing: 0; }

	/* The border-collapse property sets whether the table borders are collapsed into a single border or detached as in standard HTM 
	The border-spacing property sets the distance between the borders of adjacent cells */

body { background-color:#333; }

/* Global Containers
-------------------------------------------------------------- */

#wrapper 			{ width: 900px; margin:0 auto;  border-left:1px #360 dotted; border-right:1px #360 dotted; background-color:#09F }

#top 				{ width:100%; height:0px; background-color:#000;  }

#banner 			{ width:900px; height:200px;  }

#topnav ul			{ float:left; width:100%; background-color:#000;  }
#topnav ul li		{ display:inline; }
#topnav ul li a		{ float:left; padding:10px 30px; color:#fff; font-weight:bold; font-size:16px; }
#topnav a:hover		{ background-color:#00C; }



#rightside 			{ float:left; width:210px; padding:20px;  }
#rightside h2		{ font-size:18px; font-weight:bold; color:#fff; margin:1.5em 0 .5em 0; }
#rightside p		{ line-height:180%; font-size:12px; font-weight:normal; color:#fff; margin:1em 0;  }

#content 			{ width:560px; float:left; padding:20px; background-color:#fff;  }
#content h1			{ font-size:24px; font-weight:bold; color:#005100; margin:1em 0 .5em 0; }
#content h2			{ font-size:18px; font-weight:bold; color:#CA6500; margin:1em 0 .5em 0; }
#content p			{ line-height:180%; font-size:12px; font-weight:normal; color:#000; margin:1em 0;  }

#footer 			{ clear:both; background-color:#000; padding:1em 0;  }

#newsletter-signup	{ margin-top:20px; padding-bottom:20px; border-top:1px #fff dotted; border-bottom:1px #fff dotted; }


/* Class and Tag Styles
-------------------------------------------------------------- */

.footer-text 		{ font-size:10px; font-style:italic; text-align:center; color:#fff; }

.brd-thin-white-top		{ border-top:2px #fff solid; }
.brd-thin-white-bottom	{ border-bottom:2px #fff solid; }

.float-left 		{ float:left; }
.float-right		{ float:right }

.image-right 		{ padding:10px; border:1px #555 dotted; margin:5px 0 5px 10px; }
.image-sm-collage	{ margin:20px 0; }

label				{ display:none; }

td, th				{ padding:4px; }