/*
Sizing in EMs
--------------------------------
#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: 0px solid #cccccc; border-collapse: collapse; border-spacing: 0px; }

table td, table th { border: 0px solid #cccccc; margin: 0px; padding: 0px; empty-cells: show; vertical-align: top; }

th { text-align: center; font-family: "Trebuchet MS"; color: #2e57ab; font-size: 1.3em; line-height: 30px; }

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



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

h1 span
{
display: none;
}

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

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

#contact h2 { display: none; }

#content h3
{
color: #4f71b8;
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: #4f71b8; }
a:visited { color: #4f71b8; }
a:hover { color: #2E57AB; }
a:focus { color: #4f71b8; }
a:active { color: #4f71b8; }



/****************************************************************
 General Classes
****************************************************************/
.hr 
{
border-bottom: 1px dotted #cccccc;
height: 1px;
margin: 1em 0em;
text-align: center; 
width: 100%;
}
hr { display: none; }



/****************************************************************
 Template & Layout
****************************************************************/
html 
{
background: #ffffff url(../images/template/html_bg.png) 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.gif) 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: 40px;
}

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

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

	#contact
	{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	bottom: 2px;
	left: 10px;
	color: #999999;
	}
	
		#contact li
		{
		background: url(../images/template/contact_sprite.png) no-repeat left top;
		float: left;
		width: 145px;
		padding-left: 35px;
		height: 28px;
		}
		
		#contact li.address { background-position: left top; }
		#contact li.phone { background-position: left -33px; } /* 28 */
		#contact li.fax { background-position: left -61px; } /* 56 */
		#contact li.tollfree { background-position: left bottom; }

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

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

#content 
{
line-height: 1.75em;
text-align: justify;
padding: 1em 25px 0px 25px;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}

#content_divider { margin-top: 2em; }

#legal
{
font-size: .9em;
text-align: center;
color: #aaaaaa;
margin: 0em 0em 1em 0em;
}


/****************************************************************
 Index
****************************************************************/
#logos
{
margin: 3em auto;
width: 551px;
}

	#top, #bottom { overflow: auto; }
	
	#top
	{
	border-bottom: 1px dotted #cccccc;
	overflow: auto;
	}
	
		.left, .right { width: 275px; padding-top: 25px; }
		
		.left { float: left; }
		
		.right
		{
		float: left;
		border-left: 1px dotted #cccccc;
		}
		
		#logos h3 { text-align: center; }
	
		#logos img { margin: auto; }

table { margin: auto; }

	table div { text-indent: 20px; }