/* Reset */
			* {
				margin: 0;
				padding: 0;
				}
/* Shared Structural CSS */
			body{
				width: 100%;
				background: #cccccc;
				font: 100%; 
				font-family: arial, sans-serif;
				color: #000;
			}
/* defining a container div allows for css styling of rounded corners with centered content on desktop or large screen browsers */
			#container	{ 
				margin:0 auto;
				border-radius: 10px;
				background: #FFFFFF;
				padding:  0;
				-moz-box-shadow:    3px 3px 5px 6px #808080;
				-webkit-box-shadow: 3px 3px 5px 6px #808080;
				box-shadow:         3px 3px 5px 6px #808080;
			}
			#header	{	
				border-top-right-radius: 10px;
				border-top-left-radius: 10px;
			}
			#logo2{				
				color:	#E8BA16;
			}
			#tagline {	
				color:	#5697FF;
			}
			#signature	{
				font-family:	Cookie, cursive;
				font-size: 1.6em;
				padding:	0 0 0 20%;
			}
			#copy {
				padding: 0 0 0 10px;	
			}
			#firstHead	{
				font-size:	1.8em;
				padding: 25px 0 10px 10px;
				margin: 10px 20px;
			}
			#secondHead	{
				font-size:	1.5em;
				padding: 10px 25px 10px 10px;
				margin: 10px 20px;
			}
			div	{
				margin: 10px 20px;
				padding: 0px 0px 0px 10px;
			}
			li	{
				margin: 10px 20px;
				padding: 0px 0px 0px 10px;
			}
			h3	{
				padding: 7px 0 7px 10px;
				margin: 10px 20px;
			}
			ul	{
				padding:	0 0 0 40px;
			}
			.middle	{
				padding:	5px 25px 10px 10px;
				margin: 10px 20px;
				font-size:	90%;
			}
			a img	{
				text-decoration:	none;
				border:	0;
			}
			div.hr {
				background: #fff  no-repeat scroll center;
				margin: auto;				
				width:80%;				
				height:.05em;
			}
			.finalWordLastP	{
				padding: 0 0 10px 0;
				line-height:	155%;
			}
			#footer {
				color: #000000;
				margin: 0px 0 0 20px;	
				text-align: left;				
				padding: 0 0 0 0;				
				border-bottom-right-radius: 20px;
				border-bottom-left-radius: 20px;	
			}
			.footnote	{
				font-size: .7em;
				font-style: italic;
				margin: 0px 0 0 20px;
			}
/* Desktop Structure */
			@media screen and (min-width:1025px){
			#container {
				width: 80%;	
			}
			h1	{	
				font-size:	275%;
				letter-spacing: -.5px;
				text-shadow: 2px 2px 3px #333;
			}
			#logo1 {
				margin: 5px 0 0 0;
				padding: 25px 0 0 0;
				width: 135px;
				height: 135px; 
			} 
			#logo2{
				margin: -145px 0% 0 0;
				float: right;
				width: 85%;
			}
			#tagline {
				margin: -90px 0 10px 195px;
				font-size: 85%;
				padding: 0 0 10px 0;
			}
			#copy {
				padding: 0 0 0 10px;	
			}
			#PAS	{
				padding:	0px 0px 0px 30px;
				line-height:	155%;
			}
			#form	{
				display:	inline-block;
				margin:	10px 40px 10px 10px;
				float:	right;
				padding: 20px 0 10px 0;
			}
			#excerpt	{
				float:	left;
				width:	265px;
				margin: 10px 10px 10px 20px;
				padding: 10px 0 0 0;
			}
			.finalWordFirstP	{
				padding:	15px 20px 20px 425px;
				line-height:	155%;
			}
			#photo	{
				float: left;
				padding:	20px 20px 20px 0;
			}
			.socialMedia	{
				display: block;
				float:	left; 
				margin: 10px 0px 10px 0px;
				padding: 0px 0 10px 0px;
			}
			#bio	{
				display: block;
				font-size:	.9em;
				margin:	18px 25% 0 20px;
				width:	45%;
				padding: 10px 10px 0px 5px;
				border-right:	1px solid #177175;
				line-height:	155%;
			}
			}
/* Tablet Structure */
			@media screen and (max-width:1024px) and (min-width:481px){
			#container {
				width: 100%;
			}
			h1	{	
				font-size:	275%;
				letter-spacing: -.5px;
				text-shadow: 2px 2px 3px #333;
			}
			#logo1 {
				margin: 5px 0 0 0;
				padding: 10px 0 0 0;
				width: 135px;
				height: 135px;
			}
			#logo2{
				margin: -145px 0% 0 0;
				float: right;
				width: 85%;
			}
			#tagline {
				margin: -90px 0 10px 195px;
				font-size: 85%;
				padding: 0 0 10px 0;
			}
			#form	{
				margin:	10px 40px 10px 10px;
				float:	right;
				padding: 20px 0 10px 0;
			}
			#PAS	{
				padding:	0px 0px 0px 30px;
				line-height:	155%;
			}
			#excerpt	{
				float:	left;
				width:	265px;
				margin: 10px 10px 10px 10px;
			}
			#copy {
				padding: 0 0 0 10px;	
			}
			.finalWordFirstP	{
				padding:	15px 20px 20px 425px;
				line-height:	155%;
			}
			.finalWordLastP	{
				padding:	15px 20px 20px 10px;
			}
			.socialMedia	{
				display: block;
				float:	left;
				margin: 10px 0px 10px 0px;
				padding: 0px 0px 10px 0px;	
			}
			#photo	{
				float: left;
				padding:	20px 20px 20px 0;
			}
			#bio	{
				display: block;
				line-height:	155%;
				margin:	18px 45% 0 0%;
				padding: 10px 10px 0px 0px;
			}
			}
/* Mobile Device Structure */
			@media only screen and (max-device-width:480px) {
			#container	{ 
				width: 100%;
			}
			#logo1, div.hr, #bio  {
				display: none;
			}
			h1	{	
				font-size:	275%;
				letter-spacing: -.5px;
				text-shadow: 2px 2px 3px #333;
			}
			#logo2{
				margin: 10px 10px 10px 0px;
				padding: 15px 0 20px 0;
				font-size:	175%;
				float:	none;
			}
			#tagline {
				margin: 10px 10px 10px 0px; 
				font-size:	85%;
				padding: 0 0 10px 0;
			}
			
			div	{
				margin: 10px 10px;
				padding: 0px 0px 0px 0px;
				line-height:	155%;
			}
			#form	{
				margin:	10px 10px 10px 10px;
				float:	none;
				padding: 20px 0 10px 0;
				width:	100%;
			}
			.socialMedia	{
				display: block;
				float:	none;
				margin: 10px 0px 10px 20px;
				padding: 0px 0px 10px 0px;	
			}
			#copy {
				padding: 0 0 0 0px;	
			}
			#PAS	{
				padding:	0px 0px 0px 25px;
				clear:	both;
			}
			#firstHead	{
				clear: both;
			}
			#excerpt	{
				width:	100%;
				margin: 10px 10px 10px 10px;
			}
			.finalWordFirstP	{
				padding:	10px 10px 15px 0px;	
				clear:	both;
				line-height:	155%;
			}
			.finalWordLastP	{
				padding:	10px 10px 15px 0px;
				line-height:	1.5em;
			}
			#photo	{
				float: none;
				padding:	20px 20px 20px 0;
			}
			}