@charset "UTF-8";
/* CSS Document */
* {margin: 0; padding: 0;}
body {font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; width: 100%; background-color:#103341;}
#container {width: 960px; height: 0 auto; margin: 0 auto; padding: 10px; background-color:#FFFFFF;}
#banner {background-color:#096887; padding: 10px; height: 120px;}
#sidebar {width: 220px; margin: 10px; float: left;}
#content {width: 710px; margin-left: 220px; padding: 10px 30px;}
#content p {margin-top: 15px;}
#nav {height: 30px; margin: 0;}

#nav ul {background-color:#084F67;}
#nav ul.navbar li {float: left; list-style-type:none; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;  text-transform:uppercase; font-size:13px; }
#nav ul.navbar li a {background-color:#084F67; color: #FFFFFF; border: 1px solid #FFF; padding: 7px 14px; display: block}
#nav ul.navbar li a:hover {background-color:#4D9198; color: #F9F200; }
a.current:visited {background:#E89251; color: #CCC;}
.submenu li {width: 100%;}
#nav ul.navbar li ul.submenu li a {font-size: 14px; border: 0; display: block; }
.navbar a.current:visited {color: #333;}
#nav .current {background:#E89251;}
img { margin: 0 20px 0 5px;}
.fl {float:left; }
.fr {float:right; }
.block {display:inline-block; height: auto;}
.emphasize {font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-weight:bold; text-transform:uppercase; color: white;}
.start {display: block; color: #FFF; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size: 16px; }
  .start a {color: #FFF; display: block;width: 120px; padding: 5px; text-align:center; border-radius:7px; float: right; margin-right: 15px;
  background: -webkit-linear-gradient(#85b4cc, #065378); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#85b4cc, #065378); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#85b4cc, #065378); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#85b4cc, #065378); /* Standard syntax */}
  .start a:hover {color: #EDE410;
  background-color: -webkit-linear-gradient(#D2F5F6, #0D6693); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#D2F5F6, #0D6693); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#D2F5F6, #0D6693); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#D2F5F6, #0D6693);
}
#title {height: 90px;}
img.intro-img {margin: 0; background-color:#FFFFFF; padding: 15px 30px 0 30px; border-radius:0.7em;}
img.lesson-img {margin: 10px 0 0 10px; float:left;}
h1 {color:#EEF509; font-family: Verdana, Geneva, 'Maven Pro';}
h2 {width: 87%; margin-left: 100px; margin-top: 10px; padding: 35px 10px 5px 10px; color: #564E0E; text-transform:uppercase; font-size: 1.9em; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; border-bottom:dotted 2px #60490A; }
h2.noimg {margin:10px 0 0 0; width:96%; padding: 5px 30px 5px 10px; color:#76390B; text-transform:uppercase; font-size: 1.7em; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; border-bottom:dotted 2px #60490A; }
h3 {padding: 5px 10px; background-color:#5598AB; color: white; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; }
h4 {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:1.2em; color:#60490A; padding: 15px 10px 10px 10px; border-bottom:dotted 2px #60490A; }
.toc {display: block;}
.toc li {text-decoration:none; list-style-type: none; padding-left: 10px;line-height: 2em; background-color:#DDF294; border: solid 1px white; font-family: Verdana, Geneva, 'Maven Pro';}
ul.learn-obj li {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; list-style-type: square; line-height: 1.5em; margin-left: 40px; margin-top: 10px; }
ol.margin li {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; list-style-type: square; line-height: 1.5em; margin-left: 40px; list-style-type:decimal;}
ol.margin li li {list-style-type:disc;}
p {line-height: 1.7em; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; }
p.by {color: #FFFFFF;}
#sidebar a {text-decoration:none; color: #333;}
a {text-decoration:none;}
a li:hover {background-color:#A6DEEF; color:#315706;}
a li:visited {background-color:#A6DEEF; color:#FFFFFF;}
a.anchor {float:right; overflow: hidden; color: #0F4BE7;}
a {color:#EE5909;}
a:hover {color:#0E65B0;}
table {color: #FFF; }
th {background-color:#5598AB; color: #FFF;}
td {padding: 8px;}
#nav ul.navbar {
position: relative;
display: inline-table;}
.navbar:after {display:block; clear:both;}

/*----- Top Level -----*/
#nav > ul > li {
    float:left;
    display:inline-block;
    position:relative;
    font-size:15px;
}
 
#nav > ul > li > a {
    padding:5px 0;
    display:inline-block;
    text-shadow:0px 1px 0px rgba(0,0,0,0.4);
}
/*----- Bottom Level -----*/
#nav li:hover .submenu {
    z-index:5;
    opacity:1;
}
 
.submenu {
    width:100%;
    padding:0px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#084F67;
}
 
.submenu li {
    display:block;
    font-size:16px;
	
}
 
.submenu li a {
    padding:2px;
	/*margin-bottom: 5px;*/
    display:block;
}
 
.submenu li a:hover, .submenu .current-item a {
    background:#084F67;
	
}
.submenu li a:visited, .submenu .current-item a {
    background:#E89251;
	
}
#footer {display: block; background-color:#084F67; text-align: right; color: #FFFFFF; margin: 0; padding: 15px 25px; font-size: 1em; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}