/*
Sizing in EMs

HTML - Parent 100% -- Number/16px = 0.0EMs
	11px     .7em
	12px     .75em
	13px     .8em
	14px     .9em
	15px     .95em
	18px    1.1em
	20px    1.3em
--------------------------------
#container - Parent .75em -- Number/12px = 0.0EMs
	11px      .9em
	12px     1.0em
	13px     1.1em
	14px     1.2em
	15px     1.25em
	16px     1.3em
	19px     1.6em
	
CSS References
http://www.w3.org/TR/css3-selectors/#selectors
http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(CSS)
http://www.tanfa.co.uk/css/examples/

IE Bugs
http://css-class.com/articles/explorer/guillotine/
http://www.satzansatz.de/cssd/onhavinglayout.html

Layout Source
http://www.tutorialtastic.co.uk/page/create_a_tableless_layout

@import url("stylesheet.css") screen, print;
*/



/****************************************************************
 Reset  -  http://tantek.com/log/2004/undohtml.css  -  http://meyerweb.com/eric/tools/css/reset/
****************************************************************/
html, body, h1, h2, h3, h4, h5, h6, img, blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre
{ margin: 0px; padding: 0px; }

address { font-style: normal; }
acronym, abbr { border-bottom: 1px #000000 dashed; cursor: help; }

a img, img { border: none; }
a { text-decoration: none; }
img { display: block; } /* http://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps  -  http://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps */

table { border: 1px solid #cccccc; border-collapse: collapse; border-spacing: 0px; }
table td, table th { border: 1px solid #cccccc; margin: 0px; padding: .5em; empty-cells: show; vertical-align: top; }
caption {}
th { text-align: center; }
/* table tr:nth-child(even) table tr:nth-child(odd) */
table .def td { background: #ffffff; }
table .alt td { background: #f1f1f1; }

ul, ol
{
margin-top: 1em;
margin-bottom: 1em;
}



/****************************************************************
 Headings
****************************************************************/
h1 a
{
display: block;
width: 543px;
height: 65px;
background: url(../images/template/h1_bg.jpg) no-repeat left top;
margin: 0px;
position: absolute;
top: 10px;
left: 95px;
}

h1 span
{
display: none;
}

#content h2
{
color: #FB0E16;
font-size: 1.5em;
margin: .5em 0em 1em 0em;
position: relative;
}

/* http://www.webdesignerwall.com/tutorials/css-gradient-text-effect/ */
#content h2 span
{
background: url(/files/images/template/gradient-white.png) repeat-x left -4px;
position: absolute;
display: block;
width: 100%;
height: 21px;
}

#nav h2 { display: none; }

#subnav h2 { display: none; }

#content h3
{
color: #FB0E16;
font-size: 1.2em;
margin: 1em 0em;
}

#content h4
{
font-size: 1em;
margin: 1em 0em;
}



/****************************************************************
 Anchors - Link - Visited - Hover - Focus - Active
****************************************************************/
a { text-decoration: underline; }
a:link { color: #FB0E16; }
a:visited { color: #FB0E16; }
a:hover { color: #FB0E16; }
a:focus { color: #FB0E16; }
a:active { color: #FB0E16; }
*[accesskey]:focus { outline: 1px solid #aaaaaa; }

a[href^="http://"], a[target="_blank"] { }
a[href^="mailto:"] { }
a[href$=".pdf"] { }
a[href^="#"] { }



/****************************************************************
 Form Elements - http://www.456bereastreet.com/archive/200410/styling_even_more_form_controls/
****************************************************************/
form { }
fieldset { }
legend { }
label { }
select { }
optgroup { }
option { }
textarea { overflow-y: auto; resize: both; }
input { }
input[type="button"] { }
input[type="checkbox"] { }
input[type="file"] { }
input[type="hidden"] { }
input[type="image"] { }
input[type="password"] { }
input[type="radio"] { }
input[type="reset"] { }
input[type="submit"] { }
input[type="text"] { }
button { }
button:active, button:focus { }

select, textarea, input, button
{
color: #555555;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
outline-width: 0px; /* removes mac outline */
}

textarea, input[type="password"], #content input[type="text"] { border: 1px solid #cccccc; padding: 4px; }

input[type="text"]:focus, textarea:focus { border: 1px solid #aaaaaa; }



/****************************************************************
 General Classes
****************************************************************/
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.middle { vertical-align: middle; }
.sub { vertical-align: sub; }
.sup { vertical-align: super; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }
.distribute { text-justify: distribute; }

.smallcaps { font-variant: small-caps; }
.b { font-weight: bold; }
.i { font-style: italic; }
.u { text-decoration: underline; }
.o { text-decoration: overline; }
.s { text-decoration: line-through; }
.su { text-decoration: line-through underline; }

.ucase { text-transform: capitalize; }
.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase; }

.slant { font-style: oblique; } /* http://usabletype.com/css/font/styles/ */
.indent { text-indent: 1em; }
.wrap { word-wrap: break-word; white-space: normal; }
.pre { white-space: pre; }
.clear { clear: both; }

.block { display: block; }
.inline { display: inline; }
.none { display: none; }
.visible { visibility: visible; }
.hidden { visibility: hidden; }
.collapse { visibility: collapse; }

.circle { list-style-type: circle; }
.disc { list-style-type: disc;}

.dropcap:first-letter { font-size: 1.3em; font-weight: bold; }

.semitransparent { opacity: 0.75; }

ul.collapse
{
display: inline;
list-style-type: none; 
list-style-position: inside; 
margin: 0em; 
padding: 0em; 
}
ul.collapse li { display: inline; }

.hr 
{
border-bottom: 1px dotted #cccccc;
height: 1px;
margin: 1em 0em;
text-align: center; 
width: 100%;
}
hr { display: none; }
/*
::-moz-selection { }
::selection { }
*/
:target
{
background: #000000;
color: #ffffff;
}

q, blockquote { }

#locator
{
margin: 1.5em 0em; 
background: #ffffff url(/files/images/template/fieldset_bg.png) repeat-x left bottom;
border: 1px solid #cccccc;
}

#locator fieldset { padding: 0px; }

#locator legend
{
color: #FB0E16;
font-size: 1.2em;
font-weight: bold;
margin-left: 5px;
padding: 0px 10px 0px 5px;
}

#inner_fieldset 
{
padding: 20px 20px 1px 20px;
}

#locator div { margin-bottom: 1em; }

#locator label
{
display: block;
width: 100px;
float: left;
font-weight: bold; 
padding-right: 5px;
}


/****************************************************************
 Template & Layout
****************************************************************/
html 
{
background: #FCCD27 url(../images/template/html_bg.jpg) repeat-x left top;

font-size: 100%; /* http://www.alistapart.com/articles/howtosizetextincss */
overflow-y: scroll; /* http://webdevel.blogspot.com/2007/05/controlling-browser-scrollbars.html */
}

body 
{
background: url(../images/template/body_bg.jpg) no-repeat bottom center;
color: #444444;
font-family: Tahoma, sans-serif, Arial, Helvetica;
font-size: .75em; /* http://clagnut.com/blog/348/#c794 */
text-align: center; /* center things in <= IE6 */
vertical-align: baseline;
padding-bottom: 57px;
}

#container 
{
background: #ffffff;
margin: 0px auto;
text-align: left;
width: 740px;
border-bottom: 1px solid #cccccc;
}

#accessibility { display: none; }

#header 
{
height: 115px;
position: relative;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}

#nav
{
position: absolute;
bottom: -7px;
left: 95px;
line-height: 3em;
}

	#nav ul 
	{
	display: block;
	list-style-type: none; 
	list-style-position: inside; 
	margin: 0px;
	padding: 0px;
	}
	
	#nav li	{ display: inline; }
	
	#nav li a
	{
	font-size: 1.1em;
	font-weight: bold;
	color: #aaaaaa;
	padding-top: 3px;
	border-top: 3px solid #ffffff;
	margin-left: 25px;
	text-decoration: none;	
	}
	
	#nav li a.first-child { margin-left: 0px; }
	
	#nav li a:hover, #nav li a.selected
	{
	border-top: 3px solid #E80F16;
	color: #666666;
	}

#splash
{
background: url(/files/images/template/banner_bg2.png) repeat-x left top;
height: 169px;
cursor: pointer;
}

#splash object, #splash embed
{
width: 740px; 
height: 146px;
margin-top: 11px;
}

#subsplash
{
border: 1px solid #ececec; 
height: 30px; 
margin-bottom: 1em;
}

#subsplash object, #subsplash embed
{
width: 686px; 
height: 30px;
}

#content 
{
letter-spacing: normal;
word-spacing: normal;
line-height: 1.75em;
text-align: justify;
/*float: right;*/
padding: 1em 25px 0px 25px;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}

#innercontent
{
/* http://www.dustindiaz.com/min-height-fast-hack/ */
min-height: 465px;
height: auto !important; 
height: 465px;
}


#content_divider
{
margin: 2em 0em;
}

#footer 
{
}

	#footer ul 
	{
	display: block;
	list-style: none inside; 
	padding: 0px;
	margin: auto;
	width: 588px;
	height: 32px;
	}
	
	#footer li 
	{
	float: left;
	text-align: center;
	}
	
	#footer li a
	{
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	color: #999999;
	height: 32px;
	line-height: 32px;
	float: left;
	display: block;	
	padding: 0px 15px;
	border-left: 1px solid #ececec;
	}
	#footer li a:hover
	{
	color: #666666;
	}
	
	
	#footer li a.first-child
	{
	border-left-width: 0px;
	padding-left: 0px;
	}
	
	#footer li a.last-child
	{
	padding-right: 0px;
	}
	
	#legal
	{
	font-size: .9em;
	text-align: center;
	color: #aaaaaa;
	margin: 0px;
	padding: 2em 0em;
	}
	


@media print {
#header, #nav, #subnav, #footer { display: none; }
#content { border-width: 0px; color: #000000; width: 6.7in; float: none; }
#content a { text-decoration: underline; border-bottom-width: 0px; }
#content a:after { content: " [ " attr(href) " ] "; font-size: 90%; font-style: italic; padding-left: 12px; }
#content a[href^="/"]:after { content: " [ http://www.abc.com" attr(href) " ] "; padding-left: 12px; } /* http://www.alistapart.com/stories/goingtoprint/ */
}

@media handheld {
#accessibility { display: block; }
}

@media aural {
#accessibility { display: block; }
}