/* 
 2005-2006 greg canavera. www.totemic.net
 there's nothing really new here, but please credit me for
 use if you do use it.
 / --------------------------------- /
 / rev 1.0
 
*/

/*
 --------------------------------- 
 common disablers
 ---------------------------------
*/

* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}


/*
 --------------------------------- 
 structure		 	 			
 ---------------------------------
*/

body {
	text-align:center;
	background-color: white;
}


/* container holds centered content on the page
*/

#container	{
	text-align: left;
	width: 970px;
	margin: 0 auto;  
	position: relative;
}

#header {
	position: relative;
	height: 75px;
	background-color: #157490;
}


#content_left_top {
	float: left;
	height: 519px;  /* height needed for ffox to recognize the margins */
}

* html #content_left_top {
	ma\rgin: 0 0 -3px 0;
	/*ie hack to strip reduce that margin appearing at the  bottom of the div */
}


#content_right_top {
	float: right;
	width: 160px;
	padding: .6em 0 0 0;
}

#content_left {
	padding: 0;
	float: left;
	width: 380px;
}

#content_right {
	float: right;
	width: 550px;
	padding: 0 0 0 2em;
}

#footer {
	font-size: 1.1em;
    padding: 30px 0 30px 10px;
    position: relative;
	clear: both;
}



/*
 --------------------------------
typo
---------------------------------
*/

body {
/* this sets up em, scale down ems, so they can be spec'd at * even em sizes */
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 69%;
}

p,li {
	font-size: 1.1em;
	line-height: 1.4em; 
}


h2	{
	font-size: 2.2em;
	color: #FF9149;
	padding: 1em 0;
}

h3.inline {
	line-height: 1.4em;
	font-size: 1.1em;
	font-weight: bold;
}

ul.sub li {
	list-style: none;
}

#content_right h3, .block  {
	padding: 1.5em 0 0 0;
}

#content_right h2 {
	padding: 1em 0 0 0;
}

#content_right_top h3	{
	line-height: 2em; 
}

#content_right h3.callout {
	padding-top: 2em;
	font-size: 1.2em;
}

h3.orange, h3.white, h3.sm {
	font-size: 1.2em;
	font-weight: bold;
}

a, .orange, h1 {
	color: #F56700;
}

.white {
	color: #FFF;
}

.inline {
	display: inline;
}


/*---------------------------------*/
/* grybox */

.grybox {
	font-weight: bold;
	background-color: #797979;
	padding: 15px 10px 5px 10px;
}

.grybox .emph {
	font-size: 1.2em;
    color: #fff;
}

.grybox p	{
	font-size: .88em;
	line-height: 1.4em;
	padding: 0 0 1.4em 0;
}

.teal {
	color: #B1FEF9;
}

.teal_dk {
	color: #39A5BC;
}

.grybox .orange, .nav  a{
	color: #FF9933;
}

.grybox a {
	color: #99FFFF;
}

.grybox a:hover {
	color: black;
	background-color: #99FFFF;
}

.sbar_sub p {
	padding: 10px 10px 0px 10px;
	font-weight: bold;
}

.sbar_sub a {
	color: #39A5BC;
}

.sbar_sub ul {
margin-left: 25px;
}

.sbar_sub p, .sbar_sub li {
	font-size: .9em;
}

/*---------------------------------*/
/* nav */

#header img {
	position: absolute;
	left: 580px;
	top: 15px;
}

.nav {
	color: white;
	font-weight: bold;
	font-size: 1.2em;
	position: relative;
	float :left;
	top: 50px;
	left: 20px;
}


#contact {
	padding: 30px 0 0 0;
}

.block {
	display: block;
}

.paddedlist {
	padding: 1.5em 0 0 0;
}