.cira_title {
	text-align: center;
	margin-top: .5em;
	margin-bottom: .5em;
	margin-left: auto;
	margin-right: auto;
	font-size: 16pt;
	font-weight: bold;
	color: #695000; /* #5c4c30; #605019 */
}
.cira_h1 {
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 14pt;
	font-weight: bold;
}
.cira_h2 {
	margin-top: .5em;
	margin-bottom: .5em;
	font-size: 12pt;
	font-weight: bold;
}
.cira_label {
	font-weight: bold;
}
#content p, .cira_paragraph {
	padding-left: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	line-height: 1.25;
}
#content, #content p, #content th, #content td, #content li {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#content h1, #content h2, #content h3, #content h4, .cira_title, #content .cira_title, .cira_h1, .cira_h2 {
	font-family: Arial, Helvetica, sans-serif;
}
#content td {
	padding: 5px 7px 5px 7px;
}

#content ul, #content li {
	margin-left: 24px;
	margin-top: 0.25em;
}
#content ul li {
	list-style: disc outside;
}

#content dt {
	font-weight: bold;
	margin-top: 0.25em;
}

#content dd {
	font-weight: normal;
	margin-left: 15px;
}

#content a, #content a:visited {
	color: #006090;
}
.editlink {
	text-align: right;
	margin: 2px;
}
.editlink a, .editlink a:visited {
	color: #006090;
	text-decoration: none;
}
.editlink a:hover {
	color: #006090;
	text-decoration: underline;
}
.cool_contrast_color {
	background-color: #f0e8bf;  /* #fbf0c0 */
}
.warm_contrast_color {
	background-color: #e5daba;
}


/* Style for HTML generation functions in cira_functions.html */
	/* The table stuff below is for control items, which are in tables. Tables ignore parent-element styles. */
.cira_list, .cira_list table { 
	font-size: 12pt;
}
.cira_list .odd_row, .cira_list .odd_row table, .cira_table .odd_col, .cira_table .odd_row {
	background-color: #e5daba;
}
.cira_list .even_row, .cira_list .even_row table {
	/*background: #CCDFF9;*/
}
.cira_list .highlighted_row, .cira_list .highlighted_row table, .cira_table .highlighted_row, .cira_table .highlighted_row .odd_col {
	background: #fbf1bb;
}
.cira_list .list_item { /* The div around the list item. */
	/*text-align: center;*/ /* Centers list items in IE */
	margin-left: 20px;
	margin-right: 20px;
}
.cira_list .list_item_header { /* The index headers within the list */
	font-weight: bold;
	font-size: 14pt;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	display: block;
}
.cira_list a:hover.list_item_header { /* Firefox does hover on <a> tags even if they just have a name and no href attribute. */
	text-decoration: none;
}
.cira_list .list_index { /* The index at the top of the list with links to the headers */
	margin: 15px;
	text-align: center;
}
.cira_list .list_pagination { /* The pagination links at the top and bottom of the list */
	margin: 5px;
	text-align: right;
}
.cira_control_item { /* The div surronding all of the command links (edit, delete, etc.) */
}
.cira_control_item .item_text  { /* The td that the list item is in */
}
.cira_control_item .item_commands { /* The td that the commands (edit, delete, etc.) are in */
	float: right;
}
.cira_table .group_header_row {
	font-weight: bold; 
	font-size: 1.10em;
}
.cira_table {
	font-size: 10pt;
}
.cira_table a {
	text-decoration: none;
}
.cira_table a:hover {
	text-decoration: underline;
}
.cira_table th {
	text-align: center;
	font-weight: bold;
	line-height: 1.5; /* Let's users see underline on mouseover */
}

/* End style for HTML generation functions in cira_functions.html */

/* Styles for the flash (See flash() in cira.php) */
.flash {
	margin-top: 5px;
	margin-bottom: 5px;
}
.flash_default, .flash_error, .flash_warning, .flash_info {
	font-weight: bold;
}
.flash_default, .flash_error {
	color: red;
}
.flash_warning {
	color: #c09000;
}
.flash_info {
	color: green;
}
/* End styles for the flash */

/* Styles for form elements */
.ciraSelect {
	background-color: #CCDFF9;
	font-weight: bold;
}
/* End Styles for form elements */