/* main styles */
body {
  margin:0;
  padding:0;
  background:#fff;
  color:#666;
  font-family:"Trebuchet MS",trebuchet,arial,sans-serif;
  }
form {
  margin:0;
  padding:0
  }
ul li {
  font-size: 84%;
}
img {border:none;}
a {
  color:#666;
  text-decoration:none;
  }
a:hover {text-decoration:underline;}
input {vertical-align:middle}
.floatleft {float:left !important}
.floatright {float:right !important}
.clear {clear:both !important}
.bold {font-weight:bold !important}
.visible {display:block !important;}

input.text {
  background: #FEFDD2 none repeat scroll 0%;
}
input.text,
select,
textarea {
  color:#999;
  font-family:arial,sans-serif;
  font-size:78%;
  font-weight:normal;
  }
.cleaner {
  line-height: 1px;
  height: 1px;
  clear: both;
  display: block;
}
/* main container */
#main {
  width:582px;
  margin:0 auto;
  }
/* logo */
a.logo {
  display:block;
  width:265px;
  height:97px;
  overflow:hidden;
}
div.logo {
  display:block;
  width:265px;
  height:97px;
  background:url(/images/logo.gif) no-repeat left top;
  overflow:hidden;
  text-indent:-9999px;
  position:absolute;
  top:14px;
}
/* header */
#header {
  width:100%;
  background:url(/images/bg-line.gif) no-repeat 100% 46px;
  height:111px;
  position:relative;
  }

/* navigation */
#navigation {
  margin:0;
  padding:0;
  list-style:none;
  font-size:15px;
  line-height:19px;
  position:absolute;
  left:330px;
  top:59px;
}
#navigation li {
  display:block;
  float:left;
  text-align:center;
  margin:0 10px 0 0;
  width:74px;
  height:21px;
  background: url('/images/bg-nav.gif') no-repeat center center;
}
#navigation li a {
  display:block;
  color:#fff;
  text-decoration: none;
  width:74px;
  height:21px;
}
#navigation li a:hover,
#navigation li.active {
  background: url('/images/bg-nav-active.gif') no-repeat center center;
  text-decoration:none;
}
#navigation li.active a {
  cursor: default;
}
/* optional margins for certain pages after nav */
#index #header,
#about #header,
#contact #header {
  margin-bottom: 25px;
}
/* steps */
.steps {
  width:100%;
  height:74px;
  position:relative;
}
.steps div {
  position:absolute;
  top:15px;
  font-family:georgia,trebuchet,arial,sans-serif;
  padding:0 0 0 46px;
  height:39px;
  line-height:39px;
  font-size:15px;
}
.home-steps li {
  zoom: 1;
}
#give_step1 .steps .step1 {
  background:url(/images/step1_white_bg.gif) no-repeat left top;
  color:#3C7395;
  font-size:30px;
  left:17px;
  width:213px;
  }
#give_step1 .steps .step2 {
  background:url(/images/step2.gif) no-repeat left top;
  left:290px;
  width:90px;
  }
#give_step1 .steps .step3 {
  background:url(/images/step3.gif) no-repeat left top;
  left:440px;
  width:85px;
  }
  
#give_step2 .steps .step1 {
  background:url(/images/step1.gif) no-repeat left top;
  left:17px;
  width:112px;
  }
#give_step2 .steps .step2 {
  background:url(/images/step2_white_bg.gif) no-repeat left top;
  color:#3C7395;
  font-size:30px;
  left:193px;
  width:180px;
  }
#give_step2 .steps .step3 {
  background:url(/images/step3.gif) no-repeat left top;
  left:440px;
  width:85px;
  }

#give_step3 .steps .step1 {
  background:url(/images/step1.gif) no-repeat left top;
  left:17px;
  width:112px;
  }
#give_step3 .steps .step2 {
  background:url(/images/step2.gif) no-repeat left top;
  left:193px;
  width:90px;
  }
#give_step3 .steps .step3 {
  background:url(/images/step3_white_bg.gif) no-repeat left top;
  color:#3C7395;
  font-size:30px;
  left:360px;
  width:161px;
  }
/* home-steps */
.home-steps {
  list-style: none;
  margin: 0;
  padding-left: 0;
  color: #999;
}
.home-steps li {
  padding-left: 45px;
}
.home-steps li p {
  line-height: 125%;
}
.home-steps li h2 {
  line-height: 39px;
  height: 39px;
  font-family: georgia,trebuchet,arial,sans-serif;
  font-size: 180%;
  color: #3C7395;
  font-weight: normal;
  margin: 0;
}
.home-steps li .sub {
  font-family: georgia,trebuchet,arial,sans-serif;
  font-size: 110%;
  margin: -7px 0 8px 0;
}
.home-steps li.step1 {
  background:url(/images/step1_white_bg.gif) no-repeat top left;
}
.home-steps li.step2 {
  background:url(/images/step2_white_bg.gif) no-repeat top left;
}
.home-steps li.step3 {
  background:url(/images/step3_white_bg.gif) no-repeat top left;
}

/* middle container */
#middle {
  padding:0 8px 0 12px;
  }

/* left blue box */
.left-box {
  float:left;
  width:268px;
  background:#F0F6F8 url(/images/bg-left-box.gif) no-repeat left top;
  margin:0 0 15px 0;
  color: #999;
  line-height: 113%;
  }
#about .left-box {
  color: #666;
}
.left-box .bottom {
  float:left;
  width:268px;
  background:url(/images/bg-left-box-bottom.gif) no-repeat left bottom;
  padding:11px 0;  
  }
/* note */
.left-box .note {
  width: 253px;
  padding: 14px 3px 0 12px;
  }
.left-box .note h1 {
  font-family: ;
  font-size:100%;
  margin:0 0 16px 0;
  /*color:#3C7395;*/
  }
.left-box .note p {
  font-size: 84%;
  margin:0 0 16px 0;
  }
.left-box .note blockquote {
  clear: both;
  font-size: 79%;
  text-indent: 27px;
  margin: 0 0 16px 0;
  padding-top: 3px;
  font-style: italic;
  background: url(/images/bg-quote.gif) no-repeat top left;
  line-height: 135%;
  }
.left-box .note .right {
  float:right;
  width:149px;
  padding:0 2px 0 0;
  font-size: 79%;
  font-style: italic;
  }
/* form */
.left-box .form {
  width:240px;
  padding:10px 0 0 16px;
  }
.left-box .form .row {
  float:left;
  font-size:78%;
  width:100%;
  padding:6px 0;
  }
.left-box .form .row .left {
  float:left;
  width:58%;
  padding:0 0 0 3px;
  }
.left-box .form .row .right {
  float:right;
  width:38%;
  padding:0 3px 0 0;
  text-align:right;
  }
.left-box .form .total {
  border-top:1px solid #737373;
  border-bottom:1px solid #737373;
  margin:0 0 1px 0;
  }
.left-box .form .block {
  float:left;
  width:100%;
  border-top:1px solid #737373;
  padding:10px 0 0 0;
  }
.left-box .form .block .r {
  float:left;
  width:100%;
  padding:4px 0 4px 0;
  }
.left-box .form #usd { float: left; }
/*.left-box .form #g_amt {}*/
.left-box .form .block .last {padding:16px 0 18px 0;}
.left-box .form .block .left {
  float:left;
  font-size:78%;
  padding:0 0 0 3px;
  width:86px;
  line-height:140%;
  }
.left-box .form .right {
  float:right;
  width:149px;
  padding:0 2px 0 0;
  }
.left-box .form .text {
  float:left;
  width:143px;
  background:#FEFDD2;
  padding:0 0 0 4px;
  border:1px solid #9C9C9C;
  }
.safari .left-box .form .text {
  width:149px;
  margin-top:-2px;
  }
.left-box .form .small {
  width:56px;
  }
.left-box .form .medium {
  float:right;
  width:75px;
  }
.safari .left-box .form .small {width:61px;}
.safari .left-box .form .medium {width:81px;}
.left-box .form .button {
  text-align:center;
  }

/* right blue box */
.right-box {
  float:right;
  width:283px;
  background:#F0F6F8 url(/images/bg-right-box.gif) no-repeat left top;
  margin:0 0 15px 0;
  }
#index .right-box,
#about .right-box,
#about .left-box {
  background: none;
  }
.right-box .bottom {
  float:left;
  width:268px;
  background:url(/images/bg-right-box-bottom.gif) no-repeat left bottom;
  padding:15px 3px 11px 12px;
  min-height:273px;
  }
#index .right-box .bottom,
#about .right-box .bottom,
#about .left-box .bottom {
  background: none;
  }
* html .right-box .bottom {height:271px;}
.right-box h1,
#about .left-box h1 {
  font-size:90%;
  margin:0 0 16px 0;
  color:#3C7395;
  }
.right-box p {
  font-size:84%;
  margin:0 0 16px 0;
  }
#about .right-box p {
  line-height: 135%;
}

/* bottom blue box */
.box {
  float:left;
  width:562px;
  background:#F0F6F8 url(/images/bg-box.gif) no-repeat left top;
  margin:0 0 22px 0;
  }
.box .bottom {
  float:left;
  width:528px;
  background:url(/images/bg-box-bottom.gif) no-repeat left bottom;
  padding:14px 17px;
  }
.box h2 {
  font-size:90%;
  margin:0 0 16px 0;
  }
.box p {
  font-size:78%;
  margin:0 0 16px 0;
  }
.box p a {
  color: #62BA7D;
  text-decoration: underline;
  }
.box p.answer {
  padding-left: 20px;
}
/* check */
#check {
  display: block;
  background: transparent url(/images/bg-check.jpg) no-repeat left top;
  width: 563px;
  height: 211px;
  position: relative;
}
#check input,
#check select,
#check textarea {
  position: absolute;
  border: 1px solid #999;
  color: #999;
  padding: 3px;
}
#more input,
#more select,
#more textarea {
  border: 1px solid #999;
  color: #999;
  padding: 3px;
}
#more textarea {
  font-weight: bold;
}
#more .button input {
  border: none;
  padding: 0;
}
#pay_to #b_fname {
  top: 79px;
  left: 55px;
  width: 120px;
}
#pay_to #b_lname {
  top: 79px;
  left: 184px;
  width: 101px;
}
#pay_to #b_addy {
  top: 100px;
  left: 55px;
  width: 230px;
}
#pay_to #b_city {
  top: 121px;
  left: 55px;
  width: 120px;
}
#pay_to #b_region {
  top: 121px;
  left: 184px;
  width: 101px;
}
#pay_to #b_postal_code {
  top: 142px;
  left: 55px;
  width: 120px;
}
#pay_to #b_country {
  top: 142px;
  left: 184px;
  width: 101px;
}
#amt #b_amt {
  top: 81px;
  left: 462px;
  width: 85px;
}
#more #b_email {
  top: 163px;
  left: 55px;
  width: 230px;
}
#more #b_phone {
  top: 184px;
  left: 55px;
  width: 230px;
}
#note #b_note {
  top: 218px;
  left: 55px;
  width: 230px;
  height: 60px;
}
#give_step1 .button {
  display: block;
  float: right;
  margin: -30px 0 10px 0;
  width: 195px;
  height: 28px;
}

/* footer */
#footer {
  width:100%;
  float:left;
  height:34px;
  padding:20px 0 0 0;
  background:url(/images/bg-line.gif) no-repeat 100% 0;
  font-size:80%;
  color:#A7A6A6;
  }
#footer div {
  float:left;
  padding:0 10px 0 23px;
  }
#footer ul {
  float:left;
  margin:0;
  padding:0;
  list-style:none;
  }
#footer ul li {
  display:inline;
  }
#footer ul li a {
  color:#A7A6A6;
  padding:0 7px 0 4px;
  background:url(/images/delimiter.gif) no-repeat right;
  }
#footer ul li.last a {background:none;}
#error {
  color: #FF0000;
}