/* CSS Document */

body
{
width: 970px;
margin-left: auto;
margin-right: auto;
font-family: verdana, arial, sans-serif;
text-align: left;
background-color: rgb(182,182,202);
background-image: url(../image/background.jpg);
background-attachment: fixed;

}
/*
ul
{
list-style-type: none;
}
*/
.page
{
margin-top: 20px;
margin-bottom: 20px;
padding-top: 5px;
background-color: rgb(255,255,255);
border: double #846394;
}

.left
{
float: left;
width: 570px;
margin-left: 40px;
margin-bottom: 10px;
padding: 5px;
border: 1px solid #846394;
font-size: 100%;
}

.left2
{
float: left;
width: 553px;
margin-left: 40px;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 7px;
border: 1px solid #846394;
color: #002040;
font-size: 100%;
}

.right
{
float: right;
margin-right: 40px;
width: 280px;
text-align: center;
font-size: 85%;
border: 1px solid #846394;
margin-bottom: 25px;
color: #002040;
}

.right2
{
float: right;
clear: right;
padding-left: 10px;
padding-right: 7px;
margin-right: 40px;
margin-bottom: 25px;
width: 263px;
text-align: left;
font-size: 85%;
border: 1px solid #846394;
color: #002040;
}

.center
{
clear: both;
padding-left: 15px;
padding-right: 15px;
margin-left: 40px;
margin-right: 40px;
margin-bottom: 10px;
text-align: left;
font-size: 100%;
border: 1px solid #846394;
color: #002040;
}

.formula
{
clear: both;
padding-left: 15px;
padding-right: 10px;
margin-left: auto;
margin-right: auto;
width: 350px;
text-align: center;
font-size: 100%;
border: 1px solid #846394;
/*margin-top: 22px;*/
color: #002040;
background-color: rgb(183,201,171);
}

.return
{
text-align: center;
font-size: 95%;
margin-left: 447px;
margin-right: 447px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #846394;
clear: both;
margin-bottom: 10px;
}

.return0
{
text-align: center;
font-size: 95%;
margin-left: 385px;
margin-right: 385px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #846394;
clear: both;
margin-bottom: 10px;
}

.returnIC
{
text-align: center;
font-size: 95%;
margin-left: 370px;
margin-right: 370px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #846394;
clear: both;
margin-bottom: 10px;
}

.spacer
{
clear: both;
margin-bottom: 30px;
}
	
h1
{
font-size: 165%;
font-weight: normal;
text-align: center;
}

h2
{
font-size: 110%;
/*font-weight: bold;*/
font-weight: bold;
color: #846394;
margin-top: 10px;
margin-bottom: 1px;
}

header
{
margin-top: 8px;
margin-bottom: 10px;
border-top: 2px solid;
border-bottom: 2px solid;
border-color: #846394;
margin-left: 40px;
width: 888px;
}

main
{
text-align: left;
width: 970px;
margin-left: 0px;
}
  
footer
{
clear: both;
text-align: left;
font-size: 70%;
border-top: 2px solid;
border-color: #846394;
margin-top: 10px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 2px;
margin-left: 40px;
margin-right: 40px;
margin-bottom: 10px;
}

.hd_3
{
width: 640px;
height: 360px;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
padding: 20px;
}

a:visited
{
color: #800000; /*#002040;*/
}

a:hover
{
color: #202020;
background-color: #B7AD9E;/*#DAD9C3;*/
/*text-decoration: underline overline;*/
}

.bord
{
border-style: solid;
border-width: 1px;
border-color: #846394;
padding: 5px;
}
/*
td, th
{
color: #202020;
text-align: left;
background-color: white;
padding: 3px;
border: 0px;
}

table
{
color: #202020;
text-align: center;
background-color: #E7E4DF;
margin-left: auto;
margin-right: auto;
border: 1px solid #202020;
border-collapse: collapse;
}
*/
th
{
color: #202020;
text-align: center;
background-color: #E7E4DF;
padding: 4px;
border: 1px solid #202020;
}

td
{
color: #202020;
font-size: 80%;
/*text-align: left;
background-color: #E7E4DF;*/
padding: 4px;
border: 1px solid #202020;
}

strong
{
font-style: inherit;
background-color: rgb(255,200,200);
}

em
{
font-style: italic;
background-color: #E7E4DF;
}

.button{ border : 1px solid #000; margin : 5px 5px 5px 0px; padding : 5px; text-align : center; width : 150px; }
.button:hover { background-color : gray; cursor: pointer;}
.button:focus { border : 1px dotted red; }
.button:active { color : #d4860c; }

.button2{ border : 1px solid #000; margin : 5px 5px 5px 0px; padding : 5px; text-align : center; width : 500px; }
.button2:hover { background-color : gray; cursor: pointer;}
.button2:focus { border : 1px dotted red; }
.button2:active { color : #d4860c; }