/* Basic */
html {
	height: 100%;
}

body {
	font-family: "trebuchet ms", "helvetica", sans-serif;
	font-size: 13px;
	color: #555;
	background: url("../images2/header.gif") repeat-x;
	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*/
}

#contentwrapper {
	background: url("../images2/sidebar.gif") repeat-y;
	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; 
	position: relative;
	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*/
	padding-bottom: 10em; /*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.*/
}

#contentwrapperlogin {
	width: 100%;
	height: 100%;
	overflow: auto;
	clear: both;
	padding-bottom: 10em;
}

#wrapper {
	line-height: 1.7em;
	padding-top: 8.1em;
	padding-left: 78px;
}

.shadow{
	width:100%;
}

.curve {
	float: left;
	padding-left: 55px;
}

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

a:hover {
	color: #5585c1;
	text-decoration: none;
}

/* 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: 10px;
	height: 150px;
	width: 100%;
}

#header h2 {
	font-family: "Gill Sans", "Arial", sans-serif;
	position: absolute;
	top: 5px;
	left: 210px;
	left: 228px;
	font-size: 35px;
	color: #113665;
	font-style: oblique;
	font-weight: 100;
}

#header a {
	text-decoration: none;
}

#topheader {
	position: absolute;
	height: 3.3em;
}

/*Header tags*/

h1 {
	position: absolute;
	color: #d5d5d5;
	font-family: "Gill Sans", "Arial", sans-serif;
	font-weight: 100;
	font-size: 35px;
	top: 4px;
	left: 83px;
}

h1 span {
	color: #113665;
	font-style: oblique;
	padding-left: 5px;
}

h1 a {
	color: #000000;
}

h1 a:hover {
	color: #242424;
}

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

#sidebar h3{
	font-family: "Gill Sans", "Arial", sans-serif;
	padding-bottom: 2px;
	font-weight: 400;
	border-bottom: 3px solid #ffffff;
	border-top: 3px solid #ffffff;
	font-size: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#sidebar h3 span {
	padding-left: 15px;
}

.lightbluebox h5{
	text-transform: uppercase;
	font-family: "Gill Sans", "Arial", sans-serif;
	font-weight: 400;
	font-size: 15px;
	padding-bottom: 10px;
	border-bottom: 5px solid #ffffff;
	padding-left: 14px;
	color: #113665;
	padding-top: 10px;
	text-align: center;
}

.bluebox h6{
	text-transform: uppercase;
	font-family: "Gill Sans", "Arial", sans-serif;
	font-weight: 400;
	font-size: 15px;
	padding-bottom: 10px;
	border-bottom: 5px solid #ffffff;
	padding-left: 14px;
	color: #eaf0f7;
	padding-top: 10px;
	text-align: center;
}

#ContentContainer h2 {
	text-transform: uppercase;
	font-family: "Gill Sans", "Arial", sans-serif;
	font-weight: 400;
	font-size: 15px;
	padding-bottom: 3px;
	padding-left: 14px;
	color: #113665;
	background: #5787c2;
	padding-top: 3px;
	text-align: center;
}

/* Navigation */
#menu {
	position: absolute;
	width: 100%;
	font-size: 14px;
}

#menu ul {
	position: absolute;
	left: 389px;
	height: 51px;
	margin-top: 21px;
}

#menu li {
	display: inline;
	margin: 0;
}

#menu li a {
	color: #113665;
	display: inline;
	padding: 20px 16px;
	text-decoration: none;
}

#menu li a#current{
	color:#113665;
	background:	url("../images2/nav.png") repeat-x top left;
	height: 52px;
}

.active {
	margin:0 -5px;
}

#menu li a:hover {
	background:	url("../images2/nav.png") repeat-x;
	margin: 0;
}
 
/* Sidebar--Does not expand horizontally*/

#sidebar {
	position: relative;
	float: left;
	margin-right: -36em;
	color: #123d72;
	width: 285px;
	display:inline; 
}

#sidebar ul {
	padding-top: 3px;
	padding-bottom:10px;
	padding-left: 30px;
	padding-right: 70px;
	list-style-type: disc;
	list-style-position: inside;
}

#sidebar li a{
	color: #123d72;
	text-decoration: none;
}

#sidebar li a:hover {
	color: #5585c1;
}

#sidebarwrap {
	padding-top: 13px;
}

/*Main Content Container. Expands horizontally and vertically to fit content*/

#ContentContainer p {
	margin: 6px 15px 15px 15px;
}

#ContentContainer ul {
	margin-bottom: 1.5em;
}


#ContentContainer {
	float: right;
	margin-top: 10px;
	width: 100%;
}

#content {
	margin:-10px;
	padding: 15px 10px 15px 10px;
}

#firstbox {
	border-top: 1px solid #d8e3f0;
	border-bottom: 1px solid #d8e3f0;
	background-color: #eaf0f7;
	padding-top: 4px;
	margin: 0 10px;
}

#secondbox {
	margin: 0 10px;
}

/*Light blue content container. Expands horizontally and vertically to fit content*/

.lightbluebox {
	background: #eaf0f7;
	width: 68.73%;
	clear: both;
	float: right;
	margin-left: 26em;
	margin-right: 33px;
	margin-top: 25px;
}

.lightbluebox p {
	padding-top: 5px;
}

/*Dark blue Content Container. Expands horizontally and vertically to fit content*/

.bluebox {
	background: #5787c2;
	width: 68.73%;
	clear: both;
	float: right;
	margin-left: 26em;
	margin-right: 33px;
	margin-top: 25px;
}

.bluebox p {
	padding-top: 5px;
	color: #eaf0f7;
}

/*Main Content Area*/

#primaryContent {
	border: 1px solid #5787c2;
	margin-left: 26em;
	margin-right: 33px;
	margin-top: 45px;
}

#primaryContentlogin {
	margin-left: 26em;
	margin-right: 33px;
	margin-top: 45px;
	margin-bottom: 15px;
}

#primaryContentcharges {
	left: 46em;
}

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

.clear{
	clear: both;
}

/*Table*/

#contentlogin {
	float: right;
	margin-top: 10px;	
	padding: 5px;
	line-height:140%;
	text-align: left;
	margin-left: 20em;
	padding: 1.5em;
	margin-right: 37em;
}

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

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

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

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

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

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

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

table.padded-table tr.colored {
	background-color: #eaf0f7;
	border-bottom: 1px solid #d8e3f0;
}

table.padded-table th {
	width: 100%;
	width: auto;\  /*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: 10em; /*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*/
	background: #123d72 url("../images2/footer.gif") repeat-x top left; 
	color: #4f80bc;
	text-align: center;
	font-size: 11px;
}

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

#footer li {
	display: inline;
	border-right: 1px solid #113665;
	border-left: 1px solid #113665;

}	

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

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

#footer li a:hover {
	color: #000000;
}

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

*html #wrapper {
	padding-top: 2.73em;
	padding-right: 160px;
}

*html h1 {
	position: absolute;
	color: #d5d5d5;
	font-family: "Gill Sans", "Arial", sans-serif;
	font-weight: 100;
	font-size: 35px;
	top: 4px;
	left: -310px;
}

*html #header h2 {
	position: absolute;
	top: 8.5px;
	left: -170px;
	font-size: 30px;
	color: #113665;
}

*html #menu ul {
	position: absolute;
	left: 389px;
	height: 51px;
	margin-top: 0;
	padding-top: 22px;
}

*html #menu ul {
	left: 0;
} 

*html #menu li a {
	color: #113665;
	display: inline;
	padding: 20px 20px;
	text-decoration: none;
}

*html #content {
	margin:-10px;
	padding: 15px 0 3px 0;
}

*html #primaryContent {
	margin-bottom: 0px;
	border: 1px solid #5787c2;
	margin-left: 26em;
	margin-right: 64px;
	margin-top: 45px;

}

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

}

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

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

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

*html .lightbluebox {
	background: #eaf0f7;
	width: 76%;
	clear: both;
	float: right;
	margin-left: 26em;
	margin-right: 33px;
	margin-top: 35px;
}

*html .bluebox {
	background: #5787c2;
	width: 76%;
	clear: both;
	float: right;
	margin-left: 26em;
	margin-right: 25px;
	margin-top: 35px;
}

/*IE7 hacks*/

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

*:first-child+html #wrapper{
	padding-top: 2.73em;
	padding-right: 80px;
}

*:first-child+html h1{
	position: absolute;
	color: #d5d5d5;
	font-family: "Gill Sans", "Arial", sans-serif;
	font-weight: 100;
	font-size: 35px;
	top: 4px;
	left: -310px;
}

*:first-child+html #header h2 {
	font-family: "Gill Sans", "Arial", sans-serif;
	position: absolute;
	top: 5px;
	left: -165px;
	font-size: 35px;
	color: #113665;
	font-style: oblique;
	font-weight: 100;
}

*:first-child+html #menu ul {
	position: absolute;
	left: 389px;
	height: 51px;
	margin-top: 0;
	padding: 22px;
}

*:first-child+html #menu ul{
	left:0;
}

*:first-child+html #menu li a{
	color: #113665;
	display: inline;
	padding: 20px 20px;
	text-decoration: none;
}

*:first-child+html #content{
	margin:-10px;
	padding: 15px 0 3px 0;
}


*:first-child+html #primaryContent{
	margin-bottom: 0px;
}


*:first-child+html #contentlogin{
	margin-right: 360px;
	width: 100%;
}

*:first-child+html #contentfinance{
	float: right;
	padding: 5px;
	line-height:140%;
	text-align: left;
	margin-right: 17em;
	width: 57%;
}

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

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

*:first-child+html h4 {
	font-size:18px;
	font-weight: 100;
	width: 100%;
	display: block;
	border-bottom:1px solid #9c9ea1;
	padding-bottom: 7px;
	color: #abbdd1;
	font-style: oblique;
	letter-spacing: 2px;
	overflow: auto;
}

*:first-child+html .lightbluebox {
	background: #eaf0f7;
	width: 72%;
	clear: both;
	float: right;
	margin-left: 26em;
	margin-right: 33px;
	margin-top: 25px;
}

*:first-child+html .bluebox {
	background: #5787c2;
	width: 72%;
	clear: both;
	float: right;
	margin-left: 26em;
	margin-right: 33px;
	margin-top: 25px;
}

.browser a, .browser a:visited {
	font-size: 115%;
	text-decoration:none;
	color:#666666;
	border-bottom:1px solid #FFFFFF;
}
.browser a:hover, .browser a:visited:hover {
	font-size: 115%;
	color:#2a56d6;
	text-decoration:underline;
	border-bottom:1px solid #FFFFFF;
}