/* Red Letter Design
 * 
 * Site redesign, March-April 2010
 *
 *
 * Brenda Egeland
 * Red Letter Design
 * www.RedLetterDesign.net
 *
 */
/* Index:
 *
 * 0,0  Reset
 * 0.1  Helpful fixes
 *
 * 1.0  Structure 
 *
 * 2.0  Fonts
 *
 * 3.0 Typography
 *
 * 4.0 Navigation Elements
 * 4.1 Primary Nav
 * 4.2 Footer Nav
 *
 * 5.0 Columns
 *
 *
 *
 *
 * 10.0 Useful elements
 *
 */
/* ------- 0.0. Reset
 *
 * Reset browser default styles to insure consistency across various browsers
 *
 */
html, body, div, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-size: 100%;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: baseline; }
 
a img, :link img, :visited img { border: 0; }
 
ol, ul { list-style: none; }
 
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
 
/* ------- 0.1. Helpful Fixes
 *
 * 
 *
 */
/* -- forces vertical scrollbars to avoid horizontal shift on short pages */
html { overflow-y: scroll; }


 
/* ------- 1.0 Structure
 *
 * the divs etc. that make up the layout of the site    
 *
 */
body { background: #919191 url(../images/backgroundgradient.jpg) top center repeat; }
 
div#background { background: url(../images/backgroundtop.jpg) top center repeat-x ; }
 
div#wrapper1 {
	background: url(../images/middle.jpg) left top repeat-y;
	margin: 0 auto;
	width: 970px; }
 
div#wrapper2 { background: url(../images/top.jpg) left top no-repeat; }
 
div#wrapper3 { background: url(../images/bottom.jpg) left bottom no-repeat; }
 
div#header {
	height: 58px;
	padding: 12px 20px 0 430px;
	position: relative; }
 
div#printHeader { display: none; }
 
div#primarynav {
	height: 30px;
	padding: 0 30px 20px 30px; }
 
div#sidenav {
	float: right;
	margin: 0;
	padding: 0;
	width: 240px; /* does not appear on all pages, covers 2 grid columns */ }
 
div#content {
	min-height: 500px;
	padding: 0px 40px 0 40px; }
 
div#footer {
	height: 10px;
	padding: 10px 40px 20px 40px; }
 
div#subfooter {
	background: url(../images/subfooter.jpg) left top no-repeat;
	margin: 0 auto;
	padding: 10px 20px 20px 20px;
	width: 930px; }
 


/* ------- 2.0 Fonts
 *
 * Put all font declarations here
 *
 */
body { font-family: Georgia, "Times New Roman", serif; }
 
div#header h1,
ul.inlinenav li,
div#primarynav li,
h2, h4, td, th { font-family: Tahoma, Arial, sans-serif; }
 
input, textarea { font-family: Verdana, Arial, sans-serif; }
 


/* ------- 3.0 Typgraphy
 *
 * Font sizes, colors, padding, etc.
 *
 */
body, input, textarea {
	color: #444444;
	font-size: 14px;
	line-height: 1.0; }
 
h1 {
	color: #990000;
	font-size: 24px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 6px 0 6px 0; }
 
h2 {
	color: #333333;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	margin: 0;
	padding: 12px 0 0 0; }
 
h3 {
	color: #333333;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	line-height: 18px;
	margin: 0;
	padding: 12px 0 6px 0; }
 
p {
	font-size: 14px;
	line-height: 18px;
	margin: 0;
	padding: 6px 0 12px 0; }
 
li {
	font-size: 13px;
	line-height: 18px;
	margin: 0;
	padding: 0; }
 
	li li { font-size: 11px; }
 
strong {
	color: #990000;
	font-weight: bold; }
 
em {
	color: #000000;
	font-style: italic; }
 
blockquote {
	background-color: #ebebeb;
	border-left: 8px solid #c6c6c6;
	margin: 9px 0px;
	padding: 0 18px 0 9px; }
 
	blockquote p {
		font-style: italic;
		padding: 9px 0 9px 0; }
 
/* Links */
a,
a:link,
a:visited { color: #990000; }
 
a:hover,
a:active { color: #cc0000; }
 
/* Lists */
ul {
	list-style-position: outside;
	list-style-type: square;
	margin: 0 0 0 1.5em;
	padding: 6px 0 12px 0; }
 
ol {
	list-style-position: outside;
	list-style-type: decimal;
	margin: 0 0 0 1.5em;
	padding: 6px 0 12px 0; }
 
ul ul, 
ol ul {
	list-style-position: outside;
	list-style-type: disc;
	margin: 0 0 0 2em;
	padding: 0; }
 
ol ol, 
ul ol {
	list-style-position: outside;
	list-style-type: lower-alpha;
	margin: 0 0 0 2em;
	padding: 0 0 0 0; }
 
dl {
	margin: 0;
	padding: 6px 0 12px 0; }
 
dt {
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	margin: 0;
	padding: 0; }
 
dd {
	font-size: 13px;
	line-height: 18px;
	margin: 0 0 0 1.5em;
	padding: 0; }
 
/* Tables */
table {
	background-color: #c6c6c6;
	border: 1px solid #8b8b8b;
	margin: 0 0 17px 0;
	padding: 0; }
 
td, th {
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
	margin: 0;
	padding: 2px;
	text-align: left; }
 
th {
	background-color: #c6c6c6;
	border-bottom: 1px solid #8b8b8b;
	font-weight: bold;
	vertical-align: middle; }
 
td {
	background-color: #ebebeb;
	border-bottom: 1px solid #c6c6c6;
	vertical-align: middle; }
 
tr.alt td { background-color: #f9f9f9; }
 
table td a,
table td a:link,
table td a:visited { color: #444444; }
 
table td a:hover { color: #990000; }
 
.cellRight { text-align: right; }
 
.cellCenter { text-align: center; }
 
.cellNoWrap { white-space: nowrap; }
 
.cellDate {
	padding-right: 10px;
	text-align: right;
	white-space: nowrap; }
 
.heading { vertical-align: bottom; }
 
tr.monthTotal td {
	border-bottom: 2px solid #444444;
	border-top: 1px solid #444444;
	font-weight: bold; }
 
tr.yearTotal  td {
	background-color: #b5b5b5;
	border-bottom: 3px solid #444444;
	border-top: 1px solid #444444;
	font-weight: bold; }
 
tr.grandTotal td {
	background-color: #c6c6c6;
	border-bottom: 4px solid #444444;
	border-top: 1px solid #444444;
	font-weight: bold; }
 
tr.divider td { border-bottom: 2px solid #444444; }
 
/* Forms */
form {  }
 
table.formTable { background: #626262 url(../images/formbox.jpg) top left repeat-x; }
 
.formTable th {
	background-color: transparent;
	border: none;
	color: #ffffff;
	font-size: 12px;
	line-height: 13px;
	text-align: right; }
 
.formTable td {
	background-color: transparent;
	border: none;
	font-size: 12px;
	line-height: 13px; }
 
textarea {
	color: #990000;
	font-size: 15px;
	padding: 2px;
	width: 98%; }
 
input[type="text"] {
	color: #990000;
	font-size: 15px;
	padding: 1px;
	width: 98%; }
 
input[type="password"] {
	color: #990000;
	font-size: 15px;
	padding: 1px;
	width: 98%; }
 
select { font-size: 11px; }
 
input.button {
	font-size: 11px;
	line-height: 13px;
	padding: 3px 3px 2px 2px; }
 
div.checkInput {
	float: left;
	padding-right: 20px; }
 
label {
	font-size: 13px;
	font-weight: bold;
	line-height: 18px; }
 
	label.selectLabel { font-weight: normal; }
 
form p { padding: 0; }
 
div.formSection {
	clear: left;
	height: 18px;
	height: auto !important;
	margin: 0;
	min-height: 18px;
	padding: 9px 9px; }
 
div#honeypot { display: none; }
 
/* ------- 3.1 Header */
div#header h1 {
	clear: right;
	color: #ebebeb;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	margin: 0;
	padding: 5px 0 0 0;
	text-align: right; }
 
div#header p {
	color: #333333;
	font-size: 14px;
	font-style: italic;
	line-height: 20px;
	margin: 0;
	padding: 0;
	text-align: right; }
 
/* ------- 3.2 Red Div */
div.red h1 {
	color: #ffffff;
	padding: 6px 0 6px 0; }
 
div.red p { color: #d6d6d6; }
 
.red a, .red a:link, .red a:visited { color: #c6c6c6; }
 
.red a:hover { color: #ffffff; }
 
/* ------- 3.3 Silver Div */
div.silver h1 {
	color: #990000;
	padding: 6px 0 6px 0; }
 
/* ------- 3.4 Gray Div */
div.gray h1 { color: #ebebeb; }
 
/* ------- 3.5 Blockquote elements */
blockquote p.blockquoteLead { font-weight: bold; }
 
blockquote p.blockquoteSource {
	font-size: 11px;
	font-style: normal;
	text-align: right; }
 
/* ------- 3.6 Graphics */
img.photoRight {
	border: 1px solid #7b7b7b;
	float: right;
	margin: 4px 0 0px 18px;
	padding: 0; }
 
img.photoLeft {
	border: 1px solid #7b7b7b;
	float: left;
	margin: 4px 18px 0px 0;
	padding: 0; }

img.graphicRight {
	border: none;
	float: right;
	margin: 12px 0 6px 18px;
	padding: 0; }
 
img.graphicLeft {
	border: none;
	float: left;
	margin: 12px 18px 6px 0;
	padding: 0; }
 
/* ------- 3.7 Subfooter */
div#subfooter p {
	color: #c6c6c6;
	font-size: 11px;
	line-height: 16px;
	padding: 0; }
 
/* ------- 3.9 Miscellaneous Elements */
.required {
	color: #ffffff;
	font-size: 11px; }
 
.retMessage { font-weight: bold; }
 
.formError {
	color: #ffffff;
	font-size: 11px; }
 
.warning {
	color: #990000;
	font-weight: bold; }

/* used for hilite-fade jQuery function, use with span */
.hilite {
	background-color: #ffff55;
	color: #cc0000; }
 
.detail { font-size: 11px; color: #666666 }
 
.note { font-size: 11px; }
 
.rightalign { text-align: right; }
 
.nospacing {
	margin: 0;
	padding: 0; }
 
div.flashMessage {
	float: right;
	margin-left: 10px; }
 


/* ------- 4.0 Navigation Elements
 *
 */

/* ------- 4.1 Primary Nav */
div#primarynav ul {
	list-style: none;
	margin: 0;
	padding: 0; }
 
	div#primarynav ul li {
		color: #b5b5b5;
		display: inline;
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 30px;
		padding: 0 20px 0 20px; }
 
		div#primarynav ul li a,
        div#primarynav ul li a:link,
        div#primarynav ul li a:visited {
			color: #d6d6d6;
			text-decoration: none; }
 
		div#primarynav ul li a:hover {
			border-bottom: 3px solid #b20000;
			color: #ffffff;
			text-decoration: none; }
 
		div#primarynav ul li.current_page a,
        div#primarynav ul li.parent_page a,
        div#primarynav ul li.ancestor_page a {
			border-bottom: 3px solid #720000;
			color: #ffffff; }
 
/* ------- 4.2 Side nav (sidenav) */
div#sidenav {
}
div#sidenav h2 {
    color: #ffffff;
    letter-spacing: 1px;
    padding-bottom: 20px;
}
div#sidenav ul {
	list-style-position: outside;
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: 0; }
 
	div#sidenav ul li { text-indent: 0; }
 
		div#sidenav ul li a {
		    border: 1px solid #000000;
		    color: #ffffff;
			display: block;
			font-size: 15px;
			line-height: 18px;
			margin: 0 0 10px 0;
			padding: 10px 10px 10px 20px;
			text-decoration: none; }
 
			div#sidenav ul li a:hover {
				background-color: #444444;
				color: #ffffff; }
 
		div#sidenav ul li.current_page a, 
        div#sidenav ul li.current_page a:link,
        div#sidenav ul li.current_page a:visited
        div#sidenav ul li.current_page a:hover {
            background-color: #990000;
            color: #ffffff;
			font-weight: bold;
			text-decoration: none; }
 
		div#sidenav ul li .related_text {
			color: #b5b5b5;
			display: block;
			font-size: 12px;
			line-height: 14px;
			padding: 0; }
			
		div#sidenav ul li.current_page .related_text {
			color: #c6c6c6; }
 
/* ------- 4.3 Footer nav (inlinenav) */
ul.inlinenav { float: right; }
 
	ul.inlinenav li {
		color: #b5b5b5;
		display: inline;
		font-size: 11px;
		padding-left: 20px; }
 
		ul.inlinenav li a,
        ul.inlinenav li a:link,
        ul.inlinenav li a:visited { color: #b5b5b5; }
 
		ul.inlinenav li a:hover { color: #ffffff; }
 
/* ------- 4.4 Sitemap */
div.sitemap  .related_text { padding-left: 15px; }
 
/* ------- 5.0 Columns 
 * rowset contains a horizontal set of columns. The last
 * column in the row set needs the added class of lastcol.
 * The last column set on the page needs the added class of 
 * lastset
 * columnset is when a series of divs needs to appear as a column */
div.rowset {
	clear: both;
	margin: 0;
	padding: 0 0 20px 0; }
 
div.spacer {
	background-color: #720000;
	height: 20px;
	margin: 0;
	padding: 0; }
 
div.col1 div.spacer { width: 110px; }
 
div.col2 div.spacer { width: 240px; }
 
div.col3 div.spacer { width: 370px; }
 
div.col4 div.spacer { width: 500px; }
 
div.col5 div.spacer { width: 630px; }
 
div.col6 div.spacer { width: 760px; }
 
div.col7 div.spacer { width: 890px; }
 
div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7 {
	float: left;
	margin: 0 20px 0 0; }
 
div.colbottom {
	min-height: 90px;
	padding: 10px 20px 10px 20px; }
 
div.lastcol { margin-right: 0px !important; }
 
div.lastset { padding-bottom: 0px !important; }
 
div.empty {
	background-image: none !important;
	min-height: 20px; }
 
div.col1 { background: url(../images/col1middle.jpg) left top repeat-y; }
 
	div.col1 div.coltop { background: url(../images/col1top.jpg) left top no-repeat; }
 
	div.col1 div.colbottom {
		background: url(../images/col1bottom.jpg) left bottom no-repeat;
		width: 70px; }
 
div.col2 { background: url(../images/col2middle.jpg) left top repeat-y; }
 
	div.col2 div.coltop { background: url(../images/col2top.jpg) left top no-repeat; }
 
	div.col2 div.colbottom {
	     background: url(../images/col2bottom.jpg) left bottom no-repeat; 
	     width: 200px; }
 
div.col3 { background: url(../images/col3middle.jpg) left top repeat-y; }
 
	div.col3 div.coltop { background: url(../images/col3top.jpg) left top no-repeat; }
 
	div.col3 div.colbottom {
	    background: url(../images/col3bottom.jpg) left bottom no-repeat;
	    width: 330px; }
 
div.col4 { background: url(../images/col4middle.jpg) left top repeat-y; }
 
	div.col4 div.coltop { background: url(../images/col4top.jpg) left top no-repeat; }
 
	div.col4 div.colbottom {
		background: url(../images/col4bottom.jpg) left bottom no-repeat;
		width: 460px; }
 
div.col5 { background: url(../images/col5middle.jpg) left top repeat-y; }
 
	div.col5 div.coltop { background: url(../images/col5top.jpg) left top no-repeat; }
 
	div.col5 div.colbottom {
		background: url(../images/col5bottom.jpg) left bottom no-repeat;
		width: 590px; }
 
div.col6 { background: url(../images/col6middle.jpg) left top repeat-y; }
 
	div.col6 div.coltop { background: url(../images/col6top.jpg) left top no-repeat; }
 
	div.col6 div.colbottom {
		background: url(../images/col6bottom.jpg) left bottom no-repeat;
		width: 720px; }
 
div.col7 { background: url(../images/col7middle.jpg) left top repeat-y; }
 
	div.col7 div.coltop { background: url(../images/col7top.jpg) left top no-repeat; }
 
	div.col7 div.colbottom {  }
 
	div.col7 div.colbottom { 
	    background: url(../images/col7bottom.jpg) left bottom no-repeat;
	    width: 850px; }

div.red { background-position: right top; }
div.red div.coltop { background-position: right top; }
div.red div.colbottom { background-position: right bottom; }


/* ------- 10.0 Useful elements
 *
 */
div.clear { clear: both; }
 
.readmorelink {
	float: right;
	padding: 8px 0 0 3px; }
 
div.pageHeight { min-height: 500px !important; }