@import url(../reset.css);

* { margin: 0px; padding: 0px }

/* begin mobile base styles in content area
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#content h2 {
	/*16px */
	font-size: 123.1%
}
#content h3 {
	/*14px */
	font-size: 108%
}
#content h1, #content h2, #content h3 {
	/* top & bottom margin based on font size */
	margin: 1em 0
}
#content h2, #content h3, #content h4, #content h5, #content h6, #content strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight: bold
}
#content em {
	/*bringing italics back to the em element*/
	font-style: italic
}
#content blockquote, #content ul, #content ol, #content dl {
	/*giving blockquotes and lists room to breath*/
	margin: 1em
}
#content ol, #content ul, #content dl {
	/*bringing lists on to the page with breathing room */
	margin-left: 2.14em
}
#content ol #content li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside
}
#content ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside
}
#content dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left: 1em
}
#content caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom: .5em;
	/*centered so it doesn't blend in to other content*/
	text-align: center
}
#content p, #content fieldset, #content table, #content pre {
	/*so things don't run into each other*/
	margin-bottom: 1em
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
#content input[type=text], #content input[type=password], #content textarea { width: 12.25em; *width: 11.9em }

/* stop Safari's resize ability on textareas */
#content textarea {
	resize: none
}

/* end mobile base styles in content area
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* begin -- set color of links for whole site */
a:link { color: #b51016; text-decoration: none }
a:visited { color: #b51016; text-decoration: none }
a:hover { color: #d7030a; text-decoration: underline }
a:active { color: #b51016; text-decoration: none }
/* end -- set color of links for whole site */

/* begin - classes for styling as needed
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.bold { font-weight: bold }
.italic { font-style: italic }
.underline { text-decoration: underline }
.overline { text-decoration: overline }
.strike { text-decoration: overline }
.alignlft { text-align: left }
.alignrgt { text-align: right }
.alignjus { text-align: justify }
.fltlft { float: left }
.fltrgt { float: right }
.clrbth { clear: both }
.clrlft { clear: left }
.clrrgt { clear: right }

.nobrder { border: 0px !important }

.ovrflw_hdn { overflow: hidden }

.hide_ADA { position: absolute; left: -999999em } /* hide but remain usable for text readers */

.trellist-highlight { color: #222 }

.lighten { color: #666 }

embed { display: none }
obect { display: none }

/* end - classes for styling needed
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html { }

body { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #494949 }

#page {  }

#branding-utilities { padding: 0.7em 0em 0em 0em  }

#branding-utilities h1 { padding: 0.0em 0.9em 0em 0.9em; }
#branding-utilities h1 img { position: static; left: 0 }

#main_nav { margin: 1.8em 0px 1.1em 0px; border-bottom: solid 2px #fff }
#main_nav li { border-top: solid 2px #fff }
#main_nav li a { display: block; padding: 0.4em 0.9em 0.4em 0.9em; background-color: #c9cacc; color: #fff; font-weight: bold }
#main_nav li a strong { font-weight: bold }

#main_nav li a:hover { background-color: #b51016; color: #fff; text-decoration: none }
#main_nav li.on a { background-color: #b51016; color: #fff; text-decoration: none }

#sub_nav { padding: 0em 0.9em 0em 0.9em; font-size: 80% }
#sub_nav li { margin: 0px 0px 0.3em 0px }


#loginForm { padding: 0em 0.9em 0em 0.9em }
#loginForm fieldset legend { position: absolute; left: -99999em; height: 0px; line-height: 0px; font-size: 0px  }


#loginForm fieldset { width: 132px; margin: 0px; padding-top: 1.55em }
#loginForm fieldset dl { width: 132px; margin: 0em }
#loginForm fieldset dl dt { position: absolute; left: -99999em }
#loginForm fieldset dl dd { margin: 0px; padding: 1px 0px; border-width: 1px 1px 0px 1px; border-color: #b0b0b0; border-style: solid; text-align: center }
#loginForm fieldset dl dd #login-user-name,  #loginForm fieldset dl dd #login-password, #loginForm fieldset dl dd #fake-password { width: 122px; margin: 0px auto; padding: 0px; border: 0px; font-size: 83%; color: #797979; vertical-align: top } 
#loginForm fieldset input.login_button { font-size: 0px; line-height: 0px; color: #FFF }

#login-password { display: none }




#section_nav { margin: 1.8em 0px 1.1em 0px; border-bottom: solid 2px #fff; font-size: 90% }

#section_nav li a { display: block; border-top: solid 2px #fff; padding: 0.4em 0.9em 0.4em 0.9em; background-color: #c9cacc; color: #fff; font-weight: bold }
#section_nav li a strong { font-weight: bold }

#section_nav li a:hover { background-color: #fff; color: #b51016; text-decoration: none }
#section_nav li a.on { border-top-color: #c9cacc; background-color: #fff; color: #b51016; text-decoration: none }


#content #breadcrumbs { width: 100%; margin: 0.4em 0px 1.2em 0px; overflow: hidden; font-size: 90% }
#content #breadcrumbs li { margin: 0px 0px 0px 0.8em; padding: 0px 0px 0px 1.0em; list-style: none; float: left; text-transform: uppercase; font-size: 90%; background: url(../../images/shared/carat01.gif) no-repeat 0px 5px; list-style: none }
#content #breadcrumbs li.first-child { margin-left: 0px; padding-left: 0px; background: none }
#content #breadcrumbs a { color: #a7a7a7 }
#content #breadcrumbs a:hover { color: #d7030a; text-decoration: none }


#content { padding: 0em 0.9em 0em 0.9em; font-size: 90% }

#content p.pagination { width: 100%; margin-bottom: 1.7em; overflow: hidden; font-size: 85% }
#content p.pagination a.prev { float: left }
#content p.pagination a.next { float: right }

#content p.back-to-top { text-align: right; font-size: 65% }
#content p.back-to-top a:hover { text-decoration: none }
#content p.back-to-top a span { font-size: 113% }
#content p.back-to-top a:hover span { text-decoration: underline }


/* Safari FOUC - always leave this at the end of this file */
body { display: block !important }