/*************************************************************************/
/* default font style (IE has problems with tr & td not inheriting fonts */
/* so this applies this font styling to the whole document)              */
/*************************************************************************/

body, tr, td {
  font-size: 70%;
}

body, select, option {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:       #000000;
  font-weight: normal;
  line-height: 18px;
}

table, tr, td, select, option { font-size: 1.0em; }



body { 
  margin: 0; padding: 0;
  /* background: #ffffff url(/images/header/navbar-bg.gif) repeat-x; */
}


/**************************/
/* default element styles */
/**************************/

p { padding: 0; margin: 16px 0 16px 0; text-align: justify; }

select, option { background-color: #F2F6FA; }

h1, h2, h3, h4, h5 { color: #666699; font-family: Arial, Helvetica, sans-serif; }
h1 { color: black; font-size: 1.80em; font-weight: normal; margin: 10px 0 10px 0; line-height: 24px; }
h2 { font-size: 1.40em; font-weight: bold; margin: 20px 0 10px 0; }
h3 { font-size: 1.20em; font-weight: bold;   margin: 25px 0 0px  0; }
h4 { font-size: 1.10em; font-weight: bold; }

ul, ol { margin: 0;   padding-left: 24px; text-align: left; }
li {     margin: 8px; padding: 0; }



a:link, a:visited, a:hover, a:active { color: #C92B44; font-weight: bold; text-decoration: none; }
a:hover   { text-decoration: underline; }

dd {
	margin: 5 0 20 20;
}
li.testmony {
	list-style-type: none;
}

/*******************/
/* 3-Column layout */
/*******************/

#threecolspan-col1 {
	BORDER: #000 0px solid; 
	FLOAT: left;  
	WIDTH: 30%;
	margin: 0 0 1em 0;
}
#threecolspan-col2 {
	BORDER: #999 0px solid; 
	FLOAT: left;  
	WIDTH: 30%;
	margin: 0 0 1em 3.125%;
}
#threecolspan-col3 {
	BORDER: #999 0px solid; 
	FLOAT: left; 
	WIDTH: 30%;
	margin: 0 0 1em 3%;
}


/*******************/
/* 2-Column layout */
/*******************/

#twocolspan-col1 {
	BORDER: #999 0px solid; 
	FLOAT: left; 
	MARGIN-BOTTOM: 1em; 
	WIDTH: 45%
}
#twocolspan-col2 {
	BORDER: #999 0px solid; 
	FLOAT: left; 
	MARGIN-BOTTOM: 1em; 
	MARGIN-LEFT: 3.125%; 
	MARGIN-right: 1.875%; 
	WIDTH: 45%
}


/*******************/
/* 1-Column layout */
/*******************/

#onecolspan-col1 {
	margin: 16px; 
	/* for the new site 
	BORDER: #999 1px solid; 
	FLOAT: left; 
	MARGIN-BOTTOM: 1em; 
	WIDTH: 96.25%; 
	min-width: 10%;
	*/
}
/*****************/
/* custom styles */
/*****************/

.breadcrumb { color: #8B8C91; }

p.list-table {
	margin: 10 0 10 0;
}

li.title-definition {
	color: #8B8C91;
}

txt-align-center {
	text-align: center;
}

.tb-hd-undrln{
	background: url(/images/table_hd_undrln.gif) repeat-x;
}

#header {
	MARGIN: 0 0 10px 1.875%;
	BORDER: red 0px solid;
	HEIGHT: 92px;
	position: relative;
	min-width: 850px;
}

#gutter {
/* THIS SHOULD BE SHOWN WHEN THE NEW DESIGN IS APPLIED
	BORDER: #999 0px solid; 
	FLOAT: left; 
	WIDTH: 1.875%; 
	HEIGHT: 1px;
	margin: 50px 0 0 0;*/
}

#footer {
	BORDER: #999 0px solid; 
	CLEAR: both; 
	PADDING-RIGHT: 0.5em; 
	BORDER-TOP: #999 1px solid; 
	PADDING-LEFT: 0.5em; 
	PADDING-BOTTOM: 0.5em; 
	PADDING-TOP: 0.5em; 
	HEIGHT: 50px; 
	TEXT-ALIGN: right
}

hr {
	margin: 5 0 5 0;
	color: #ECE9D8;
}

div.breadcrumb {
	position: relative;
	left: 0px;
	top: 75px;
	right: 0px;
	width: 100%;
	padding-top: 1px;
	padding-left: 10px;
	border: solid 0px #99f;
}

.tb_tr_height {
	height: 35px;
}

.tb_brk_line {
	background: #F1EFE3;
	height: 1px;
}

.tb-white {
	color: White;
	margin: 0 0 0 0;
}


a.black2  {
	color: #000;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
}
a.black2:link, a.black2:hover, a.black2:visited, a.black2:active  {
	color: #000;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
}
a.black2:hover {
	font-weight: lighter;
	text-decoration: underline;
	font-style: normal;
}


/***********************/
/* named global styles */
/***********************/

.lighter { font-weight: lighter; }
.bold { font-weight: bold; }
.nowrap { white-space: nowrap; }


/**********************************/
/* nice tables with hover changes */
/**********************************/

table.hovertable {
  padding:         10px;
  margin:          2%;
  width:           98%;
  border-collapse: collapse;
  border-width:    0;
  empty-cells:     show;
}

table.hovertable#compact {
  padding:         0;
}

table.hovertable th {
  background:     #999;
  vertical-align: middle;
  color:          white;
  font-size:      1.1em;
  font-weight:    bold;
  text-align:     left;
  padding:        8px 0px 8px 16px;
  border-width:   0;
  border-bottom:  1px solid #EAE7D4;
}

table.hovertable#compact th {
  padding:        0;
}

table.hovertable tr.buffered {
  border-top:  solid 20px white;
}

table.hovertable tr.main th {
  background:     #666;
}

table.hovertable td {
  text-align:    left;
  padding:       8px 28px 8px 16px;
  border-width:  0;
  border-bottom: 1px dashed #F1EFE3;
}
table.hovertable#compact td {
  padding:        2px;
}

 
table.hovertable td.buy { background-color: #FAFAFA; }

table.hovertable tr:hover { background-color: #F1EFE3; }
table.hovertable tr:hover td#nohoverchange { background-color: white; }
table.hovertable tr:hover td.buy { background-color: #EBEADE; }

/*
   For STUPID IE. - doesn't use hover on all elements
   So this allows onmouseover event to set this class.
   In our HTML, add the following line to all table
   & tr or td elements that are in the hovertable:
   <table class="hovertable">
     <tr onmouseover="this.className='hover'" onmouseout="this.className=''">
*/
table.hovertable tr.hover { background-color: #F1EFE3; }
table.hovertable tr.hover td#nohoverchange { background-color: white; }
table.hovertable tr.hover td.buy { background-color: #EBEADE; }



div.disclaimer {
  font-weight:      bold;
  text-transform:   uppercase;
  color:            #FF8BA4;
  padding:          5px 10px 5px 10px;
  background-color: #40465E;
  border:           1px solid #EAE7D4;
}

div.img {
  border: 1px solid #999999;
  margin: 8px 16px 8px 16px;
  padding: 2px;
}

li.spaced {
  padding-top: 16px;
}





/*************************/
/* form */
/*************************/

.but {
	height: 22px;
	border-top: .1em solid #fff;
	border-left: .15em solid #fff;
	border-right: .15em solid #dcdcdc;
	border-bottom: .15em solid #dcdcdc;
	margin: 0;
	white-space: nowrap;
	color: #fff;
	font-weight: bold;
	background-color: #C92B44;
}








/*************************/
/* navigation for header */
/*************************/

/* The 90% width keeps the menubar from wrapping prematurely, 
but overlays the upgrade button in some browsers. Still
looking for a good fix. 
100% stretches the bar and creates a horizontal scroll. Suckage. */

#Logo {
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 68px;
    margin: 0; padding: 0;
    /* color: #FFF; background-color:#FFF; */
}

#Logo img {
    border: 0;
}

#NavMenuList {
    position: absolute;
    left: 151px; top: 24px;
    height: 54px; width: 83%;
    margin: 0; padding: 0;
    display: inline; white-space: nowrap;
    clear: both;
}

#NavMenuList li {
    display: inline;
    /* list-style: none; white-space: nowrap; */
    vertical-align: middle;
    padding-top: 5px;
}

#NavMenuList a {
    padding: 7px 10px 1px 10px;
    width: auto; height: 20px;
    color: #40465E;
    font: 11px Arial, Geneva, Helvetica, sans-serif;
    /* border-right: 2px groove #F4F3EA; */
    background-color: #ECE9D8 ;
    background-image: url(/images/header/navbar-spacer.gif);
    background-position: center right;
    background-repeat: no-repeat;
    text-decoration: none;
    float: left; display: block;
}

#NavMenuList a:hover {
    color: #000; background-color: #999;
    border-width: 1px 1px 0 1px;
}

#NavMenuList .NavSubMenuList {
    visibility: hidden;
    left: -151px; top: 29px;
    position: absolute;
    height: 19px; width: 100%;
    display: inline; white-space: nowrap;
    margin: 0; padding: 0 1px 0 0;
    background-color: #999;
    border-width: 1px 0 1px 0;
    border-color: #B0B0B0;
    border-style: solid;
}

#NavMenuList .NavSubMenuList li a {
    color: #FFF; 
    margin: 0;
    padding-top: 2px; padding-bottom: 0;
    height: 17px;
    background-color: #999;
    background-image: url(/images/header/navsubbar-spacer.gif);
    background-position: center right;
    background-repeat: no-repeat;
    float: left;
}

#NavMenuList .NavSubMenuList li a:hover {
    color: #000; background-color: #FFF;
}

















/***************************************************/
/* imported from old css file for our old footer.. */
/***************************************************/

.addresstitle { font-size: 0.9em; font-weight: bold; color: #000033; }
.addresstext { font-size: 0.9em; color: #666699; }

.navtext { font-size: 0.9em; color: #444477; }
#navtext a { font-weight: normal; }
#navtext a:link { color: #6A6A9D; }
#navtext a:visited { color: #8C8CBF; }
#navtext a:hover { color: #262659; }

.navtext2 { font-size: 0.9em; color: #444477; }
#navtext2 a { font-weight: normal; }
#navtext2 a:link { color: #6A6A9D; }
#navtext2 a:visited { color: #8C8CBF; }
#navtext2 a:hover { color: #262659; }

.navtext3 { font-size: 0.9em; color: #444477; }
#navtext3 a { font-weight: normal; }
#navtext3 a:link { color: #6A6A9D; }
#navtext3 a:visited { color: #8C8CBF; }
#navtext3 a:hover { color: #262659; }

.ranktext { font-size: 0.8em; color: #AAAAAA; }
#ranktext a { font-weight: normal }
#ranktext a:link { color: #808080; }
#ranktext a:visited { color: #A0A0A0; }
#ranktext a:hover { color: #606060; }


/****************************/
/* all old styles down here */
/****************************/

.notice { color: #C92B44; font-weight: bold; }

/* Footer */

a.footer:link, a.footer:visited, a.footer:hover, a.footer:active { font-weight: bold; }
a.footer:link, a.footer:visited, a.footer:active { color: #40465E; text-decoration: none; }
a.footer:hover { color: #C92B44; text-decoration: underline; }

/* end footer */

img.body {
	/*border: solid 1px #000;*/
	margin: 15px;
	padding: 5px;

}

#article p {
  padding-bottom: 15px;
}