body
{
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 100%;
    background-color: #FFFFFF;
    margin: 0;
}

header
{
    padding: 3px 0 3px 3px;
}

#wrapper
{
    padding: 0 0 0 10px;
}

#snaplogo 
{ 
	content: url(images/SNAP-logo-tagline.jpg);
}


#EA_text
{
	font-family: verdana, Geneva, sans-serif;
	font-size: 2em;
	font-weight: bold;
	display: inline-block;
	position: relative;
	top: -15px;
}

#main-content
{
	padding: 0 10px 0 5px;
}

.sidebar 
{
    background-color: #000000;
    padding: 7px;
    color: #FFFFFF;
    width: 40%; 
    float: right; 
    margin-bottom: 7px; 
    margin-left: 7px;
}

#main-content a:active, #main-content a:visited, #main-content a
{
    color: #F36D24; 
    text-decoration: none;
    font-weight: bold;
}

#main-content a:hover
{
    text-decoration: underline;
}

p
{
    padding: 0 5px 0 5px;
}

h1
{
    font-family: Tahoma;
    font-size: 2.25em;
}

h2
{
    font-family: Tahoma;
    font-size: 1.75em;
}

h3
{
    font-family: Tahoma;
    font-size: 1.25em;
}

h4
{
    font-family: Tahoma;
}

h4.faq
{
	color: #F36D24;
	margin-bottom: 3px;
}

nav
{
    background-color: black;
    display: block;
    overflow: hidden;
    padding: 0; 
    margin: 10px 0 10px 0px;
}
nav a { color: #FFFFFF; text-decoration: none; display: block; float: left; padding: 10px; }
nav a:visited { color: #FFFFFF; }
nav a:hover { color: #FFFFFF; text-decoration: none; background: #F36D24; }
nav a:active { color: #FFFFFF; position: relative; top: 0; }

footer
{
    background-color: #000000;
    padding: 10px 0px 10px 10px;
    color: #FFFFFF;
}

hr
{
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #CCC, #333, #CCC); 
    background-image:    -moz-linear-gradient(left, #CCC, #333, #CCC); 
    background-image:     -ms-linear-gradient(left, #CCC, #333, #CCC); 
    background-image:      -o-linear-gradient(left, #CCC, #333, #CCC); 
}

.small
{
	color:#000000; 
	font-size: 10px;
}

.smallcap
{
	color:#000000; 
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.OfficeStatus
{
	color: #FF7226;
	font-size: .75em;
}

.large_red
{
	color:#FF0000;
	font-weight:bold;
	text-decoration:
	underline; font-size:16px;
}

#please-wait
{
	width: 200px;
	text-align: center;
	border: 2px solid #000000;
	background-color: #FFFFFF;
	padding: 5px;
}


/* **************************************************************** */
/*                    REGISTRATION FORM STYLES                      */
/* **************************************************************** */

input.snapbutton
{
	cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
	padding:5px 25px; /*add some padding to the inside of the button*/
	background:#F36D24; /*the color of the button*/
	border:1px solid #A54A18; /*required or the default border for the browser will appear*/
	/*give the button curved corners, alter the size as required*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/*give the button a drop shadow*/
	-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
	box-shadow: 0 0 4px rgba(0,0,0, .75);
	/*style the text*/
	color:#FFFFFF;
	font-size:1.1em;
}

input.snapbutton:hover, input.snapbutton:focus
{
	background-color :#FF7226;
	color: #000000;
	/*reduce the drop shadow size to give a pushed button effect*/
	-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
	box-shadow: 0 0 1px rgba(0,0,0, .75);
}

.FormElement, #MoneyFields
{
	padding-bottom: 15px;
}

.FormElement label
{
	float:left;
	text-align:right; 
	width:400px;
	padding-right: 10px;
}

.FormElement input
{
	clear:both;
}

.money_field
{
	width: 80px;
}

#incometable table
{ 
    border-collapse: collapse;
    margin-bottom: 15px;
}

/* Zebra striping */
#incometable tr:nth-of-type(odd)
{ 
	background: #eee; 
}
#incometable tr:nth-of-type(even)
{ 
	background: #FF7226; 
}
#incometable th
{ 
	background: #333; 
	color: white; 
	font-weight: bold;
	text-align: center;
}
#incometable td, #incometable th
{ 
	padding: 6px; 
	border: 1px solid #000000;
}


#FormEndHR
{
	padding-top: 10px;
}

.question, .RadioAnswers
{
	display: inline-block;
	padding-left: 10px;
}

#assistanceYesAnswer
{
	display: block;
	color: #FF0000;
	font-weight: bold;
}

.RadioAnswers label
{
	padding-right: 10px;
}

#apptdate
{
	font-family: Arial, Verdana, Helvetica;
}

input:required:invalid, input:focus:invalid {
    background-image:url(images/red_dot.png);
    background-position: right center;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
}

input:required:valid, #heat_vendor:required:valid 
{
    background-image: none;
}

#heat_vendor:required
{
    background-image:url(images/red_dot.png);
    background-position: right 20px center;
    background-repeat: no-repeat;
}

#ApptDisplay
{
	display: inline;
	padding-left: 40px;
}

#eligibilitytable2 {
	display: none;
}