/* 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-aligne: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;
					}
					
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:#cccccc;}


/* Headings */
h1, h2, h3, h4, h5, h6	{font-weight:bold;color:black}

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: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:black; text-decoration:underline}
a:visited		{color:brown;}
a:active		{color:black;}
a:focus			{color:black;}
a:hover			{color:brown;}

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

strong			{font-weight:bold;}
en				{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;}

dl			{	}
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:white;}

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

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

#socialmedia		{float:right; margin: 0 10px 0 0;}
#socialmedia p		{color:white; font-size:11px;margin: 4px 10px 4px 0px}
#socialmedia img	{width:24px; height:24px;}
#socialmedia ul li	{display:inline;}

#topnav			{background-color:#333333;clear:both;}
#topnav ul		{width:100%; float:left; margin: 0px; 
				background-color:#333333;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:#700000;}
#topnav a:focus  	{color:#ffffff;}

#leftside		{background-color:#808080;width:200px;
				height:600px;padding:20px; float:left;}
#leftside h2	{margin: 20px 0 10px 0;}
#leftside p		{margin: 8px 0; line-height:160%;}			
						
#content		{width:610px; float:right;
				padding:20px;}
#content h1		{margin:0 0 20px 0; font-size:32px;
				padding: 0 0 4px 0; border-bottom: 1px #000 solid;}
#content h2		{margin:20px 0 0 0;}
#content p		{margin:16px 0; line-height:160%;}	

#footer			{clear:both; width:100%;background-color:#000000;
				padding:10px 0; overflow:hidden;}
#footer p {text-align:center; color:#ffffff;}