html {
	height: 100%;/*Part of the code to keep the footer glued to the bottom of the page. Do not change*/
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%;
}

body {
	font-family: "trebuchet ms", "helvetica", sans-serif;
	font-size: 13px;
	background-color: #fff;
	color: #555;
	height: 100%; /*Part of the code to keep the footer glued to the bottom of the page. Do not change*/
	position: relative; /*Part of the code to keep the footer glued to the bottom of the page. Do not change*/
	width: 100%; /*Part of the code to keep the footer glued to the bottom of the page. Do not change*/
}

#wrapper {
	padding-top: 220px;
	padding-bottom: 7em; /*If you want to change the height of the footer or change the footer design, you must change this bottom padding here and the height of the footer. This are important to keep the footer glued to the bottom of the page. These values must always be the same.*/
	width: 100%; /*Part of the code to keep the footer glued to the bottom of the page. Do not change*/
	min-height: 100%; 
	height: auto !important; 
	height: 100%; /*Part of the code to keep the footer glued to the bottom of the page. Do not change*/
	overflow: auto !important;
	overflow: none;
	clear: both;/*Part of the code to keep the footer glued to the bottom of the page. Do not change*/
}

#headerwrap {
	position: relative;
	top: 0;
	left: 0;
}

.world {
	float: left;
	width: 155px;
	padding-top: 13px;
	padding-left: 50px;
}

.clear {
	clear: both;/*Part of the code to keep the footer glued to the bottom of the page. Do not change*/
}

/* Outer */

#outer {
	position: relative;/*Part of the code to keep the footer glued to the bottom of the page. Do not change*/
	min-height: 100%;/*Part of the code to keep the footer glued to the bottom of the page. Do not change*/
}


/* Header*/
#header {
	position: absolute;
	top: 3.7em;
	background: url('../images/header.png') top left repeat-x;
	height: 191px;
	width: 100%;
}

#header h2 {
	position: absolute;
	top: 100px;
	left: 227px;
	font-size: 10px;
	color: #000000;
}

#header a {
	text-decoration: none;
	color: #000;
}

#header h1 {
	position: absolute;
	color: #000000;
	font-family: "Gill Sans", "Arial", sans-serif;
	font-weight: 100;
	font-size: 45px;
	top: 55px;
	left: 224px;
}

/* header tags */
h4 {
	font-size:18px;
	font-weight: 100;
	display:block;
	width:100%;
	border-bottom:1px solid #9c9ea1;
	padding-bottom: 7px;
	color: #abbdd1;
	margin-top: 10px;
	font-style: oblique;
	letter-spacing: 2px;
}

h3 {
	font-size:12px;
	display:block;
	width:100%;
	border-bottom:1px solid #858484;
	margin-top: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
}

h5 {
	font-size:12px;
	display:block;
	width:100%;
	border-bottom:1px solid #858484;
	margin-top: 10px;
	padding-bottom: 5px;
	text-transform: uppercase;
	text-align: center;
}

h6 {
	border-bottom:1px solid #dddcdc;
	border-top:1px solid #dddcdc;
	font-size: 15px;
	color: #2f586e;
	padding-bottom: 10px;
	padding-top: 12px;
	margin-top: 10px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 5px;
}

#altcontent h3 {
	font-size:15px;
	display:block;
	width:100%;
	letter-spacing: 5px;
	border-bottom:5px solid #ffffff;
	margin-top: 3px;
	padding-bottom: 10px;
	text-align: center;
	text-transform: uppercase;
}

#wrapper h2 {
	padding-top: 15px;
	padding-bottom: 5px;
	padding-left: 3px;
	text-transform: uppercase;
	border-bottom: 1px solid #dddcdc;
	font-size: 15px;
	color: #2f586e;
	letter-spacing: 2px;
}

/* Navigation */
#menu {
	position: absolute;
	width: 100%;
	background: url('../images/nav.png') top left repeat-x;
	height: 3.7em;
}

#menu ul {
	position: absolute;
	left: 37px;
	top: 15px;
}

#menu li {
	display: inline;
	border-right: 1px solid #dddcdc;
}	

#menu li a {
	color: #5b5b5b;
	display: inline;
	padding: 15px 25px;
	text-decoration: none;
}

#menu li a#current{
	color: #3c7191;
}

#active {
	margin-left: -15px;
}

#menu li a:hover {
	color: #3c7191;
}

#menu ul .badger, #footer ul .badger {
	 border: none;
 }

/* left sidebar area */
#content_left {
	position: relative;
	float: left;
	margin-right: -36em;
	margin-top: 7px;
	padding: 2em;
	margin-left: 28px;
	display: inline;
	color: #858484;
	min-height: 1px;
	width: 19%;
}

#content_left p {
	margin:8px 0 0 8px;
}

#content_left ul { /* starts left navigation */
	margin:8px 15px 0 8px;
}

#content_left li { /* main navigation list item */
	display:block;
	width:100%;
	font-weight:100;
	margin-bottom: 10px;
}

.links {
	padding-top: 5px;
	padding-bottom: 4px;
}

#content_left li.sub { /* sub navigation list item */
	display:block;
	list-style:none;
	width: 100%;
	margin:0 0 0 10px;
}

#content_left a {
	color: #858484;
	text-decoration: none;
}

#content_left a:hover {
	color: #3c7191;
	text-decoration: none;
}

#altcontent {
	margin-top: 25px;
}

#altcontent p {
	padding: 10px 20px;
}

/* main content area */
#contentcenter {
	float: right;
	clear: both;
	margin-top: 10px;	
	line-height: 140%;
	text-align: left;
	margin-left: 20em;
	padding: 1.5em;
	margin-right: 33px;
	width: 70%;
}

#contentcenter p {
	margin:8px 0 0 2px;
}

#contentcenter a, a:visited {
	color: #555;
	text-decoration: underline;
}

#contentcenter a:hover {
	color: #3c7191;
	text-decoration: none;
}

#contentcenter_l { /* main textual content area (left box) */
	margin: auto;
	padding:5px;
	display:inline;
	float:left;
	width:48%;
}

#contentcenter_r { /* main textual content area (right box) */
	margin: auto;
	padding:5px;
	display:inline;
	float:right;
	width:48%;
}

.paperlinks {
	padding-top: 10px;
	margin-left: 12px;
	list-style-type: disc;
	list-style-position: inside;
}

/*Solid Grey Box, expands horizontally and vertically to fit content*/

.solidbox {
 background: #f0eeee;
}

.solidtop div {
   background: url("../images/solidtl.png") no-repeat top left;
}

.solidtop {
   background: url("../images/solidtr.png") no-repeat top right;
}

.solidbottom div {
   background: url("../images/solidbl.png") no-repeat bottom left;
}

.solidbottom {
   background: url("../images/solidbr.png") no-repeat bottom right;
}

.solidtop div, .solidtop, 
.solidbottom div, .solidbottom {
   width: 100%;
   height: 15px;
   font-size: 1px;
   
}
.solidcontent { 
	margin: 0 15px;
	padding-top: 6px;
	word-wrap: break-word;
}

/*Main content box with gradient on bottom: Expands horizontally and verticaly to fit content*/
#liquid-round {
	margin:0px auto;
	background:#fff url("../images/boxleft.gif") repeat-y left top;
}

.top {
	width:100%;
	height:20px;
	background:url("../images/boxtopleft.gif") no-repeat left top;
}

.top span {
	display:block;
	position:relative;
	height:20px;
	background:url("../images/boxtopright.gif") no-repeat right top;
}

.center-content {
	position:relative;
	background:url("../images/boxright.gif") repeat-y right top;
	padding:5px 30px 42px 30px;
	margin:-1px 0 -50px 0;
}

.bottom {
	width:100%;
	height:60px;
	background:url("../images/boxbottomleft.gif") no-repeat left bottom;
}

.bottom span {
	display:block;
	position:relative;
	height:60px;
	background:url("../images/boxbottomright.gif") no-repeat right top;
}

p {
	margin:0 0 1em 0
}

/*Content Box*/

#contentbox {
	border: 1px solid #dddcdc;
	background: #f0eeee;
	margin-top: 25px;
}

#contentboxinside {
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	background: #ffffff;
	border:1px solid #dddcdc;
	margin: 10px;
}

#contentboxinside p{
	padding: 5px 10px 10px 10px;
}

#shade{
	background-color:  #f0eeee;
}

.firstbox {
	border-bottom:1px solid #dddcdc;
	border-top:1px solid #dddcdc;
	background-color:  #f0eeee;
}

.secondbox{
}

/*Table*/
#contentlogin {
	float: right;
	margin-top: 10px;	
	padding: 5px;
	line-height:140%;
	text-align: left;
	margin-left: 20em;
	margin-right: 40em;
	width: 230px;
}

#contentfinance {
	float: right;
	padding: 5px;
	line-height:140%;
	text-align: left;
	margin-left: 25em;
	margin-right: 5em;
	margin-top: 1.5em;
}

#contentfinance p {
	margin:8px 0 0 2px;
}

#contentfinance a, a:visited {
	color: #555;
	text-decoration: none;
}

#contentfinance a:hover {
	color: #3c7191;
	text-decoration: none;
}

table.padded-table {
	border: 1px solid #dddcdc;
	table-layout: fixed;
	width: 100%;
	width: 100%;\ /*This is an IE8 hack*/
}

table.padded-table td { 
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 5px;
	border: 1px solid #dddcdc;	
}

table.padded-table th { 
	padding-right:20px; 
	padding-top:7px;
	padding-left: 10px;
	border: 1px solid #dddcdc;
	padding-bottom: 5px;
	font-weight: 100;
	text-transform: uppercase;
	font-size: 13px;
}

table.padded-table tr.colored {
	background: #f0eeee;
	border-top: 1px solid #dddcdc;
	border-bottom: 1px solid #dddcdc;
}

table.padded-table th {
	width: 100%;
	width: auto;\ /*This is an IE8 hack*/
}

table.spacing {
	margin-top: 15px;
	margin-bottom: 15px;
}

table.first {
	margin-top: 3px;
}

table.login td{
	padding-top: 10px;
	padding-right: 10px;
}

#sortdown {
	margin-left: 4px;
}

/* footer */
#footer {
	position: absolute;/*Part of the code to keep the footer glued to the bottom of the page. Do not change*/
	bottom: 0;/*Part of the code to keep the footer glued to the bottom of the page. Do not change*/
	width: 100%;/*Part of the code to keep the footer glued to the bottom of the page. Do not change*/
	height: 7em; /*If you change the height of the footer or change the footer design, you must change this height here and in the bottom padding in the wrapper. This are important to keep the footer glued to the bottom of the page. These values must always be the same.*/
	clear: both;/*Part of the code to keep the footer glued to the bottom of the page. Do not change*/
	border-top: 1px solid #dddcdc;
	background: #f0eeee;
	color: #3c7191;
	text-align: center;
	font-size: 10px;
}

#footer ul {
	padding-top: 15px;
}

#footer li {
	display: inline;
	border-right: 1px solid #dddcdc;
}	

#footer li a {
	color: #5b5b5b;
	display: inline;
	padding: 15px 15px;
	text-decoration: none;
}

#footer p {
	margin-top: 10px;
	font-style: oblique;
	padding-bottom: 15px;
}

#footer li a:hover {
	color: #3c7191;
}

/*IE6 Hacks*/

*html {
	overflow-y: auto;
	overflow-x: hidden;
}

*html #content_left {
	width: 200px;
}

*html #contentlogin {
	width: 240px;
	margin-left: 35em;
}

*html #contentfinance {
	float: right;
	margin-top: 25px;	
	padding: 5px;
	line-height:140%;
	text-align: left;
	margin-left: 22em;
	margin-right: 100px;
}

* html table.padded-table th {
	width: auto;
}

*html #footer li a {
	padding: 2px 15px;
}

*html #footer p {
	margin-top: 15px;
}

blockquote
{
	border: dashed 1px #BFB793;
	background: #FFFEFB url('../images/x5.gif') top left repeat-x;
	padding: 1em;
	margin-bottom: 1.5em;
}

/*IE7 Hacks*/

*:first-child+html #contentfinance {
	float: right;
	margin-top: 22px;	
	padding: 5px;
	line-height:140%;
	text-align: left;
	margin-left: 25em;
	margin-right: 100px;
	width: 65%
}

*:first-child+html table.padded-table th {
	width: auto;
}

*:first-child+html #footer li a {
	padding: 0 15px;
}