/* CSS Document */

body
{
background-color: hsl(270,18%,80%);
background-image: url(../img/int4.jpg);
background-attachment: fixed;
}

.page
{
width: 970px;
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
line-height: 1.5em;
word-spacing: 1px;
text-align: left;
color: #002040;
padding-top: 5px;
border: double #669;
margin-top: 20px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
background-image: url(../img/bak.jpg);
}

header
{
width: 890px;
border-top: 2px solid;
border-bottom: 2px solid;
border-color: #669;
margin-top: 8px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
background-color: rgba(215, 215, 215, .5);
text-shadow: 2px 2px 2px #669;/*rgba(215, 215, 205, .9);*/
}

.left
{
float: left;
width: 570px;
margin-top: 5px;
margin-left: 40px;
margin-bottom: 10px;
border: 1px solid #669;
font-size: 100%;
background-color: hsla(85,75%,93%,.67);
border-radius: 10px;
}

.left2
{
float: left;
width: 540px;
margin-top: 5px;
margin-left: 40px;
margin-bottom: 10px;
padding: 0 15px 10px 15px;
border: 1px solid #669;
color: #002040;
font-size: 100%;
border-radius: 10px;
}

.center ul
{
margin: 0 0 0 -10px;
}

.left ul
{
list-style-type: none;
}

.right
{
float: right;
width: 240px;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 5px;
margin-right: 40px;
margin-bottom: 25px;
text-align: center;
font-size: 85%;
border: 1px solid #669;
border-radius: 10px;
color: #002040;
background-color: hsla(85,75%,93%,.67);
}

.right2
{
float: right;
clear: right;
padding-left: 16px;
padding-right: 7px;
padding-top: 5px;
margin-right: 40px;
margin-bottom: 25px;
width: 257px;
text-align: left;
font-size: 85%;
border: 1px solid #669;
color: #002040;
border-radius: 10px;
background-color: hsla(85,75%,93%,.67);
}

.right3
{
float: right;
clear: right;
padding: 13px 0 7px 2px;
margin-right: 141px;
width: 71px;
text-align: center;
border: 1px solid #669;
color: #002040;
border-radius: 10px;
background-color: hsla(85,75%,93%,.67);
}

.center
{
clear: both;
width: 858px;
padding: 15px 15px 15px 15px;
border: 1px solid #669;
border-radius: 10px;
margin-top: 5px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
}

.center2
{
clear: both;
font-size: 14px;
width: 800px;
padding-left: 14px;
padding-right: 14px;
padding-bottom: 5px;
border: 1px solid #669;
border-radius: 10px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
}

.dcol 
{
width: 858px;
margin: 0 auto 5px auto;
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
-webkit-column-gap: 18px; /* Chrome, Safari, Opera */
-moz-column-gap: 18px; /* Firefox */
column-gap: 18px;
}

.tcol 
{
width: 858px;
margin: 0 auto 5px auto;
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-count: 3;
-webkit-column-gap: 18px; /* Chrome, Safari, Opera */
-moz-column-gap: 18px; /* Firefox */
column-gap: 18px;
}

.lcol
{
float: left;
width: 420px;
margin-bottom: 5px;
}

.rcol
{
float: right;
width: 420px;
margin-bottom: 5px;
}

.lcol2
{
float: left;
width: 444px;
margin-bottom: 5px;
margin-left: -15px;
}

.rcol2
{
float: right;
width: 444px;
margin-right: -15px;
margin-bottom: 5px;
}

p
{
padding: 0;
margin: 0 0 5px 0;
}

figcaption
{
font-family: arial, sans-serif;
text-align: center;
font-size: 10px;
line-height: 1.35em;
}

footer
{
clear: both;
font-size: 70%;
width: 860px;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 2px;
border-top: 2px solid #669;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
color: inherit;
}

div.note
{
font-size: 12px;
line-height: 16px;
}

p.note
{
padding: 0;
margin: 0;
}

.def, .prop, .rem, .gen, .ex1, .ex2
{
border: 1px solid #669;
padding: 5px 15px 5px 15px;
margin: 10px 0 10px 0;
}

.prop
{
background-color: hsla(348,40%,90%,.67);
}

.rem
{
background-color: hsla(60,50%,95%,.67);
}

.def
{
background-color: hsla(132,30%,90%,.67);
}

.ex1
{
background-color: hsla(204,50%,93%,.67);
}

.ex2
{
background-color: hsla(276,20%,93%,.67);
}

.top
{
border-top: none;
padding-top: 5px;
margin-top: 0;
}

.bot
{
border-bottom: none;
padding-bottom: 5px;
margin-bottom: 0;
}

.text
{
padding: 0;
}

.def h3, .prop h3, .rem h3
{
background-color: none;
background: none;
padding-bottom: 0;
margin-bottom: 0;
}

.h3
{
font-size: 95%;
font-weight: bold;
color: #558;
}

.prop ol
{
padding-top: 0;
padding-left: 25px;
margin-top: 0;
}

.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 #669;
clear: both;
margin-bottom: 10px;
background-color: hsla(85,75%,93%,.67);
border-radius: 10px;
}

.return0
{
text-align: center;
font-size: 95%;
width: 200px;
padding: 5px;
border: 1px solid #669;
clear: both;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
background-color: #ddd;
background-color: hsla(85,75%,93%,.67);
border-radius: 10px;
}

.formula
{
clear: both;
padding: 5px;
margin: 5px auto 5px auto;
width: 200px;
text-align: center;
font-size: 100%;
border: 1px dotted #669;
/*margin-top: 22px;*/
color: #002040;
background-color: hsla(60,33%,90%,.67);
}

.spacer
{
clear: both;
margin-bottom: 15px;
}

.note
{
}

a.note
{
text-decoration: none;
border: 1px dotted #669;
border-radius: 3px;
}

.bnav
{
text-align: center;
font-size: 90%;
margin-top: 15px;
/*margin-bottom: 15px;*/
}

.bnav a
{
float:left;
padding-top: 3px;
padding-bottom: 3px;
border: 1px solid #669;
background-color: #ddd;
background-color: rgba(221,221,221,.8);
border-radius: 10px;
}

.prev
{
margin-left: 261px;
width:153px;
}

.up
{
margin-left: 30px;
width:78px;
}

.next
{
margin-left: 30px;
width:153px;
}
	
h1
{
font-family: inherit;
font-size: 175%;
font-weight: normal;
text-align: center;
}

h2
{
font-size: 110%;
font-weight: bold;
color: #669;
text-shadow: 2px 2px 1px lightgray;/*rgba(215, 215, 205, .9);*/
padding: 10px 15px 5px 15px;
margin: 15px -15px 0px -15px;
background: rgba(215, 215, 205, .9); /* For browsers that do not support gradients */
background: -webkit-linear-gradient(rgba(215, 215, 205, .9), rgba(215, 215, 205, 0)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(rgba(215, 215, 205, .9), rgba(215, 215, 205, 0)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(rgba(215, 215, 205, .9), rgba(215, 215, 205, 0)); /* For Firefox 3.6 to 15 */
background: linear-gradient(rgba(215, 215, 205, .9), rgba(215, 215, 205, 0)); /* Standard syntax */
clear: both;
/*border: 1px dotted #669;*/
}

.center>h2:first-child
{
border-top: none;
padding-top: 15px;
margin-top: -15px;
border-radius: 9px 9px 0 0;
}

.left h2
{
font-size: 110%;
font-weight: bold;
color: rgb(91,155,213);
color: #669;
margin: 8px 30px 2px -15px;
background: none;
text-shadow: none;
}

h3
{
font-family: Verdana, Arial, sans-serif;
font-size: 95%;
/*font-weight: bold;*/
font-weight: bold;
color: #444466;
padding: 5px 0 5px 5px;
margin: 10px 0 0 -5px;
margin-bottom: 1px;
background-color: lavender;
background: -webkit-linear-gradient(left, rgba(230,230,250,1), rgba(230,230,250,0)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, rgba(230,230,250,1), rgba(230,230,250,0)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, rgba(230,230,250,1), rgba(230,230,250,0)); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, rgba(230,230,250,1), rgba(230,230,250,0)); /* Standard syntax*/
}

.pdf_link
{
background-color: hsla(60,75%,50%,.67);
padding: 2px 4px;
border: 1px dashed #669;
}

mark
{
background-color: hsla(60,75%,50%,.67);
}

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

.hd_6
{
display: block;
width: 320px;
height: 180px;
margin: auto;
}

.vid
{
width: 320px;
margin: 10px auto;
}

.lvid
{
float: left;
margin: 10px auto 10px 70px;
}

.rvid
{
float: right;
margin: 10px 70px 10px auto;
}

.vid figcaption, .lvid figcaption, .rvid figcaption
{
margin-top: 7px;
}

a:hover
{
color: #202020;
background-color: #B7AD9E;/*#DAD9C3;*/
}

table
{
text-align: center;
margin-left: auto;
margin-right: auto;
border: 1px solid #669;
border-collapse: collapse;
}