/* ---------------------------------------------------------------------------
Base styles for all devices and defaults for when media queries do not work

Color descriptions:
light gray background is e3e5e9
light blue subnav is d2dcef
losgh dark blue is 174b97
orange for links is de9000
bright baby blue heading is 009eff
green heading is 009900
-----------------------------------------------------------------------------*/
body
{
	margin: 0;
	padding: 0;
	background-color: #fff;
	font: 1em/1.2 "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

h1,h2,h3,h4,h5,h6
{
	margin: 0 0 .5em;
	font-weight: 500;
	line-height: 1.1;
}

h1 { font-size: 2.25em; } /* 36px */
h2 { font-size: 1.75em; } /* 28px */
h3 { font-size: 1.375em; } /* 22px */
h4 { font-size: 1.125em; } /* 18px */
h5 { font-size: 1em; } /* 16px */
h6 { font-size: .875em; } /* 14px */

.blueheading
{
	color: #009eff;
}

.greenheading
{
	color: #009900;
}

.redheading
{
	color: red;
}

.centering
{
	text-align: center;	
}

a { color: #de9000; }
a:hover { color: #009eff; }

a.cta { 
	text-transform: uppercase; /* declaring this uppercase here means no uppercase needed in the HTML */
	font-size: .9em;  /* since uppercase, we made font 10% smaller to match rest of line */
	font-weight: bold;
	text-decoration: none;  /* won't be underlined as standard links are */
	margin: .5em 0 0 0;
	/*   this could allow for arrow image after each link; also can make hover state with colored arrow
	padding: 0px 12px 0px 0px;
	background: url(../images/cta_arrow.png) no-repeat right 0px; */
 }

p
{
	margin: 0 0 1.2em;
	line-height: 1.2;
}

hr
{
	height: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	border: 0;
	border-top: 1px solid #ddd;
}

table
{
	background-color: transparent;
	border-spacing: 0;
	border-collapse: collapse;
	border-top: 1px solid #ddd;
	table-layout:fixed;
}

th, td
{
	padding: .5em 1em;
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #ddd;
}

/*forms buttons */
/* for recaptcha */
@media screen and (max-height: 575px){
#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
}

.fsSubmitButton
{
	border: 1px solid black;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding:		4px 18px !important;
	font-size:		11px !important;
	background-color:	#d2dcef;
	font-weight:		bold;
	color:			#000;
}

.fsSubmitButton:hover { color: #999; cursor:pointer;}

/* comment this line if using this section     -finds devices set at 240pixels per inch or higher for HD displays-
@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi),
	only screen and (min-resolution: 2dppx),
{  comment this line too      -rules go here; uses the 2x images you saved at double the size but scaled down to meet the regular pixel space; make sure to set the regular space image size in the CSS too though -
	.promo.one { background-image: url(../images/promo1_2x.jpg); }
	.promo.two { background-image: url(../images/promo2_2x.jpg); }
}

*/