* { padding:0; margin:0; outline:0; }
body { background:#fff; font-family: Arial, sans-serif; font-size:12px; line-height:17px; color:#6f6e6e; }

input, textarea, select { font-family: Arial, sans-serif; font-size:12px; color:#333; }

textarea { overflow:auto;}

a img { border:0; }

a { color:#890000; text-decoration: none; cursor:pointer; }

a:hover { color:#333; }

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

h3 { font-size:15px; line-height:18px; color:#bcbcbc; text-transform: uppercase; }

h1 { font-size:22px; margin-top: 10px; color: #FFFFFF; font-family: Arial,Verdana,Helvetica,Sans-serif; }


.shell { width:980px; margin:0 auto; }

#top { height:100px; background:#000; }
#header { height:61px; }



#main { width:100%; background:url(images/main.gif) repeat-x 0 0;}

.options { height:30px; white-space:nowrap; padding-top:3px;}
.options .search{ float:left; padding:6px 0 0 0; background:url(images/border.gif) repeat-y right 0; height:33px; margin-right:12px;}
.options .search .field{ float:left; width:191px; height:21px; background:url(images/field.gif); padding:6px 5px 0 5px;}
.options .search .field input{ width:191px; border:0; background:transparent; color:#fff; font-weight: bold;}
.search-submit{ float:left; font-size:0; line-height:0; width:24px; height:27px; background:url(images/search.gif); text-indent: -4000px; border:0; margin-left:9px; cursor:pointer; position:relative; top:1px; margin-right:13px;}

.options a { color:#636363; text-decoration: underline;}
.options a:hover { color:#890000; text-decoration: none;}
.options span.left { padding:10px 0 0 0;}
.options span.more-links { margin-left:2px;}
.options span.more-links a{ margin-left:9px;}

#content { padding-top:20px; }

.tabs { height:36px; }
.tabs ul{ list-style-type: none; font-size:14px; text-transform: uppercase; font-weight: bold; }
.tabs ul li{ float:left; display:inline; margin-right:1px; }
.tabs ul li a,
.tabs ul li a span { float:left; height:36px; background:url(images/tab.gif) no-repeat 0 -37px; padding:0 0 0 20px;}
.tabs ul li a span { background-position:right -37px; padding:0 20px 0 0;}
.tabs ul li a { position:relative; line-height:36px; color:#FFFFFF; }


.tabs ul li a.red { background-position:0 -74px; color:#fff; }
.tabs ul li a.red span{ background-position:right -74px;}

.tabs ul li a.active,
.tabs ul li a:hover { background-position:0 0; color:#4f4f4f; }
.tabs ul li a.active span,
.tabs ul li a:hover span{ background-position:right 0;}

#container { background:#fff url(images/container-t.gif) no-repeat 0 0; padding:30px 20px; }



#footer { border-top:dashed 1px #cfcfcf; margin-top:20px; padding:10px 0; color:#8e8e8e;}
#footer a{ color:#8e8e8e; }
#footer a:hover{ color:#9d0000; }
#footer span{ padding:0 5px;}

.tabbed { min-height:420px;}

input.calculated {color:blue; border: none; background: #FFFFFF;}

#calculators { margin: auto; width: 100%; }

div.paragraph { font-size: 16px; color: #000000; font-family: Arial; }

h2 { font-size: 18px; color: #000000; font-family: Arial; font-weight: bold; }

.paragraph p { padding: 10px; margin: 10px; }

table#rates { padding: 0; margin: 0; }
table#rates td { font-family:Arial; font-size: 14px; font-weight: normal; text-align: left; padding: 10px; }
table#rates .money { background-color: #66CCFF; color: #000000;  }
table#rates .rate { border: 1px solid #000000; }


/* Tabs */

div#menu{float:left;width: 100%;background-color:#993399;padding-bottom:0;margin-bottom:15px;}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{}
ul#nav li{float:left;margin-right: 3px;text-align: center}
ul#nav a{float:left;width: 150px;padding: 5px 0;background: #000099;text-decoration:none;color: #FFF; font-family: Arial,Sans-serif; font-weight: bold;}
ul#nav a:hover{background: #FFA826;color: #FFF}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background:#FFF;color: #003}

#calculators table {
  line-height: 30px;
  padding: 0;
  font-family:Arial;
  font-weight: normal;
  font-size: 15px;
  color: #000000;
}

span.calcHeader {
  font-family: Arial,Sans-serif;
  font-size: 16px;
  color: #000000;
  font-weight: bold;
}

ul#split,ul#split li{margin:0;padding:0;list-style:none}
ul#split li{float:left;width:252px;margin:5px;}
ul#split h3{font-family: Arial; color: #FFFFFF; text-transform:uppercase;margin:0px;padding: 5px 0 3px;text-align:center; font-size: 14px;}
ul#split p{margin:0;padding:5px 8px 15px}
ul#split div{background:#FFFFFF; border: 1px solid #000000; width: 250px;}
li#one h3{background: #000099; width: 252px;}
li#two h3{background: #000099; width: 252px;}
li#three h3{background: #000099; width: 252px;}

div .clear {
  clear:both;
}

div#box{width: 300px;padding: 10px; margin:5px auto;  background:#66CCFF;color:#000}

#bookmark{
margin-bottom: 10px;
font-family:Arial,Sans-serif;
font-size: 22px;
font-weight: bold;
}


#bookmark a{
  text-decoration: underline;
}