html { height: 100%; margin-bottom: 0.1em; }
body {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	font-family: Verdana, "Lucida Grande", "Lucida", sans-serif;
	font-size: 0.78em;
	line-height: 1.5em;
	color: #333;
	background: #A0A0A0 url(/2006/images/html/bg_body_grad.jpg) repeat-x;
	}

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

p, li, ul, ol, td, th {
	font-size: 0.9em;
	}

img {
	border: none;
	}

li {
	list-style: none;
	}

fieldset {
	border: none;
	}

fieldset:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}

/* Hides from IE-mac \*/
* html {margin-right: -3px;}
/* End hide from IE-mac */


/*
------------------------------------------------------------------------------
OVERALL LAYOUT
------------------------------------------------------------------------------*/

#wrap {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFFFFF;
	}

#shadow {
	background: url(/2006/images/html/bg_shadow.jpg) repeat-y;
	}

#roundEdge {
	background: url(/2006/images/html/bg_round_top.jpg) no-repeat top left;
	margin-top: 0;
	}

#roundEdgeHome {
	background: url(/2006/images/html/bg_round_top_home.jpg) no-repeat top left;
	}

#container {
	background: #fff url(/2006/images/html/bg_container.gif) repeat-y;
	margin: 0 10px;
	}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* FLOAT */
.float {
	float: left;
	display: inline;
	margin-left: 0 !important;
	}

.dotRule {
	margin: 0 0 5px 0;
	height: 1px;
	font-size: 0;
	line-height: 0;
	background: url(/2006/images/html/dotted_line.gif) repeat-x;
	}

/*
------------------------------------------------------------------------------
HEADER
-----------------------------------------------------------------------------*/

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #header {
	margin-bottom: -3px;
	}
/* End hide from IE5/mac */

/*
------------------------------------------------------------------------------
CONTENT 
-----------------------------------------------------------------------------*/
.content {
	width: 527px;
	margin-left: 252px;
	margin-bottom: 0;
	padding: 20px 0 0 0;
	}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html .content { margin-right: -3px;}
/* End hide from IE5/mac */

.section {
	padding: 10px 15px 10px 20px;
	}

.content p {
	margin: 10px 0 13px 0;
	}

p.list {
	margin-bottom: 5px !important;
	}

.pageTop {
	color: #063061;
	font-size: 0.8em;
	background: url(/2006/images/html/bullet_top.gif) no-repeat center left;
	padding-left: 8px;
	margin-top: 20px !important;
	}

.pageTop a {
	font-weight: bold;
	text-decoration: none !important;
	}

/*
------------------------------------------------------------------------------
SIDEBAR 
-----------------------------------------------------------------------------*/

.sidebar {
	float: left;
	width: 250px;
	display: inline;
	background-color: #eaeaea;
	border-top: 1px solid #ffffff;
	}

.headingTab {
	background: url(/2006/images/html/bg_page_heading.jpg) no-repeat;
	margin: 20px 0 0 25px;
	padding-top: 5px;
	} 

.whiteRoundTop {
	background: #eaeaea url(/2006/images/html/bg_sidebar_reg_top.jpg) no-repeat top left;
	margin: 0 16px 0 16px;
	padding: 3px 0 0 0;
	width: 220px;
	margin-bottom: 40px;
	}

.whiteRoundBtm {
	background: #ffffff url(/2006/images/html/bg_sidebar_reg_btm.jpg) no-repeat bottom left;
	padding-bottom: 2px;
	}

.special ul {
	background: #ffffff url(/2006/images/html/bg_sidebar_reg_btm.jpg) no-repeat bottom left !important;
	font-size: 0.8em;
	}

/* submenu */
.submenu ul li {
	margin: 0 3px 1px 3px;
	display: block;
	background: #ffffff url(/2006/images/html/subnav_list.jpg) no-repeat top left;
	vertical-align: bottom; /* fixes the IE5 Win gap! */
	width: 214px; /* fixes the IE5 Win gap! */
	}

.submenu ul li a {
	padding: 18px 0 8px 25px;
	color: #ffffff;
	font-size: 1.4em;
	display: block;
	background: #ffffff url(/2006/images/html/subnav_list.jpg) no-repeat top left;
	vertical-align: bottom; /* fixes the IE5 Win gap! */
	}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html .submenu ul li a { font-weight: bold; }
/* End hide from IE5/mac */

.submenu ul li a:hover {
	background: #ffffff url(/2006/images/html/subnav_list_hover.jpg) no-repeat top left;
	display: block;
	}

.submenu ul li#selected a {
	background: #ffffff url(/2006/images/html/subnav_list_hover.jpg) no-repeat top left;
	display: block;
	}

/* Sub Submenu */
ul.subSubmenu {
	background: none;
	background-color: #ffffff;
	padding: 10px 0 16px 0;
	margin-left: 0;
	} 

ul.subSubmenu li {
	background: #ffffff url(/2006/images/html/line_submenu.jpg) no-repeat bottom left !important;
	padding: 5px 0 2px 25px;
	margin: 0;
	width: 195px;
	}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html ul.subSubmenu li  { margin-bottom: 1px; }
/* End hide from IE5/mac */

ul.subSubmenu li a {
	color: #063061;
	font-size: 1.2em;
	background: none !important;
	padding: 0;
	font-weight: bold;
	display: inline !important;
	}

ul.subSubmenu li a:hover {
	color: #ffffff;
	background: #ff9f00 url(/2006/images/html/line_submenu.jpg) no-repeat bottom left !important;
	display: inline !important;
	}

li#lastSubmenu {
	background: none !important;
	}

ul.subSubmenu li.currentSection a {
	color: #ff9f00;
	background: #ffffff url(/2006/images/html/bullet.gif) no-repeat left !important;
	padding: 0 0 0 8px !important;
	}

ul.subSubmenu li.currentSection a:hover {
	color: #ffffff;
	background: #ff9f00 url(/2006/images/html/bullet2.gif) no-repeat left !important;
	display: inline !important;
	padding: 0 0 0 8px !important;
	}
/*
------------------------------------------------------------------------------
TYPOGRAPHY
-----------------------------------------------------------------------------*/

h1 {
	width: 400px;
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0;
	color: #38627F;
	}

h2 {
	width: 130px;
	font-weight: normal;
	font-size: 0.7em;
	line-height: 1.2em;
	color: #fff;
	margin: 0;
	padding: 0 0 0 10px;
	}

h3 {
	width: 450px;
	font-size: 1.1em;
	line-height: 1.5em;
	font-size: 1.0em;
	color: #ff9f00;
	margin: 10px 0 0 0;
	}

.colSecond h3, .colWideFirst h3, .colWideSecond h3 {
	width: 200px; 
	}

span {
	font-weight: bold;
	font-size: 0.85em;
	}
/*
------------------------------------------------------------------------------
LINKS
-----------------------------------------------------------------------------*/

a {
	color: #063061;
	text-decoration: none;
	}

a:hover {
	color: #ffffff;
	background-color: #063061;
	}

.content p a, .content li a {
	color: #063061;
	text-decoration: underline;
	}

.content p a:hover, .content li a:hover {
	color: #ffffff;
	background-color: #ff9f00;
	}

.top a {
	text-decoration: none !important;
	font-weight: bold;
	margin-left: -8px;
	}

.search a:hover {
	background: none !important;
	}

/*
------------------------------------------------------------------------------
LIST
-----------------------------------------------------------------------------*/
.content ul, .content ol {
	margin: 10px 0 10px 0;
	font-size: 1.0em;
	}

.content ul li {
	background: #ffffff url(/2006/images/html/bullet_view.gif) no-repeat 0px 8px;
	padding-left: 8px; 
	margin-bottom: 8px;
	}

.latest ul {
	padding: 0 0 7px 0;
	}

.latest li {
	background: #ffffff url(/2006/images/html/bullet.gif) no-repeat 5px 10px;
	padding: 5px 5px 5px 15px;
	font-size: 1.0em;
 	}

.floatList li {
	float: left;
	display: inline !important;
	padding-right: 10px;
	}

.indent li {	
	margin: 0 0 0 15px !important;
	font-size: 0.85em;
	}

.indentD li {
	margin: 0 0 0 25px !important;
	font-size: 0.9em;
	}

.list {
	padding-bottom: 10px;
	}

.list li { 
	margin: 0 !important;
	}

.content ol {
	padding: 0 0 10px 20px;
	}

.content ol li {
	list-style: decimal;
	margin-bottom: 8px;
	}


/*
------------------------------------------------------------------------------
IMAGES
-----------------------------------------------------------------------------*/
.floatImgRight {
	width: 120px;
	display: block;
	margin: 15px 10px 10px 15px;
	padding: 5px;
	float: right;
	font-size: 0.85em;
	border: 1px solid #ccc;
	}

.floatImgRight p {
	width: 80px;
	background: url(/2006/images/html/bullet_view.gif) no-repeat center left;
	padding: 5px 0 5px 8px; 
	}

.floatImgRight a {
	text-decoration: none !important;
	}

/*
------------------------------------------------------------------------------
COLUMNS
-----------------------------------------------------------------------------*/
.colFirst {
	float: left;
	width: 100px;
	padding: 15px 0 10px 0;
	}

.colSecond {
	margin-left: 100px;
	width: 370px;
	padding-top: 6px;
	}

.colWideFirst {
	float: left;
	width: 220px;
	}

.colWideSecond {
	margin-left: 250px;
	width: 200px;
	}

.logo {
	height: 80px;
	}

.logo .colWideSecond {
	padding-top: 15px;
	}

/*
------------------------------------------------------------------------------
TABLE
-----------------------------------------------------------------------------*/	 
table {
	margin: 15px 0;
	font-size: 0.95em;
	width: 480px;
	}

td, th  {
	border-bottom: 1px solid #acacac;
	border-right: 1px solid #acacac;	
	padding: 5px;
	}

table .line {
	border-right: none;
	}

table .noHr {
	border: none !important;
	}

th {
	color: #fff;
	text-align: left;
	background: #38627F;
	}

/*
------------------------------------------------------------------------------
FORM
-----------------------------------------------------------------------------*/	 
.formRow {
	height: 20px;
	padding: 3px 0 7px 0;
	padding-left: 80px;	
	}

#login label {
	float: left;
	display: block;
	width: 100px;
	font-size: 0.95em;
	font-weight: bold;
	color: #ff9f00;
	}

#login input {
	width: 160px;
	}

#login span {
	font-weight: bold;
	font-size: 0.95em;
	}

.login {
	padding-left: 180px;
	}

.button {
	width: 80px !important;
	}

form.calculator input {
	width: 50px;
	}

form.calculator input.smallT {
	width: 25px !important;
	}

form.calculator table.normalT input {
	width: 80px;
	}
/*
------------------------------------------------------------------------------
BREADCRUMB
-----------------------------------------------------------------------------*/

#searchBread {
	width: 778px;
	height: 62px;
	margin: 0 11px 0 11px;
	background: url(/2006/images/html/bg_search_grad.jpg) repeat-x left bottom;
	border-bottom: 1px solid #c4c4c4;
	}

#searchBread .search {
	width: 230px;
	float: left;
	display: inline;
	padding: 20px 0 0 20px;
	}

#searchBread .hiddenTitle {
	display: none;
	width: 0px;
	}

input#search {
	width: 160px;
	color: #666666;
	font-size: 0.9em;
	}

img#btn_go {
	position: relative;
	top: 6px;
	}

#searchBread .breadcrumb {
	padding: 25px 25px 0 0;
	text-align: right;
	}

#breadcrumb {
	text-align: right;
	}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #searchBread .breadcrumb { margin-right: -10px; }
/* End hide from IE5/mac */

/*
------------------------------------------------------------------------------
FOOTER
-----------------------------------------------------------------------------*/

#footer {
	padding: 30px 0;
	background: #A0A0A0 url(/2006/images/html/bg_round_bottom.jpg) no-repeat top left;
	margin: 0;
	}

#footer p {
	color: #cccccc;
	font-size: .75em;
	text-align: center;
	}

#footer a {
	color: #cccccc;
	text-decoration: none;
	}

#footer a:hover {
	color: #fff;
	background-color: #666;
	}

/*
------------------------------------------------------------------------------
POPUP
-----------------------------------------------------------------------------*/

#popup {
	margin: 15px;
	padding: 15px;
	width: 430px;
	text-align: left;
	background: #fff;
	}

#popup ul {
	margin: 10px 0 10px 0;
	font-size: 1.0em;
	}

#popup ul li {
	background: transparent url(/2006/images/html/bullet_view.gif) no-repeat 0px 8px;
	padding-left: 8px; 
	margin-bottom: 8px;
	}

/*
-----------------------------------------------------------------------------
FLASH TEXT REPLACEMENT
-----------------------------------------------------------------------------*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
}

.debug {
font-size: 10pt;
text-align:left;
font-family: courier new;
}

#popup2 {
	margin: 15px;
	padding: 15px;
	width: 800px;
	text-align: left;
	background: #fff;
}