*{ font-family: arial; font-weight: normal; margin: 0; padding: 0; }
html{ background: url("../images/main_bg.jpg") repeat-x #f1f1f1; }

a img{ border: none;}

p, ul, li, label, input, table{ color: #666; font-size: 12px; }
p span{ font-weight: bold; display: inline-block; width: 220px; }
p.err_message{ background: #eee; border: 1px solid #222; color: #900; margin: 10px 0; padding: 10px; text-align: center; }
p#top_right{ float: right; margin: 20px 0 40px 0; font-size: 18px; text-align: right;}
p#top_right span{ color: #07C4E1; font-size: 12px;}
p.todays_rates{ font-size: 25px; text-align: center;}

h1{ color: #000; float: left; font-size: 18px; margin: 25px 0 10px 0; position: absolute; z-index: 2;}
h2{ color: #07C4E1; font-size: 16px; margin: 10px 0; }
h2 span{ color: #000; text-transform: uppercase;}
h3{ color: #333; font-size: 14px; margin: 10px 0; }

#main_container{ margin: 0 auto; width: 1020px; }
#main_container_1{ background: #fff; border: 1px solid #eee; clear: both; padding: 20px;}

#left_col{ float: left; position: relative; margin: 320px 12px 30px 0; *margin: 0 12px 30px 0; width: 665px; *width: 645px;}
#right_col{ float: left; margin: 320px 0 0 0; *margin: 0; width: 300px;}
#right_col img.map{ border: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}

#footer{ clear: both; float: none; background: #eee; margin: 0 -20px -20px -20px; padding: 20px; text-align: center;}
#footer ul li{ display: inline; padding: 0 10px;}
#footer ul li a{ color: #666; text-decoration: none;}

ul#nav{ background: #171717; text-align: center; margin: 0 0 20px 0; }
ul#nav li{ display: inline; padding: 0 5px; }
ul#nav li a{ color: #666; display: inline-block; text-decoration: none; padding: 21px 35px; *padding: 20px 35px 19px 35px;  text-transform: uppercase;}
ul#nav li.current a{ background: #fff; }

#wrapper{ position: absolute; top: 152px; *top: 0; z-index: 1; }
#wrapper{  *position: relative; *margin: -90px 0 0 0; *z-index: 10; }
#wrapper #left{ float: left;}
#wrapper #right{ margin: 80px 0 0 674px; *margin: 88px 0 0 0; position: absolute; top: -1px;}
#wrapper #right img{ margin: -2px 0;}
#wrapper #right img:hover{ opacity: 0.6;}

form.form_1{ width: 300px; }
form.form_1 fieldset{ border: none; }
form.form_1 label{ display: inline-block; width: 100px; }
form.form_1 input{ margin: 5px 0; }
form.form_1 input{ border: 1px solid #ddd; padding: 3px; }

form.form_2{ width: 480px; margin: 0 auto; }
form.form_2 fieldset{ border: none; }
form.form_2 label{ display: inline-block; width: 100px; vertical-align: top;}
form.form_2 input{ margin: 5px 0; }
form.form_2 input{ border: 1px solid #ddd; padding: 3px; width: 300px; }
form.form_2 textarea{ border: 1px solid #ddd; color: #666; font-size: 12px; padding: 3px; width: 300px; }
form.form_2 input#submit{ margin: 5px 0 0 312px; width: 100px;}

table.striped{ border-collapse: collapse; }
table.striped tr.a{ background: #eee;}
table.striped tr td{ padding: 10px;}

table.rates{ width: 660px; text-align: center;}
