@charset "utf-8";
/* CSS Document */

/* login main text*/
div.login_text {margin: 0px 0px 10px 10px;}
div.login_text ul {margin: 20px;}
 /* login main login area */
div.login_box p span, div.login_error li span  { font-weight: bold; color: #697a98;}
div.login_box {float: right; width: 170px; margin: 0 10px 20px;padding: 0 0 10px; border: 1px solid #697a98;}
span.header {background-color: #dedfe4; display: block; padding: 5px; font-weight: bold; border-bottom: 1px solid #697a98;}
div.login_box table {margin: 10px;}
div.login_box input {margin: 3px 0;}


body{text-align: center; background: #fff url(../images/02-1.gif) repeat-x 0 0; margin:0px;}
#wrap{width:760px; margin: 0 auto; text-align: left; background: #fff url(../images/02-1.gif) repeat-x 0 0;}

#logo {float: left; height: 78px;}
#logo img {margin: 25px 0 0}

/* log out link in header */
#loged_out {position: absolute; top: 40px; left: 50%; margin-left: 275px;}
#loged_out a {color: #000; font-size: 11px;}

/* this is the td that wraps the menu */
.content {padding: 0 10px 10px; clear: left; }

/* main menu */
div.menu {clear: left;}
div.menu ul {padding:0px 0px 0px 10px; list-style:none; margin: 0px; background: url(../images/nav.jpg) repeat-x top left; height: 30px;}
div.menu li {float:left; background: url(../images/nav_spliter.jpg) no-repeat 100% 0; padding:0; margin-bottom: 3px;}
div.menu a {float:left; display:block; background: url(../images/nav_active.jpg) no-repeat 50% 0; padding:10px 15px 8px 15px; text-decoration:none; font-weight:bold; color:#fff;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    div.menu a {float:none;}
    /* End IE5-Mac hack */
div.menu a:hover {color:#495b7f;}
div.menu a:visited , div.menu a:active {}
div.menu .active {}
div.menu .active a { background: url(../images/nav_noactive.jpg) no-repeat 50% 0; color:#000; border-bottom:none;}
div.menu .active a:hover {color:#000;}
div.menu .active a:visited, div.menu .active a:active {}

/* sub_menu */
div.sub_menu {height: 20px; clear: left; color:#ffffff;}
div.sub_menu ul {padding:0 1px; list-style:none; margin: 0px; color:#ffffff; }
div.sub_menu li {float:left; padding:0 0 0 9px; color:#ffffff;}
div.sub_menu a {float:left; display:block; padding:0px 15px 4px 6px; text-decoration:none; font-weight:bold; color:#ffffff;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    div.sub_menu a {float:none;}
    /* End IE5-Mac hack */
div.sub_menu a:hover {color:#333;}
div.sub_menu .active { }
div.sub_menu .active a { color:#000;}

#footer {text-align: center; padding: 15px 0 15px; border-top: 1px solid #000;}


/* used for all sites*/
* {
 	font-family: verdana, "trebuchet MS", helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	letter-spacing: 0;
	word-spacing: normal;
	text-decoration: none;
 	color: #000000;
	padding: 0;
 	margin: 0;
}
a {
 	color: #566b01;
 	text-decoration: underline;
 	font-weight: bold;
}
a:visited {}
a:hover {
 	text-decoration: none;
 	color: #333;
}
a:active {}

p {margin: 0 0 13px;}
p span {font-weight: bold;}

ul, ol {margin-left: 20px; margin-bottom: 20px; margin-top: -10px;}
ul.home {margin-top: 0; list-style-image: url(../images/bullet5.jpg)}
ul.home li {margin: 5px 0;}

h1, h2, h3, h4 , h5, h6, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{
	font-family: arel, helvetica, sans-serif;
	line-height: 1.1em;
	letter-spacing: 0;
	word-spacing: normal;
	text-decoration: none;
 	color: #495b7f;
	padding: 0px 0px 0px 0px;
	margin: 0;
	font-weight: bold;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {color: #495b7f; padding: 0px 0px 0px 0px; font-weight: bold;}
h1, h1 span {font-size: 24px; font-weight: bold;}
h2, h2 span {font-size: 22px;}
h3, h3 span {font-size: 19px;}
h4, h4 span {font-size: 17px;}
h5, h5 span {font-size: 15px;}
h6, h6 span {font-size: 13px; margin: 0 0 3px;}

/* login_error main text*/
div.login_error {
	margin: 0px 0px 10px 10px;
}
div.login_error ul {margin: 20px;}
 
div.login_error p span.high, div.login_error li span.high  {
 	font-weight: bold;
 	color: #1900ab;
 }
 

.callout {float: right; clear: right; width: 200px; margin-left: 10px; margin-bottom: 10px; background-color: #f4f7e3; border: 1px solid #bcd743;}
.callout span.top {background-color: #edf4cb; color: #1900ab; display: block; padding: 3px 10px; margin-bottom: 10px;}
.callout p {padding: 0 10px 5px;}


div.callout_large  {margin: 10px 0 20px; background: #f2f3f8 url(../images/main.gif) bottom left repeat-x;}
div.callout_large p span { font-weight: bold;}
div.callout_large img {margin: 0 0 0 30px;}



div.header_1 {background: url(../images/main_t.jpg) top left repeat-x; height: 15px; margin:0; padding: 0px;}
.header_1 ul {background: url(../images/main_tl.jpg) top left no-repeat; height: 15px; list-style: none; margin:0; padding: 0px;}
.header_1 ul li {float: right; background: url(../images/main_tr.jpg) top right no-repeat; width: 15px; line-height: 15px; list-style: none; margin-top: 0px; margin:0; padding: 0px;}
.footer_1 ul {background: url(../images/main_bl.jpg) bottom left no-repeat; height: 15px; list-style: none; margin: 0; padding: 0px;}
.footer_1 ul li {float: right; background: url(../images/main_br.jpg) bottom right no-repeat; width: 15px; line-height: 15px; list-style: none; margin-top: 0px; margin:0; padding: 0px;}
div.footer_1 {background: url(../images/main_b.gif) bottom left repeat-x; height: 15px; margin:0; padding: 0px; clear: both;}

div.callout_large div.left {float: left; width: 15px; background: url(../images/main_l.jpg) top left repeat-y; height: 235px;}
div.callout_large div.left img {margin: 108px 0 0;}
div.callout_large div.right {float: right; width: 15px; background: url(../images/main_r.gif) top right repeat-y; height: 235px;}
div.callout_large div.right img {margin: 108px 0 0;}


div.callout_large_1  {margin: 10px 0 20px; background: #f2f3f8 url(../images/main.gif) bottom left repeat-x;}
div.callout_large_1 p span { font-weight: bold;}
div.callout_large_1 img {margin: 0 0 0 30px;}
div.callout_large_1 div.left {float: left; width: 15px; background: url(../images/main_l.jpg) top left repeat-y; height: 205px;}
div.callout_large_1 div.left img {margin: 167px 0 0;}
div.callout_large_1 div.right {float: right; width: 15px; background: url(../images/main_r.gif) top right repeat-y; height: 205px;}
div.callout_large_1 div.right img {margin: 167px 0 0;}

div.inside_callout_large { padding: 5px;}
div.inside_callout_large ul {padding-left: 260px;}
div.inside_callout_large ul span {font-weight: bold; font-size: 14px; color: #707248;}
h3 {color: #495b7f; font-size: 20px;}

#login_form {padding: 0; margin: 0;}

.callout1 {width: 226px; background: #e0e1c9 url(../images/callout_bottom.gif) no-repeat bottom right;}
.callout1 a {display: block; background: url(../images/arrow.gif) no-repeat 100% 4px; text-align: right; padding: 0 13px;}
.callout1 p {margin: 0 0 5px;}

.callout2 {width: 740px; background: #e0e1c9 url(../images/thin_bottom.gif) no-repeat bottom right;}
.callout2 .left {width: 450px; padding: 0 10px; float: left;}
.callout2 .left a {display: block; margin: 0px 5px 0px;}
.callout2 .right {width: 230px; float: right;}
.callout2 .right p {margin: 5px 0 0;}
.callout2 .right a {display: block; margin: 5px 5px 0px; padding-left: 15px; background: url(../images/play4.gif) no-repeat 0 4px;}
.callout2 p {margin: 0 0 5px;}

.terms {margin: 30px 0 0;}
div.clear {clear: both; height: 0;line-height: 0; }

div#added object {width: 740px; height: 400px;} 

table.debt {width: 740px; border-top: 1px solid #697a98; border-bottom: 1px solid #697a98; border-left: 1px solid #dbdce2; margin-bottom: 10px;}
table.debt td { padding: 3px 3px 2px 0; text-align: right; border-right: 1px solid #dbdce2;}
table.debt td.month {text-align: left; padding: 3px 3px 2px 3px;}
table.debt thead td, table.debt tfoot td {background: #f1f2f5 url() no-repeat top left; border-right: none; font-weight: bold;}
table.debt .odd {background: #f9f9f9 url() no-repeat top left;}
table.debt td.spacer {width: 50px;} 

table.debt1 {width: 740px; border-top: 1px solid #697a98; border-bottom: 1px solid #697a98; border-left: 1px solid #dbdce2; margin-bottom: 10px;}
table.debt1 td { padding: 3px 3px 2px 0; text-align: left; border-right: 1px solid #dbdce2;}
table.debt1 thead td, table.debt tfoot td {background: #f1f2f5 url() no-repeat top left; border-right: none; font-weight: bold;}
table.debt1 .odd {background: #f9f9f9 url() no-repeat top left;}
table.debt1 td.spacer {width: 50px;} 

table.amount_owed {text-align: center; width: 400px; border-top: 1px solid #697a98; border-bottom: 1px solid #697a98; border-left: 1px solid #dbdce2; margin-bottom: 10px;}
table.amount_owed td { padding: 3px 3px 2px 0; text-align: right; border-right: 1px solid #dbdce2;}
table.amount_owed thead td, table.amount_owed tfoot td {background: #f1f2f5 url() no-repeat top left; border-right: none; font-weight: bold;}

#guide {clear: both;}
#guide img {float: left; margin-right: 10px;}
#guide h6 {padding-top: 10px;}

#guide_1 {}
#guide_1 img {float: left;}
#guide_1 h6 {padding-top: 10px;}