/* CSS Document */
body{
margin:0; padding:0;
font-family: Verdana, sans-serif;
color: white;
}

.container{
width: 1000px;
margin: 0 auto;
padding: 0px;
}

/* Header ---------------------------------------- */
#header{
background-image: url('images/header.jpg');
background-repeat:repeat-x;
background-color: #8E1720;
height: 98px;
}

#header ul{
margin: 0; 
padding:50px 0 0 0;
}

#header ul li{
display: inline;
margin:0 30px;
}

#header ul a{
color: white;
font-size: 16px;
text-decoration:none;
font-weight: bold;
padding-bottom: 3px;
border-bottom: 2px solid #F4EA76;
}

#header ul a:hover, #header ul a:active{
color: #F4EA76;
}

/* Main --------------------------  */
#main{
background-color: #A32B2E;
height: 430px;
}

#title{
margin: 0 auto;
padding-top: 40px;
text-align: center;
}

h1{
font-size: 18px;
font-weight: bold;
display: inline;
}

b{
color: #8DC63F;
}

#subtitle{
font-size: 14px;
font-weight: bold;
width: 800px;
margin: 0 auto;
padding-top: 30px;
text-align: center;
}
/* Content------------------- */

#content{
/*background-color: grey;*/
}

#content_text{
color: white;
font-size: 14px;
font-weight: bold;
font-family: Verdana, sans-serif;
width: 800px;
margin: 0 auto;
line-height: 30px;
}

#sup{
width: 260px;
height: 150px;
float:left;
margin: 0 30px;
margin-left: 20px;
position: relative;
color: white;
font-size: 14px;
font-weight: bold;
font-family: Verdana, sans-serif;
}

#enter{
width: 300px;
height: 180px;
border: 1px solid #EDF216;
float:left;
margin: 0 10px;
margin-top: 8px;
color: white;
font-size: 14px;
font-weight: bold;
font-family: Verdana, sans-serif;
position: relative;
line-height: 40px;
}

#res{
width: 300px;
height: 150px;
float:left;
margin: 0 10px;
position: relative;
color: white;
font-size: 14px;
font-weight: bold;
font-family: Verdana, sans-serif;
}

input{
margin: 5px;
}

.field{
width: 130px;
border: 2px solid #EDF216;
height: 22px;
background-color: white;
color: #5B1A20;
font-weight: bold;
}

.button{
background-color: #CCC31D;
border: 2px solid #B5A61C;
color: white;
font-size: 14px;
font-weight: bold;
text-align: center;
width: 135px;
font-family: Verdana, sans-serif;
}

.txt_error{
color: #F9ED32;
font-weight:bold;
font-size: 14px;
width: 500px;
line-height: 20px;
}

#up{
position:relative;
float: left;
width: 650px;
height: 240px;
}


#txt_high, #txt_low, #txt_close, #high, #low, #close, #calculate, #clear,
#sup_1, #sup_2, #sup_3, #field_sup_1, #field_sup_2, #field_sup_3,
#res_1, #res_2, #res_3, #field_res_1, #field_res_2, #field_res_3,
#txt_excla, #txt_excla_num{
position: absolute;
}

/* enter-up stuff-------------------------*/
#txt_high, #high{
top: 14px;
}

#txt_low, #low{
top: 54px;
}

#txt_close, #close{
top: 94px;
}

#calculate, #clear{
top: 140px;
}

#txt_high, #txt_low, #txt_close{
left: 30px;
}

#high, #low, #close{
left: 90px;
}

#calculate{
left: 6px;
}

#clear{
left: 148px;
}

/* sup stuff ----------------------------- */
#sup_1, #sup_2, #sup_3{
/*left: 30px;*/
}

#field_sup_1, #field_sup_2, #field_sup_3{
left: 120px;
}

#sup_1{
top: 33px;
}

#sup_2{
top: 73px;
}

#sup_3{
top: 113px;
}

#field_sup_1{
top: 30px;
}

#field_sup_2{
top: 70px;
}

#field_sup_3{
top: 110px;
}

/*  res stuff --------------------------- */
#res_1, #res_2, #res_3{
}

#field_res_1, #field_res_2, #field_res_3{
left: 130px;
}

#res_1{
top: 33px;
}

#res_2{
top: 73px;
}

#res_3{
top: 113px;
}

#field_res_1{
top: 30px;
}

#field_res_2{
top: 70px;
}

#field_res_3{
top: 110px;
}

#txt_excla, #txt_excla_num{
left: 392px;
}

#txt_excla{
top: 468px;
}

#txt_excla_num{
top: 448px;
}

#result{
padding: 10px;
border: 1px solid #C94151;
width: 200px;
margin: 0 auto;
position: relative;
height: 22px;
}

#txt_result{
color: #F9ED32;
font-size: 14px;
font-weight: bold;
font-family: Verdana, sans-serif;
position:absolute;
top: 12px;
left: 10px;
}

#field_result{
position:absolute;
width: 90px;
top: 8px;
left: 110px;
color: #5B1A20;
font-weight: bold;
}

.middleDiv{
width: 920px;
margin: 0 auto;
font-size: 13px;
}

.middleDiv a{
color: white;
}

/* Footer ------------------------- */
#footer{
background-image: url('images/footer.jpg');
background-repeat:repeat-x;
background-color: #5B1A20;
}

#footer {
font-size: 14px;
}

#beginning{
width: 270px;
float: left;
padding:15px 0 0 0;
}

#footer ul{
margin: 0; 
padding:15px 0 0 0;
float: left;
}

#footer ul li{
display: inline;
margin:0 0 0 20px;
}

#footer ul li a{
color: white;
font-size: 14px;
text-decoration:none;
font-weight: bold;
padding-bottom: 3px;
}

.clear{
clear:both;
}
#copyright{
color: white;
font-size: 14px;
padding-top: 60px;
}

#footer a{
color: white;
font-size: 13px;
text-decoration:none;
}