body
{
font-family: "Arial", sans-serif;
color: black;
background: rgb(245,245,245);
margin: 0
}
table
{
border-spacing: 0
}
p
{
line-height: 1.6;
margin: 0;
text-align: justify;
text-justify: inter-word
}
p.footnote
{
font-size: small;
color: rgb(105,105,105);
}
p.footnoteForList
{
font-size: small;
color: rgb(105,105,105);
padding-top: 15px;
padding-bottom: 15px;
padding-left: 10px;
padding-right: 10px;
}
h1
{
margin: 0
}
ul
{
padding: 0;
margin: 0
}
ul.myList
{
list-style-position: outside;
padding-left: 40px;
padding-right: 20px;
}
ul.homeList
{
list-style-position: outside;
padding-left: 100px;
padding-right: 100px;
margin-bottom: 10px;
list-style-type: '\2713';
}
ul.homeList2
{
list-style-position: outside;
padding-left: 50px;
padding-right: 50px;
margin-bottom: 10px;
list-style-type: '\2713';
}
li
{
margin-top: 15px;
padding-left: 8px;
}
ul.homeList > li
{
padding-left: 20px;
margin-top: 10px;
}
button.button1
{
border: none;
background-color: #01579B;
color: white;
font-size: 1.15em;
text-align: center;
text-decoration: none;
border-radius: 15px;
padding: 15px 70px;
margin-top: 25px;
margin-bottom: 20px;
cursor: pointer
}
button.buttonClose
{
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px
}
header
{
background: white;
width: 100%;
border-bottom: 5px solid #0277BD
}
header > h1
{
font-size: 3em;
margin-top: 6px;
text-align: center
}
header > h1 > a
{
color: #0277BD;
text-decoration: none;
}
header > div
{
font-size: 0.65em;
text-align: right;
margin-bottom: 2px;
margin-right: 5px
}
#topBar
{
width: 100%;
background: #01579B;
font-size: 1.15em
}
#topBar > tbody > tr >  th
{
padding-top: 8px;
padding-bottom: 8px
}
#topBarHome
{
text-decoration: none;
color: white
}
#topBarTheory
{
text-decoration: none;
color: white
}
#topBarVideos
{
text-decoration: none;
color: white
}
#topBarProducts
{
text-decoration: none;
color: white
}
#topBarAbout
{
text-decoration: none;
color: white
}
#topBarBlog
{
text-decoration: none;
color: white
}
footer
{
width: 100%;
background: #01579B;
color: white
}
footer > table
{
font-size: 0.8em;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
color: white;
text-align: center
}
footer > div
{
font-size: 0.65em;
background: #0277BD;
padding-top: 3px;
padding-bottom: 3px;
text-align: center
}
body
{
display: flex;
flex-flow: column;
height: 100%
}
main
{
flex-grow: 1
}
a.footerLink
{
text-decoration: none;
color: white
}
table.contour
{
padding: 50px;
width: 100%
}
table.contour > tbody > tr >  td
{
padding: 0px;
background: white;
border-width: 5px;
border-style: solid;
border-color: rgb(228,228,228);
border-radius: 10px
}
table.contour > tbody > tr >  td > h1
{
font-size: 1.15em;
padding: 20px
}
table.contour > tbody > tr >  td > p
{
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px
}
table.contour > tbody > tr >  td > p.first
{
padding-top: 20px
}
table.contour > tbody > tr >  td > p.title
{
padding-top: 20px;
padding-bottom: 10px;
font-size: x-large;
font-weight: bold;
text-align: center;
color: #01579B;
}
table.contour > tbody > tr >  td > table
{
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px
}
hr.forContouredCell
{
border-top: 1px solid rgb(228,228,228);
margin-left: 20px;
margin-right: 20px;
margin-bottom: 0px;
margin-top: 0px;
}
td.blogItemDate
{
padding-left: 20px;
padding-top: 0px;
padding-bottom: 10px;
padding-right: 10px;
width: 20%;
color: #01579B;
font-weight: bold;
}
td.blogItemDate > p
{
text-align: right;
}
td.blogItemText
{
padding-left: 10px;
padding-top: 0px;
padding-bottom: 10px;
padding-right: 20px;
width: 80%
}
td.blogItemText > p
{
text-align: justify;
}
table.contour > tbody > tr >  td > table.blogTable
{
margin: 0px;
}
form
{
padding-left: 30px;
padding-right: 20px;
}
hr.forHtmlForms
{
border-top: 1px solid rgb(228,228,228);
margin-left: -10px;
margin-right: 20px;
margin-bottom: 0px;
margin-top: 0px;
}
label.h2_2
{
line-height: 2.2
}
p.footnoteForm
{
font-size: small;
color: rgb(105,105,105);
margin-top: 8px;
margin-left: 10px
}