/* ----- scXX and ecXX designations are used by User Interface Feature. Don't remove if you intend to use the User Interface to change colors ---- */

*  /* -- Reset Styles -- */
{
	margin: 0;
	padding: 0;
}

header, nav, main, footer  /* for older browsers */
{
    display: block;
} 

/* -- Sticky Footer Styles -- */
html, body
{
	height: 100%;
}

/* -- General Styles -- */
body
{ 
	font-family: Verdana, Arial, sans-serif; 
	letter-spacing: .25px;
	font-size: .9em;
	/*sC01*/ background-color:  #ffffff /*eC01*/;
	/*sC02*/ color:  #222222 /*eC02*/; 
}

h1, h2, h3
{
	font-family: Arial, sans-serif; 
	/*sC03*/ color:  #222222 /*eC03*/;
	letter-spacing: 1px; 
	text-rendering: optimizelegibility;
}

h1
{
	padding: 0 0 15px 0;
	font-size: 160%;
	text-align: left;
	text-shadow: 1px 1px 0 #bbbbbb;
}

h2
{
	padding: 5px 0;
	font-size: 140%;
}

h3
{
	padding: 5px 0;
	font-size: 120%;
}

a
{
	/*sC04*/ color:  #222222 /*eC04*/;	
	cursor: pointer;
}

p
{
	padding: 0 0 10px 0;
	line-height: 1.5;
}

input[type="number"], input[type="email"], input[type="text"], input[type="password"], select, textarea
{
	font-family: Verdana, Arial, FontAwesome, san-serif;
	padding: 8px; 
	box-sizing:border-box;
	background-color: #ffffff;
	border: solid 1px #cccccc;
	border-radius: 2px;
	font-size: 100%;
}

input[type="email"]:focus, input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus
{
	background-color: #fafafa;
	color: #000000;
}
	
button
{
	cursor: pointer;
}

option
{
	background-color: #ffffff; 
	border-right: 1px solid #767676;
}

input[type='checkbox'], input[type='radio']
{
	margin-right: 5px;
}

fieldset
{
	margin: 8px 0;
	box-sizing: border-box;
	padding: 8px;
	border-radius: 4px;
}

legend
{
	font-weight: bold;
	padding: 0 3px;
	font-size: 110%;
	font-family: Georgia, "Times New Roman", serif; 
}

img
{
	border: 0;
	max-width: 100%; /* resize as screen width changes */
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

th, td
{
	vertical-align: top;
}

ul, ol
{
	padding: 5px 0 5px 25px;
}

li
{
	padding: 0 0 10px 0;
}