﻿



/* Color Legend */


/* Reset */

html, body {margin: 0; padding: 0; border:0;
				background: transparent; font-size:10px; }
				
div, span, article, 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 { border-collapse: collapse; border-spacing: 0; }

input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0; 
	}

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, strike, {
	font-family:"Trebuchet MS", 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   { background-color:#eeeeee;  }
	
	/* Headings */
	
	h1, h2, h3, h4, h5, h6, { font-weight: bold; color: #000; }
	
	h1 { font-size:24px; }
	h2 { font-size:20px; }	
	h3 { font-size:16px; }
	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:19px; line-height:height:150%; }
p .left		{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right	{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a			{	}
a:link		{ color: #00f;	}
a:visited	{ color: #00f;	}
a:active	{ color: #00f;	}
a:focus		{ color: #666;	}
a:hover		{ color: #f00;	}
a:focus		{ color: #666;	}
a:hover		{ color: #f00;	}

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

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

/* Images */


/* Lists */

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

ul li 		{color:#000; font-size:18px; }
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; }




		/* Containers */

 


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

#top		{ background-color:#4e88c7; width:100%; padding:20px 0px; overflow:hidden;}

#logo		{ margin:0px 0px 0px 10px;  float:left;}

#social-media	{ float:right; margin:0px 10px 0px 0px;	}
#social-media p {color:#ffffff; font-size:16px; margin:4px 10px 4px 0px; }
#social-media ul li { display:inline; }

#topnav		{ background-color:#333333; clear:both;	}

#topnav ul	{ width:860px; float:left; margin:0px; background-color:#336699; 
				border-bottom:3px #cccccc solid;}

#topnav ul li	{display:inline; }
#topnav ul li a	{float:left; padding:10px 20px;}

#topnav a:link 		{color:#ffffff; }
#topnav a:visited 	{color:#ffffff; }
#topnav a:active 	{color:#ffffff; }
#topnav a:hover 	{color:#ffffff; background-color:#cc6633;}
#topnav a:focus		{color:#ffffff; }

#banner		{	}

#subbanner	{ width:100%; background-color:#336699;	padding:10px 0px; overflow:hidden;}

#subbanner h2 {color:#ffffff; font-size:18px; font-weight:bold; text-align:center; line-height:180%;}


#content	{float:left; width:650px; padding: 20px;	}
#content h1	{ margin:  0 0 20px 0; font-size:32px; border-bottom:1px #777777 solid;  
			padding:20px 0;}
			
#content p	{margin:16px 0; line-height:120%; }
#content h2	{margin:20px 0 0 0;}
#content img	{padding:0px 0 0px 0; margin:1px;}

#rightside		{padding:20px; margin-left:675px;	}
#rightside h2	{margin:20px 0 10px 0; }
rightside p 	{margin:8px 0; line-height:160%; }


#footer		{ clear:both; background-color:#000000; padding:1px 0;	}
#footer p	{text-align:center; font-size:12px; color :#ffffff;}


#box1		{	}

#box2		{	}

#box3		{	}

#box4		{	}

#box5		{	}

#box6		{	}

/* Layout Extra */


/* Navigation Extra */




/* Forms */

form { text-align:left; margin:5px; }

label submit input text-area { border:1px solid #000000; padding:0; margin:0; background:none; }

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

input, text-area { margin-left:10px; padding:5px; }

input  {width: 280px; margin-bottom: 5px; }

textarea {
width: 280px; height: 150px; 
margin-bottom: 5px; }

select	{	}

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

#contact-form ol	{list-style-type:none;	}
























































