@charset "utf-8";
/* MISCELLANEOUS STYLES FOR CONTENT */

body,td,th,textarea {			/* default font for the site */
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.4em;
	font-size: 12px;
	color:#333;
}

a:link, a:visited {		/* default link for the site */
	color:#333;
}
a:hover {
	color: #d23;
}

h1 {
	font-weight:bold;
	font-size:22px;
	line-height:1.2em;
	color:#d23;
}
h2 {
	font-weight:bold;
	font-size:16px;
	line-height:1.2em;
}
h3 {
	font-weight:bold;
	font-size:14px;
	line-height:1.4em;
}
h4 {
	font-weight:bold;
	font-size:12px;
	line-height:1.4em;
}

/*---------- accordion menu ------------- */
a.accordion_menu_closed:link, a.accordion_menu_closed:visited/*, a.accordion_menu_open:link, a.accordion_menu_open:visited*/ {
	text-decoration:none;
	color:#000;
	display:block;
	border-bottom:dashed 1px #aaa;
	padding-left:10px;
	padding-top:.5em;
}
.accordion_menu_closed {
	background:url(/images/accordion-menu-arrow-closed.gif) left top no-repeat;
	background-position:0px .75em;
}
/*.accordion_menu_open {
	background:url(/combined-site/common-files/images/accordion-menu-arrow-open.gif) left top no-repeat;
	background-position:0px .75em;
}*/
/*---------- borders and boxes ------------- */
.border_1px {
	border-top:solid 1px #ddd;
}
.border_1px_with_bg_1 {
	border:solid 1px #ddd;
	background:#eee;
}

.border_1px_bottom {
	border-bottom:solid 1px #aaa;
}

.padding {
	padding:10px;
}

.indented {
	padding-left:10px;
	padding-right:10px;
}

hr {
	width:100%;
	height:0px;
	border:0;
	border-top:solid 1px #777;
}

.odd_even_tables tr:nth-child(even) {	/* for 'zebra-striping' tables. Only works for IE8+ */
  background-color: #e4e4e4;
}

th {
	text-align:left;
	font-weight:bold;
	font-size:125%;
}

.table_info td {
	border-top:solid 1px #ccc;
}
.table_info tr:nth-child(even)   { 
	background-color:#e8e8e8; 
} 

/*---------- forms ------------- */

input[type=text], select {
	border:solid 1px #ddd;
	/*padding:2px;*/
	padding:2px;
}

.button, a.button, input[type=submit] {
	background:#c32929 url(/common_files/images/button-bg.jpg) top repeat-x;
	-moz-border-radius: 6px 6px 6px 6px;
	border: medium none;
	color: #fff;
	padding: 2px 5px;
}
a.button:link, a.button:visited {			/* make a link look like a button */
	text-decoration:none;
	padding:4px 9px;
}
a.button:hover, input[type=submit]:hover {
	background:#ac0101 url(/common_files/images/button-bg-rol.jpg) top repeat-x;
}

/*---------- images ------------- */
.image_left_align {
	position:relative; 
	float:left; 
	margin:0 10px 0 0; /*10px 0;*/
	text-align:center;
}
.image_right_align {
	position:relative; 
	float:right; 
	margin:0 0 0 10px; /*10px 0;*/
	text-align:center;
}

/*---------- misc styles ------------- */
.document_image {						/* adds a nice look when applied to a screenshot of a pdf, etc.) */
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	padding:0 5px 5px 0;
	background:url(/common_files/images/pdf-bg-image.gif) bottom right no-repeat;
}

.notes1 {		/* for development purposes */
	background:#ff9;
}
.notes2 {		/* for development purposes */
	background:#f99;
}

.nyroModal { 	/* used to call NyroModal lightbox */
}
/*---------- text styles ------------- */

/*.news_header {
	font-weight:bold;
	font-size:18px;
}*/

.no_bullets, .no_bullets li {	/* for when you want to use the convenience/structure of a list but don't want it to look like one*/
	list-style:none;
	padding-left:0;
	margin-left:0;
}

.required {
	font-weight:bold;
	color:#d23;
}
.requried1 {					/* this is uesed in combination with scripts/auto_validate.js to help validate forms easily */
}

.no_underline, a.no_underline:link, a.no_underline:visited, .no_underline a:link, .no_underline a:visited {		/* Note: you can apply this to a div/table/td and the all links it contains will inherit this. When you have a big table or list of links, it's obvious they're links, and all the underlining is getting uggly */
	text-decoration:none;
}
a.no_underline:hover, .no_underline a:hover {
	text-decoration:underline;
}

.small_text, a.small_text {
	font-size:10px;
	line-height:1.4em;
}

.red_text, a.red_text {
	color:#d23;
}

.light_gray_text, a.light_gray_text {
	color:#999;
}

.white_on_red, .white_on_red a:link, .white_on_red a:visited, .white_on_red a:hover {
	background:#d23;
	color:#fff;
}
.home_feature_title, .home_feature_title a:link, home_feature_title a:visited, home_feature_title a:hover {
	background:#fff;
	color:#000;
	border-top:solid 1px #ddd;
	padding-top: 20px;
	padding-bottom: 15px;
}
.home_feature_title_top {
	background:#fff;
	color:#000;
	padding-bottom: 15px;
}



.extra_content {				/* for content intended for screenreaders or machines instead of people */
	position:absolute;
	z-index:100;
	left:-999em;
}
