/*	The Main Stuff							*/

body			{
             		font-family: Arial, Verdana, sans-serif;
			color: black;
			background: textures.grgrid;
              		background-image: url("grgrid");
              		margin-left:15px;
             		}

h2           		{
              		font-family: Arial, Verdana, sans-serif;
              		color: darkgreen;
             		}

h3           		{
			font-family: Arial, Verdana, sans-serif;
			color: black;
			text-align: left;
			}

h4           		{
			font-family: Arial, Verdana, sans-serif;
			font-style: italic;
			color: navy;
			text-align: left;
			text-decoration: underline;
			}

h6			{
			font-family: Arial, Verdana, sans-serif;
			color: black;
			}

p			{
 			text-indent: 0px;
 			}

table			{
			font-family: Arial, Verdana, sans-serif;
			font-size: larger;
			color: black;
			}

/*______________________________________________________________________*/

/*	Added Classes							*/

/*		-note these are referenced in the page as class="xx"	*/

.smaller		{
			font_size: smaller;
			}

.title			{
			text-align: center;
			}

/*______________________________________________________________________*/

/*	Forms - Input and Buttons					*/

input			{

			}

input[type=text]	{
			border: 1px solid LightGray;
			border-bottom: 1px dashed black;
			}

input[type=email]	{
			border: 1px solid LightGray;
			border-bottom: 1px dashed black;
			}

textarea		{
			border: 1px solid Gray;
			}

/* buttons in general:							*/
.button			{
			border: outset;
			border-style: solid;
			border-width: 3px;
			border-color: lightgray gray gray lightgray;
			color: black;
			padding: 2px 6px;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			font-size: 16px;
			}

/* the submit button in particular!					*/
.button[type=submit]	{
			background-color: #4CAF50; /* Green */
			padding: 2px 10px;
			}

/*______________________________________________________________________*/


/*	Desktop Only							*/
/*		-this is how to target desktop machines only 		*/

@media (min-width: 1024px)
			{
p				{
				text-indent: 0px;
				padding-left: 50px;
				}
			}

/*______________________________________________________________________*/

/*	Miscellaneous							*/

hr.red			{
			/* Red border */
			border-top: 5px solid firebrick;
			/* can use dashed and dotted instead of solid */
			}

hr.dashed		{
			/* Red border */
			border-top: 5px dashed firebrick;
			/* can use dashed and dotted instead of solid */
			}

hr.blue			{
			/* Blue border */
			border-top: 5px solid blue;
			/* can use dashed and dotted instead of solid */
			}

.updated		{
			text-align:right;
			font-size:small;
			}

/*______________________________________________________________________*/

/*  note the dotted things .xx are referenced in the page as class="xx" */