* {
	margin: 0;
	padding: 0;
	border-style: none;
	list-style: none;
}

body {
	padding: 1em 0;
	font-family: Verdana, sans-serif;
	color: #222;
	background: #fff;
}

h1 {
	padding-bottom: 1em;
	font-weight: bold;
	font-size: 1.1em;
	color: #262365;
}

h1 a:link,
h1 a:visited {
	color: #262365;
}

h2 {
	padding-bottom: .6em;
	font-size: 1em;
}

a:link {
	color: #484884;
}

a:visited {
	color: #808cc0;
}

a:active {
	color: #d00;
}

a:hover {
	text-decoration: none;
}

#Wrapper {
	padding: 0 2em 0 0;
	/*width: 780px;*/
}

#Outer {
	position: absolute;
	width: 80%;
	top: 0;
	left: 18%;
}

#Sidebar {
	position: absolute;
	width: 17%;
	top: 0;
	left: 0;
	}

#Body {
	float: left;
	width: 78%;
}

#Right {
	float: right;
	clear: right;
	padding: 114px 0 0 0;
	width: 20%;
}

#Footer {
	clear: both;
	margin: 0 0 0 2em;
	padding: 1.5em 0;
	background: url(/trio_res/i/footer.gif) repeat-x;
}

/* Body: Container
----------------------------------------------------------- */

#Logo {
	padding: 0 2em;
}

#Container {
	padding: 2em;
}

#Container h2 {
	padding: 1em 0;
	font-size: 1em;
}

#Container h3 {
	padding: 1em 0;
	font-size: .9em;
}

#Container p{
	padding: 0 0 1em 0;
	font-size: .8em;
}

.patch {
	padding: 0 0 0 0;
	font-size: .8em;
}
#Container ul {
	padding: 0 3em 1em 3em;
}

#Container li {
	padding: 0 0 .1em 0;
	/* font-size: .8em; */
	list-style: square;
}

/* Body: AboutBox
----------------------------------------------------------- */

#AboutBox {
	padding: 0 0 1.5em 0;
}

#AboutBox .l {
	float: left;
	width: 50%;
}

#AboutBox .l p span {
	display: none;
}

#AboutBox .r {
	float: right;
	clear: right;
	width: 50%;
	min-height: 330px;
	background: url(/trio_res/i/grad-gray.gif) repeat-x;
}

#AboutBox .r h1 {
	padding: 1em 32px 1em 24px;
}

#AboutBox .r p {
	padding: 0 32px .8em 24px;
	font-size: .8em;
}

/* Body: TwoBox
----------------------------------------------------------- */

#TwoBox {
	margin: 0 0 1em 0;
	background: #eae19c;
}

#TwoBox .l {
	float: left;
	width: 50%;
}

#TwoBox .l .beige {
	margin: 0 0 0 0;
}

#TwoBox .r {
	float: right;
	clear: right;
	width: 50%;
}

#TwoBox .r .beige {
	border-left: solid 24px #fff;
}

#TwoBox .beige {
	padding: 1em;
	background: url(/trio_res/i/corner-beige.gif) no-repeat right top;
}

#TwoBox .beige ul {
	padding: 0 !important;
}

#TwoBox .beige li {
	display: inline;
	font-size: .8em;
}

#TwoBox .beige li a {
	display: block;
	padding: 0 0 .3em 1em;
	background: url(/trio_res/i/li-beige.gif) no-repeat 0 6px;
}

#TwoBox .beige p {
	padding: 0 0 .8em 0;
	font-size: .8em;
}

#TwoBox .beige dt {
	padding: 0 0 .2em 0;
	font-size: .7em;
}

#TwoBox .beige dd {
	padding: 0 0 .8em 0;
	font-size: .8em;
}

/* Right: Promos
----------------------------------------------------------- */

#Promos {
	padding: 0 0 1.5em 0;
}

#Promos dd {
	padding: .2em 0 1em 0;
	font-size: .7em;
}

/* Right: Bank
----------------------------------------------------------- */

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

.bank caption {
	padding: 0 0 .4em 0;
	font-weight: bold;
	font-size: .9em;
	text-align: left;
	color: #262365;
}

.bank th,
.bank td {
	padding: .4em 0;
	font: .7em Tahoma;
	text-align: left;
	vertical-align: top;
	border-bottom: solid 1px #e0e0e0;
}

.bank thead th,
.bank thead td {
	color: #888;
	border-top: solid 1px #e0e0e0;
}

.bank tbody th {
	padding-right: .6em;
}

.bank td {
	padding-right: .6em;
	padding-left: .6em;
	border-left: solid 1px #e0e0e0;
}

.bank td.up {
	color: green;
}

.bank td.down {
	color: red;
}

/* Sidebar: Lang
----------------------------------------------------------- */

#Lang {
	height: 79px;
}

#Lang p {
	padding: 61px 0 0 0;
}

/* Sidebar: Nav
----------------------------------------------------------- */

#Nav {
	padding: 2em 1em;
}

#Nav li {
	display: inline;
	color: #000;
}

#Nav a,
#Nav strong {
	display: block;
	padding: 0 0 .3em 1em;
	font-weight: bold;
	font-size: .8em;
	background: url(/trio_res/i/li-red.gif) no-repeat left center;
}

#Nav .on a{
  color:#000;
}

#Nav li ul {
	padding: 0 0 .5em 2em;
}

#Nav li li a,
#Nav li li strong {
	padding: 0 0 .3em 10px;
	font-size: .7em;
	background: url(/trio_res/i/li-gray.gif) no-repeat left 6px;
}

/* Sidebar: AddressBox
----------------------------------------------------------- */

#AddressBox {
	padding: 1em 0 0 1em;
}

#AddressBox address {
	color: #444;
	font: normal .7em "Lucida Sans Unicode", Tahoma;
}

/* Footer: fNav
----------------------------------------------------------- */

#fNAv {
	float: left;
	width: 60%;
	font-size: .7em;
}

#fNAv li {
	display: inline;
	padding: 0 1em 0 0;
}

#cRight {
	float: right;
	width: 30%;
	font-size: .7em;
	text-align: right;
}

/* Table: One
----------------------------------------------------------- */

.tOne {
	margin: 0 0 1em 0;
	background: #999;
}

.tOne th,
.tOne td {
	padding: .6em;
	font-size: .8em;
	vertical-align: top;
}

.tOne thead td {
	font-weight: bold;
	background: beige;
	font-size: .9em;
}

.tOne tbody td {
	background: #fff;
}

.tOne tbody th {
	text-align: left;
	background: #eee;
}

.tOne h2 {
	padding-top: 0 !important;
	font-size: 1.2em !important;
}

.tOne p,
.tOne li {
	font-size: 1em !important;
}

/* Table: Two
----------------------------------------------------------- */

.tTwo {
	margin: 0 0 .2em 0;
	background: #fff;
}

.tTwo th,
.tTwo td {
	padding: .4em .6em;
	font-size: 11px;
	background: #eee !important;
}

.tTwo th {
	text-align: left;
}

/* Clear
----------------------------------------------------------- */

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

.br {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .br {
	height: 1%;
}

.br {
	display: block;
}
/* End hide from IE-mac */

.mail-red {
  color:#ff0000;
  font-size: .8em;
}