html {
    padding:0;
    color:#555555;
    background-color: #ffffff;
    font-family: "Roboto", sans-serif;
    line-height:1.6;
}
body {
    margin: 0 auto;
    max-width: 45rem;
    color:inherit;
    background-color:inherit;
}
main {
    margin: 0 1rem;
    max-width: 43rem;
    color:inherit;
    background-color:inherit;
}
header {
    margin-bottom:2rem;
}
section.feature     { border-radius:0.5rem; padding-bottom:2rem;}
section.feature h1  { margin-left:0.5rem; margin-right:0.5rem; }

p                   { margin-left:0.5rem; margin-right:0.5rem; }
strong.pop          { margin-left:0.5rem; margin-right:0.5rem; display:block; font-size:1.2rem; }
strong.pop a:after  { content:' >>'; }
ul                  { margin-bottom:2rem; display:block;}

span[itemprop="itemOffered"] {display:block;}
span[itemprop="itemOffered"]>strong {display:block;}

/********************
* Page Banner       *
********************/
banner      { position:relative; }
banner div  { position:absolute; z-index:-1; }
banner img  { display:block; width:100%; }

/************************
* Highlighted text      *
************************/
strong { color:#024189; background-color:inherit; }
.name1 { color:#024189; background-color:inherit; }
.name2 { color:#ff8402; background-color:inherit; }

/****************************
* Page navigation and links *
****************************/
nav             { color:inherit;   background-color:#e5e5e5; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; max-width:43rem; padding:1rem; font-size:1.4rem; font-weight:800; margin-bottom:2rem; }
nav a           { color:#024189; background-color:inherit;   border-bottom:3px  solid #024189; text-decoration:none; }
nav a:visited   { color:#024189; background-color:inherit;   border-bottom:3px  solid #024189; text-decoration:none; }
nav a:hover     { color:#f35001; background-color:inherit;   border-bottom:3px dotted #f35001; outline:none; }
nav a:focus     { color:#f35001; background-color:inherit;   border-bottom:3px dotted #f35001; outline:none; }
nav a#active    { color:#f35001; background-color:inherit;   border:0; }
a,a:visited     { color:#024189; background-color:inherit;   border-bottom:2px  solid #024189; text-decoration:none; }
a:hover,a:focus { color:#f35001; background-color:inherit;   border-bottom:2px dotted #f35001; outline:none; }

/************************
* Page footer and links *
*************************/
footer              { color:#e5e5e5; background-color:#024189; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; max-width:43rem; padding:1rem; font-size:0.8rem;  margin-top:2.5rem; }
footer h2           { color:#e5e5e5; background-color:inherit; font-weight:500; padding:0; }
footer p            { color:inherit; background-color:inherit; margin: 1rem 0 0 0; }
footer a            { color:#e5e5e5; background-color:inherit; border-bottom:2px solid #e5e5e5; margin-right: 1rem;}
footer a:visited    { color:#e5e5e5; background-color:inherit; border-bottom:2px solid #e5e5e5; }
footer a:hover      { color:#ea7235; background-color:inherit; border-bottom:2px dotted #ea7235; }
footer a:focus      { color:#ea7235; background-color:inherit; border-bottom:2px dotted #ea7235; }

/************************
* Page headings         *
************************/
h1,h2,h3 { color:#024189; background-color:inherit; }
h1       { line-height: 1.2; }
h2       { padding:0 0.5rem; }
h3       { margin: 1em 0.5rem -0.75rem 0.5rem; }
h4       { margin:0 0.5rem -1rem 1.5rem; }
h4~ul    { margin-bottom:1rem; }
h4~ul li { margin-bottom:0.25rem; }

/************************
* Home page only        *
************************/
section#intro             { color:inherit; background-color:#f6f6f6;   border:1px solid #e5e5e9; font-size:1.2rem; }
section.feature           { color:inherit; background-color:#fcfcfc;   display:block; width:100%;  border:1px solid #eeeeee; margin-bottom:2rem; }
section.feature header h2 { color:#ffffff; background-color:#024189; margin:0; padding:1rem; font-weight:400; text-align:left; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }

p,ul  {
    color:#555555;
    background-color:inherit;  
}
li {
    margin-bottom:0.5rem;
}
img             { width:100%; }
img.ProfilePic  { width:33.2%; margin-left:5%; float:right; }

/************************
* Form page only        *
************************/
form            { display:block; color:inherit; background-color:#fcfcfc; border:1px solid #eeeeee; margin:1.5rem 0.5rem; padding:1.5rem 0.5rem; border-radius:0.5rem; }
label           { display:block; color:#024189; background-color:inherit; margin-bottom:1rem; }
label span      { display:inline-block; width:6rem; font-weight:600; vertical-align: top; }
input, textarea { width:20rem;padding:0.5rem; }
button          { color:#fcfcfc; background-color:#024189; font-weight:600; padding:0.5rem; border-radius:0.5rem; border:0;}
button:hover    { color:#fcfcfc; background-color:#f35001; }

/********************
* Email obfuscation *
*********************/
.e-mail:before { content: attr(data-website) "\0040" attr(data-user); unicode-bidi: bidi-override; direction: rtl; }