/* Reset */

html, body { margin: 0; padding: 0; border: 0;
				background: transparent; front-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; borded: 0;
	vertical-align: baseline;
	background: transparent;
	}
	
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: 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 { background-color: #eeeeee; }




/* Heading */

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 Element */

p				{color: #000; font-size: 12px; line-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: 0f0;	}
a:active		{ color: 000;	}
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: 12px; }
ol li			{color: #000; font-size: 12px; }

di				{ }
dt				{ }
dd				{ }



/* Table */

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: #ffffff; }

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


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

#social-media		{ float: right; margin: 0px 10px 0px 0px; }
#social-media p 	{ color: black; font-size: 16px; font-weight: bold; margin: 4px 30px 4px 0px; }
#social-media h1	{ color: black; font-size: 30px; font-weight: bold; margin: 4px 30px 4px 0px; }
#social-media img 	{ width: 38px; height: 38px; }
#social-media ul li	{ display: inline; }

#topnav			{ background-color: #8761C7; clear: both; }
#topnav ul		{ width: 100%; float: left; margin: 0px; background-color: #8761C7;
					border-bottom: 3px black solid; }
#topnav ul li 	{ display: inline; }
#topnav ul li a	{ float: left; padding: 10px 20px; color: white; font-size: 18px; font-weight: bold;}

#topnav a:link		{ color: #333333; }
#topnav a:visited	{ color: #333333; }
#topnav a:active	{ color: #333333; }
#topnav a:hover		{ color: #333333; background-color: gray; }
#topnav a:focus		{ color: #333333; }

#banner			{ background-color: black; clear: both; }
#banner img		{ background-color: black; width: 100%; height: 100%; }

#subbanner		{ width: 100%; background-color: #8761C7; padding: 15px 0px;
							 overflow: hidden; border-top: 3px black solid; margin:0px; }
#subbanner h3	{ color: black; font-size: 19px; font-weight: bold;
					text-align: center; line-height: 180%; }
#subbanner h2	{ color: black; font-size: 24px; font-weight: bold;
					text-align: center; line-height: 180%; }


#content		{ float: left; width: 650px; padding: 20px; }
#content h1		{ margin: 0px 0px 20px 0px; font-size: 30px; 
					border-bottom: 1px black solid; padding: 20px 0px; }
#content p 		{ margin: 16px 0px; line-height: 200%; }
#content h2		{ margin: 20px 0px 0px 0px; }
#content img	{ padding 8px; border: 1px black solid; margin: 8px; height: 200px; width: 180px; }

#rightside		{ padding: 20px; margin-left: 675px; }
#rightside h2 	{ margin: 20px 0px 10px 0px; font-size: 30px; line-height: 200%; }
#rightside ul li	{ margin: 8px 0px; line-height: 200%; }

#footer			{ clear: both; background-color: #8761C7; padding: 10px 0px; }
#footer p		{ text-align: center; color: white; }


/* Layout Extra */




/* Navigation Extra */



/* Forms */

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

label, submit, input, textarea	{
	borede: 0; padding: 0; margin: 0; background: none;
	}
	
lable {
		float: left; width: 150px;
		text-align: right; display: block;
		}
		
input, textarea {
		border: 1px #333 solid; margin-left: 10px
		}

input {
		width: 280px; marging-bottom: 16px;
		}
		
textarea {
		width: 280px; height: 150px;
		margin-bottom: 16px;
		}
		
select { }

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