/* ==================Start of globalized formatting code ==================*/

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

body		{ 	background-color:lightgrey ;		/* this sequence otherwise above will override the background color could use !important */
				text-decoration	:none;			} 	/* to remove the underline in links */
				
	
/* ==================Start of tables formatting code ==================*/
		
table, te, tbody, tfoot, thead 
			
			{	margin:5px; padding:5px; border:0px; vertical-align: baseline; background:transparent;	}
			
table 		{	border-collapse: collapse;	border: 0;	table-layout: auto;	width: 100%; font-size:150%; line-height:150%;	margin:10px;}

th, td 		{	border: 10px;	}
		
/* ==================Start of other formatting code ==================*/
div, span, article, aside, footer, header, hgroup, nav, section, 
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li

			{	margin:0; padding:0; border:0; vertical-align: baseline; background:transparent;	}
			
			
			
h1, h2, h3, h4, h5, h6, p, blockquote, a, li, td, th, textarea, 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:			black;
			}
ol, ul		{	list-style:none;	}

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;	}
		
ol		{	list-style-type:decimal;	}

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

img		{	margin: 0; padding :0;	border: 0;	border-style: none;}



/*	==*/	


/* ==================Start of personalized formatting code ==================*/
/* Containers */

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

#top				{	background-color:black; width:100%; padding: 20px 0 ; overflow:hidden ;
						border-bottom:5px lightgray solid;}

#logo				{	margin: 0 0 0 10px;	float:left;	max-width:30%; height:auto;}


#social-media 		{	float:right; margin: 0 20px 0  0;} 
#social-media p		{	color:white; font-size: 11px; margin: 4px 10px 4px 0px; }
#social-media img	{	width:32px; height:32px;margin: 4px 5px 4px 5px; }
#social-media ul li	{	display : inline; }

#topnav				{	margin: 0px auto;width:100%; background-color:darkgrey; clear:both; 	}
#topnav ul			{	width:100%; float:left; margin:0px 0px 0px 0px; background-color: green;	border-bottom: 3px lightgrey solid;}		
#topnav ul li		{	display:inline;	}
#topnav ul li a		{	float:left; 	padding:10px 20px;	font-size:120%; margin:0;	}

#topnav a:link		{	color:white;}
#topnav a:visited	{	color:white;}
#topnav a:active	{	color:white;}
#topnav a:hover		{	color:white;background-color:darkred;}
#topnav a:focus		{	color:white;}

#bunting			{	margin: 0px auto;width:100%; background-color:white; clear:both; 	}
#bunting img		{	padding:3px; border:1px darkgrey  solid; margin:2px;		} /* fiddle these values to space out the pictures */

#subbunting			{	width:100%; background-color:green; padding: 3px 0; overflow:hidden;}
#subbunting h3		{	color:black;font-size: 16px; font-weight:bold; text-align:center;line-height:180%;}

#content			{	float:left;	width:600px;	padding:20px;	}
#content h1			{	margin: 0 0 10px 0;			font-size: 32px;	border-bottom: 2px darkgrey solid; padding: 20px 0; color :black;}
#content h2			{	margin: 20px 0 0 0; 	color :black;	}
#content p			{	margin: 16px 0;		line-height:160%;			font-size: 150%;}
#content ul			{	padding-left: 50px;				}
#content ul li		{	padding-left: 10px;	list-style-position: outside;	list-style-type: circle;	line-height:160%;	font-size:150%;	}
#content img		{	padding:8px; 			border:1px darkgrey solid; 	margin:8px;	}

#rightside			{	padding: 20px ; margin-left:625px;		}
#rightside h2		{	margin:20px 0 10px 0;	}
#rightside p		{	margin:8px 0; font-size: 120%;	line-height :160%;	}
#rightside img		{	display: block;	margin-left: auto;	margin-right: auto;	border:1px darkgrey solid; }

#footer				{	clear:both ;	 background-color:black; 	padding: 10px 0;}
#footer p			{	text-align:center ; color:white;font-size: 120%;line-height:160%;		}


/*----forms ---*/

form			{	text-align:left; margin:20px;}
	
label, submit, input, textarea 
				{	border:0;	padding:0;	 margin:0; background:none;}
	
label			{	float:left; width:150px; margin-top:5px;	text-align:right;	display:block;	}
	
input,textarea	{	border:1px #333 solid;	margin-left:10px;	padding:5px	}
	
input			{	width:280px;	margin-bottom:16px;	}
	
textarea 		{	width:280px;	height:150px;		margin-bottom:16px;}

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

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