ul.lecturepath {
    margin:0px;
    left:0px;
    padding-bottom:15px;
}
ul.lecturepath li {
    font-size:16px;
    display: inline;
    padding-right: 5px;
    padding-left: 5px;
}
ul.lecturepath li a {
    text-decoration: none;
}
li.subject_list  {
    list-style-type: none;
    font-size: 300%;
    text-shadow: 4px 4px #BBBBBB;
}
a.subject_list  {
    text-decoration: none;
}

h1.page_title {
    text-align:center;
    align-content:center;
}

.subject_title {
    font-size:24px;
}

.span2 {
    width="180px";
}
#header {
    margin-top:0px;
}
#main {
    align-content:center;
    text-align:center;
    width:900px;
}
.main .row {
    width:1015px;
}
img.borderless{
    border:0px;
}
div.container {
    margin-left:auto;
    margin-right:auto;
    width:900px;
}

a.small_lecturebox, a.small_lecturebox:hover, a.small_lecturebox:visited{
    text-decoration:none;
}

img.thumbnail_small {
    width:175px;
    border:none;
    padding-right:10px;
}

table.lecturebox{
    border:0px;
    padding:0px;
    width:100%;
    align-content:center;
}
table.lecturebox td{
    width:450px;
    height:200px;
    padding:0px;
    border:0px;
}
a.lecturebox, a.lecturebox:hover, a.lecturebox:visited{
    text-decoration:none;
}
div.lecturebox {
    width:450;
    height:300px;
    text-align:center;
    line-height:270px;
    font-size:48px;
    font-weight:900;
    font-family:"Ariel Black",Gadget,sans-serif;
}
h1.donate, p.donate {
    color:#050505;
    font-family:verdana, Serif;
    font-style: italic;
}
table.donate {
    border:0px;
    padding:0px;
    width:100%;
}
table.donate th{
    border:0px;
    padding:0px;
    width:100%;
    text-align:center;
    align-content:center;
}
table.donate td {
    width:341px;
    padding:0px;
    border:0px;
    text-align:center;
    align-content:center;
}
.alignleft {
    align-content:left;
    text-align:left;
}
ul.searchlist {
    width:640px;
    list-style-type:none;
    padding:0px;
    margin:0px auto;
}ul.searchlist li{
}

ul.medium_width_list {
    width:960px;
    margin:0px auto;
    text-align: left;
}
ul.medium_width_list li{
    list-style-type: none;
    margin-left:0;
}
ul.leftalignlist {
    text-align:left;
    margin-left:0;
}
ul.leftalignlist li{
    list-style-type: none;
}


ul.dropdown-menu li{
    color:black;
    text-align:left;
}
a.dropdown-toggle {
    color:#fba90a;
}
body > div.navbar.navbar-inverse > div.navbar-inner > div > div > ul > li.web2py-menu-first:hover {
    color:#fba90a;
}
body > div.navbar.navbar-inverse > div.navbar-inner > div > div > ul > li:hover {
    color:#fba90a;
}
body > div.navbar.navbar-inverse > div.navbar-inner > div > div > ul > li.web2py-menu-last:hover {
    color:#fba90a;
}

.navbar-inverse .brand, .navbar-inverse .nav li a:hover{
    color:#fba90a;
}

.navbar-inverse .nav li.dropdown.open>.dropdown-toggle,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle{color:#fba90a;background-color:inherit;}

.navbar .navbar-inner{
  border:0px;
  background-color: #5a94ca; /* fallback color, place your own */

  /* Gradients for modern browsers, replace as you see fit */
  background-image: -moz-linear-gradient(top, #5a94ca, #396a97);
  background-image: -ms-linear-gradient(top, #5a94ca, #396a97);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5a94ca), to(#396a97));
  background-image: -webkit-linear-gradient(top, #5a94ca, #396a97);
  background-image: -o-linear-gradient(top, #5a94ca, #396a97);
  background-image: linear-gradient(top, #5a94ca, #396a97);
  background-repeat: repeat-x;

  /* IE8-9 gradient filter */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a94ca', endColorstr='#396a97', GradientType=0);
}

.navbar .container{
  background-color: #5a94ca; /* fallback color, place your own */

  /* Gradients for modern browsers, replace as you see fit */
  background-image: -moz-linear-gradient(top, #5a94ca, #396a97);
  background-image: -ms-linear-gradient(top, #5a94ca, #396a97);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5a94ca), to(#396a97));
  background-image: -webkit-linear-gradient(top, #5a94ca, #396a97);
  background-image: -o-linear-gradient(top, #5a94ca, #396a97);
  background-image: linear-gradient(top, #5a94ca, #396a97);
  background-repeat: repeat-x;

  /* IE8-9 gradient filter */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a94ca', endColorstr='#396a97', GradientType=0);
}

/* beautify brand */
.navbar {margin-bottom:0}
.navbar-inverse .brand{color:white;}
.navbar-inverse .brand b{display:inline-block;margin-top:-1px;}
.navbar-inverse .brand b>span{font-size:22px;color:white}
.navbar-inverse .brand:hover b>span{color:#fba90a;}
/* beautify web2py link in navbar */
span.highlighted{color:#d8d800;}
.open span.highlighted{color:white;}
.navbar-inverse .brand, .navbar-inverse .nav li a{
    color:white;
}
.navbar-inverse .brand, .navbar-inverse .nav li a{
    color:white;
}
.navbar-inverse .brand {
    color:white;
}
.navbar-inverse .nav .dropdown-menu li a{
    color:black;
}

/* Search */
div.search_container{
    width:450px;
    border:none;
    position:relative;
    margin:0px auto;
}
input.search {
    background: #194a77;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:6px;
    font-family: 'Ariel';
    font-size: 20px;
    color:#fba90a;
    text-shadow:none;
}
input.search:hover {
    background:#3a74aa;
    box-shadow: 1px 1px 2px #575757;
    color:white;
}
div.search_list {
    background:white;
    width:380px;
    position:absolute;
    top:33px;
    left:65px;
    text-align:left;
}

/* Animated Switcher */

div.switcher {
    background-color: white;
    background-image:url(/ilectureonline/static/images/scrolling1.png);
    width:577px;
    height:330px;
    -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 15s; /* Chrome, Safari, Opera */
    animation-name: example;
    animation-duration: 15s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    0%   {background-position: 0px 0px}
    20%  {background-position: -577px 0px}
    40%  {background-position: -1154px 0px}
    60%  {background-position: -1731px 0px}
    80%  {background-position: -2308px 0px}
    100% {background-position: -2885px 0px}
}

/* Standard syntax */
@keyframes example {
    0%   {background-position: 0px 0px}
    20%  {background-position: -577px 0px}
    40%  {background-position: -1154px 0px}
    60%  {background-position: -1731px 0px}
    80%  {background-position: -2308px 0px}
    100% {background-position: -2885px 0px}
}