/*
Style sheet for IT-270 Assignment 7-4.
Author: Jared Cobb
Date: 8/29/15
*/

@import url(https://fonts.googleapis.com/css?family=Crimson+Text:400,700);

/* body style */
body {
   font-family: "Crimson Text", sans-serif;
   background: url(1789957.jpg) no-repeat center center;
   background-size: cover;
   background-attachment: fixed;
}

/* Style for removable div */
#notif {
   background: hsla(57, 85%, 36%, 1);
   width: 100%;
   height: 5%;
   text-align: center;
   border: 5px outset hsla(57, 85%, 36%, 1); 
   margin-bottom: 10px;
}

#notif h1 {
   font-size: 1.5em;
}

#notif p {
   font-size: 1.1em;  
}

#divhide * {
   font-size: 0.85em;  
}

/* style for left nav */

#leftNav {
   display: block;
   float: left;
   height: 358px;
   width: 150px;
   font-size: 0.92em;
   background-color: hsla(216, 0%, 95%, 1);
   padding-top: 1px;
   border: 8px outset hsla(216, 0%, 80%, 1);
   text-align: center;
   margin-right: 10px;
   margin-bottom: 15px;
   border-radius: 15px;
}

#leftNav h1 {
   font-style: italic;
}

#leftNav li:not(:last-of-type) {
   list-style: none;
   margin-top: 0px;
   text-align: left;
   border-bottom: 2px solid hsla(57, 0%, 40%, 1);
   margin-left: -40px;
   padding: 10px;
}

#leftNav li:last-of-type {
   list-style: none;
   margin-top: 0px;
   text-align: left;
   margin-left: -40px;
   padding: 10px;
}

#leftNav li:first-of-type {
   border-top: 2px solid hsla(57, 0%, 40%, 1)
}

#leftNav li a {
   text-decoration: none;
   font-weight: bold;
   color: black;
}

#leftNav li:hover a {
   color: white;
}

#leftNav li:hover {
   background-color: gray;
}

/* title style */

.title {
   margin-right: 150px;
   text-align: center;
   font-style: italic;
}

/* general & em text style */

p.general {
   margin-left: 75px;
}

em {
   text-decoration: underline;
   font-style: normal;
}

/* Footer style */

footer {
   text-align: center;
}

.footerCopy {
   font-style: italic;
   clear: both;
   border-top: double 4px black;
   padding-top: 10px;
}

/* Table styles */

#tables {
   margin: 0px auto;
   width: 360px;
}

table.accounts {
   border: 2px double gray;
   margin: 30px;
   width: 300px;
}

table.accounts td {
   border: 1px solid gray;
   padding: 3px;
}

thead {
   font-weight: bold;
}

table.accounts td:nth-of-type(2) {
     text-align: right;
}

/* About Us Goals */

p.goals {
   text-align: left;
   font-weight: bold;
   clear: both;
}

#goals {
   width: 400px;
   margin: 0 auto;
   padding: 10px;
   border: 3px solid gray;
   border-radius: 8px;
}

/* Contact Form Styles */
#contact {
   width: 480px;
   margin: 0 auto;
}

label {
   display: block;
}

input:invalid {
   background-color: hsla(360, 100%, 50%, 0.10);  
}

/* Feedback form styles */

#feedback {
   width: 480px;
   margin: 0 auto;
}

/* video styles */
.iframes {
   text-align: center;
   clear: both;
}

.iframes iframe {
   margin-bottom: 40px;
   margin-top: 40px;
}

/* Webinar TOC */
#tochead {
   text-align: center;
   margin-right: 150px;
}

#toc {
   text-align: center;
   margin-right: 150px;
   list-style: none;
   font-weight: bold;
}

#toc a {
   color: gray;
   font-size: 1.2em;
}

a.topper {
   color: gray;
   text-decoration: none;
   font-weight: bold;
}