/* Timothy Framework - www.timothywebdesign.com */
/* This work is licensed under a Creative Commons Attribution 3.0 Unported License. */


/* Color Legend */


/* Reset */

html, body { margin: 0; padding: 0; border: 0;  background: transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	}

img 	{ margin:0; padding:0; border:0; }

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding: 0; border: 0;
	vertical-align: baseline;
	background: transparent;
	}
	
table { border-collapse: collapse; border-spacing: 0; }
	
input, select, textarea, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	}

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: 100%; 
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
	}

ol, ul { list-style: none; }


/* Global */

html 	{ 	}
body	{ text-align:center; background-color:#000000; background-image:url(../images/bg.jpg);	}



/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000; }

h1 { font-size:24px; margin-top:30px; color:#CA6500;
		border-bottom:1px #ccc solid; padding-bottom:15px; margin-bottom:15px; }
h2 { font-size:20px; margin:30px 0px 20px 0px; }
h3 { font-size:16px; margin-top:5px; }
h4 { font-size:14px; }
h5 { font-size:14px; }
h6 { font-size:14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }



/* Text Elements */

p           	{
	color:#000;
	font-size:16px;
	line-height:150%;
	margin-top:10px;
}
p.left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p.right 		{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }
p.news-date		{ color:#CA6500; font-weight:bold;	}
p.news-item		{ margin-bottom:20px;	}

a           	{   }
a:link			{
	color: #00C;
}
a:visited		{
	color: #00C;
}
a:active		{
	color: #C60;
}
a:focus			{
	color: #C60;
}
a:hover     	{
	color: #C60;
}

blockquote  	{ color:#000; font-size:12px; }

strong      	{
	font-weight: bold;
	color: #CA6500;
}
em		      	{ font-style: italic; }

/* Images */

.image-block	{ padding:10px; border:1px #ccc solid; margin:10px; }

/* Lists */

ul          	{  }
ol          	{ list-style-type:decimal; }

ul li		    { color:#000; font-size:12px; }
ol li	     	{ color:#000; font-size:12px; }

dl          	{  	}
dt       		{  	}
dd          	{ 	}



/* Tables */

table       	{ width:100%; }

tr				{	}
.odd			{ background-color:#eee; }
.even			{ background-color:#fff; }

th          	{ font-weight: bold; }
thead, th    	{ background: #ccc; }

tbody			{   }

th,td,caption 	{ 	}
caption 		{ 	}

tfoot       	{	}
.tfooter		{ background-color:#ccc; text-align:center; font-style:italic; }

caption     	{ background: #efefef; }



/* Miscellaneous */

sup, sub    	{ line-height: 0; }

abbr, acronym   { border-bottom: 1px dotted #666; }
address     	{ 	 }
del         	{ background:#FFCECE; color:#f00; }

code, pre		{ background-color:#FF9; padding:2px 0px; margin:4px 25px;
					font-family:"Courier New", Courier, monospace; font-size:12px; font-weight:normal; line-height:150%;	}


/* Containers */

#outer				{
	width:960px;
	margin:0 auto;
	background-color:#CCC;
}

#wrapper 			{
	width:900px;
	margin:0 auto;
	background-color:#CCC;
}

#banner 			{ margin:30px 0 20px 0px; float:left;  }

#social-media-icons			{ float:right;	}
#social-media-icons	ul		{ margin-top:40px; }
#social-media-icons	ul li	{ display:inline; }

#topnav 			{ clear:both;   }

#subbanner 			{   }

#rightside 			{ float:right; width:210px;  }

#content 			{
	float:left;
	width:900px;
}
#content-full		{ width:100% }

#footer 			{ margin-top:30px; border-top:1px #333 dotted; padding:3px 0px 30px 0px;  }

#box1 { width:250px; margin:20px 10px 10px 0px; float:left; 
		background-color:#eee; border-top:10px #A85400 solid; }

#box2 { width:250px; margin:20px 50px 10px 50px; float:left; 
		background-color:#eee; border-top:10px #948245 solid; }

#box3 { width:250px; margin:20px 10px 10px 10px; float:left; 
		background-color:#eee; border-top:10px #9B9B00 solid;  }

#box1 h2, #box2 h2, #box3 h2 { margin:0; padding:0 0 10px 0; color:#A43500; border-bottom:1px #bbb solid; }
		
#box1 h3, #box2 h3, #box3 h3 { margin:20px 10px 10px 10px; }
#box1 p, #box2 p, #box3 p { margin:10px 10px; }

#box4 {   }

#box5 {   }

#box6 {   }


/* Layout Extra */



/* Navigation Extra */


#topnav ul {
	width: 100%; /* menu will fill 100% of wrapper container  */
	padding:5px 0; margin:10px 0; 
	float: left;
	border-top:1px #333 solid; border-bottom:1px #333 solid; 
	}

#topnav ul li { 
	display: inline; 
	}

#topnav ul li a {
	padding: 3px 15px; /* Sets the Height and Width of the menu item*/
	float: left;
	color: #333; /* Sets the font color of the menu item text */
	text-decoration: none; /* removes the underline from underneath links */
	}

#topnav ul li a:hover {
	color:#CA6500;
	}


/* Forms */

form ol {
	list-style-type:none;
	background-color: #CCC;
	color: #CCC;
}

form 	{
	text-align:left;
	margin:20px;
	color: #FFF;
}

label 	{ 
		float: left; width: 150px; margin-top:5px;
		text-align:right; display:block; background:none; 
		}
	
submit	{ background:none; 	}

input 	{
	width: 280px;
	margin:0 0 16px 10px;
	border:1px #bbb solid;
	padding:5px;
	background-color: #FFF;
	background-image: none;
		}
		
input:focus, textarea:focus	{
	background-color:#FFF;
}

textarea {
	width: 280px;
	height: 150px;
	margin:0 0 16px 10px;
	border:1px #bbb solid;
	padding:5px;
	background:#fff;
	color: #000;
		}

select { margin-bottom:20px;	}
	
.month { margin-left:155px;	}

.submit {
		width:90px; height:25px;
		margin-left:170px;
		font-size:12px;
		}

br		{
	clear: left;
}

.clear	{ clear:both; }


/* Miscellaneous  */

.copyright-text	{ font-size:80%; font-style:italic; color:#333; }
.footer-text	{ font-size:100%; font-style:normal; color:#666; text-align:center; }

.float-right	{ float:right; }
.float-left		{ float:left; }

.clear			{ clear:both; }