html { min-height: 100%; margin-bottom: 1px; }
body {background: white url(../images/background.jpg) repeat-x top left; text-align: center; margin: 0 0 12px 0; font-family: georgia, "Times New Roman", Times, serif; font-size: 14px}
TABLE {font-size: 100%}
TD {vertical-align: top}

.pageTitle {height: 102px; background: url(../images/header-int.jpg) no-repeat top; text-align: right; vertical-align: bottom; font-size: 250%; color: #7daade}

A {color: #012249}
A:hover {color: #437B0F}
A.more {font-size: 85%}

.inner {border-top: 3px solid white; border-left: 2px solid white; border-right: 2px solid white}
.container {background: white; border: 3px solid #002045; border-top: none; border-left: 1px solid #002045}
.fullwidth {width: 810px; margin: 12px auto}
div.nav 
{
	font-family: arial, helvetica, sans-serif !important;
	border: 1px solid #7693B1 !important;
	border-left: none !important;
	border-right: none !important;
	padding: 6px 0 !important;
	font-size: 105% !important;
}
A.nav 
{
	color: white;
	display: block !important;
	width: 100%;
	border-right: 1px solid #7693B1 !important;
	border-left: 1px solid #7693B1 !important;
	padding: 2px 0 !important;
	text-decoration: none;
	font-size: 105% !important;
}
A.nav:hover 
{
	background: #7693B1;
	color: black !important;
	font-size: 105% !important;
}
A.nav-active 
{
	background: #7693B1;
	color: white;
	display: block !important;
	width: 100%;
	border-right: 1px solid #7693B1 !important;
	border-left: 1px solid #7693B1 !important;
	padding: 2px 0 !important;
	text-decoration: none;
	font-size: 105% !important;
}
A.nav-active:hover 
{
	color: black;
	font-size: 105% !important;
}


/* Sub menu styles */
A.nav-sub
{
	color: black;
	background-color: #99cc99;
	display: block !important;
	width: 100%;
	padding: 2px 0 !important;
	text-decoration: none;
	font-size: 105% !important;
}
A.nav-sub:hover
{
	background: #7693B1;
	color: black !important;
	font-size: 105% !important;
}

.table1 TD {text-align: center}
.table2 {margin: 12px 0 8px; text-align: left}
H2 {font-family: arial, helvetica, sans-serif; font-size: 120%; margin-bottom: 6px; color: #012249}
H2 A {text-decoration: none}
H2 A:hover {text-decoration: underline}
.description {margin: 0 0 12px 0}

H3 {font-family: arial, helvetica, sans-serif; font-size: 110%; margin: 6px 0 6px}




A.button {background: #eee; border: 1px solid black; padding: 18px}

div.divider {border-bottom: 1px dotted #999; margin: 12px 0}
div.footer {font-size: 90%; color: #333; line-height: 1.3em}

div.breadcrumb {font-size: 90%}
div.breadcrumb A {color: black; text-decoration: none}
div.breadcrumb A:hover {color: #012249; text-decoration: underline}

ul.listing
{
    list-style-image: url(../images/checkbox.gif);
    margin: 6px 0 6px 35px;
    padding: 0;
    list-style-position: outside;
}
ul.listing li {padding: 0 0 10px 10px; line-height: 16px; margin: 0 0 0 0}
/*ul.listing li { 
background: url(../images/checkbox.gif) left bottom no-repeat;
padding-left: 15px;
margin-bottom: 10px;
}*/

span.intQuestion {color: #012249; font-size: 105%}
span.intAnswer {color: #000000; font-size: 90%}
span.login {color: #012249; font-size: 105%}

.bullets {list-style-type: square; color: #012249;}

.statusBox
{
	border: solid 1px #336699;
	padding: 6px 6px 6px 6px;
	background-color: GhostWhite;
	width: 250px;
	text-align: left;
}

.userControlInner
{
	padding: 7px 7px 7px 10px;
}

.ruleABox
{
	border: solid 1px #336699;
	padding: 6px 6px 6px 6px;
	background-color: #d2dfbc;
	text-align: left;
	width: 400px;
}

.ruleBBox
{
	border: solid 1px #336699;
	padding: 6px 6px 6px 6px;
	background-color: #dedfab;
	text-align: left;
	width: 400px;
}

.ruleCBox
{
	border: solid 1px #336699;
	padding: 6px 6px 6px 6px;
	background-color: #ead6b3;
	text-align: left;
	width: 400px;
}

.ruleDBox
{
	border: solid 1px #336699;
	padding: 6px 6px 6px 6px;
	background-color: #f6ccbf;
	text-align: left;
	width: 400px;
}

.creditorTable
{
	border: none;
	padding: 3px 3px 3px 3px;
}

.tTitle
{
	font-weight: bold;
	color: #012249;
}

.tValue
{
	font-weight: normal;
	color: Black;
}

.tip
{
	font-weight: bold;
	color: #cc6633;
	font-style: italic;
	margin-bottom: 8px;
}

.heading500
{
    color: white;
    font-weight: bold;
    font-size: 120%;
    background-image: url(../images/header_500px.png);
    background-position: center top;
    width: 500px;
    background-repeat: no-repeat;
    height: 34px;
}

#login
{
	margin-bottom:10px;
	border: 1px solid #0F2543;
	padding:20px 20px 20px 30px;
	line-height:1.5em;
	font-weight:bold;
}

#login
{
	padding-top:72px;
	background:#FFF url(../images/padlock.jpg) no-repeat right top;
}

.fieldTitleTrans
{
	color: #5D7B9D;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
}

.fieldTitleTrans_right
{
    color: #5D7B9D;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
    font-size: 12px;
}

.fieldValue
{
    text-align: left;
    vertical-align: top;
}

.roundedPanel
{	
	width:300px;	
	background-color:#5377A9;	
	color:white;
	font-weight:bold;		
}

/* Used for non-IE compatibility for centering since text-align center does not
   center block elements. */
.center {
    margin-left: auto;
    margin-right: auto;
}