body {
	color: #001A00;
   background-color: #DDDDEC;
   width: 950px;   
}                   

a:link {color: #006699; text-decoration: underline;}
a:visited {color: #006699; text-decoration: underline;}
a:hover {color: #006699; text-decoration: underline;}
a:active {color: #006699; text-decoration: underline;}

img {
   border: 2px solid #3B2964;
}

ol, ul { 
   margin-left: 2em; 
   list-style-position: outside; 
}

p {
   margin-bottom: 1em;
}

.breakline { 
   width: 100%; 
   height: 1px; 
   font-size: 1px; 
   background-color: #3B2964; 
   margin: 15px 0; 
   padding-bottom: 1px; 
}


/* Menus */
.horizontal_menu {
   width: 100%;
   overflow: hidden;  
   text-align: center;
}
#top_menu {
   border-bottom: 2px solid #DDDDEC;   
}

.horizontal_menu ul {
   margin: 0;
   padding: 0;
   font-family: "Times New Roman", Times, serif;   
   font-size: 21px; 
   list-style-type: none;
}

.horizontal_menu li{
   display: inline;
   margin: 0;
}

.horizontal_menu li a{
   float: left;
   display: block;
   text-decoration: none;
   margin: 0;
   padding: 9px 0; 
   color: #FFF;
   background: #3B2964; 
}

#lesson_menu {
   width: 100%;
   background-color: #3B2964;   
   text-align: left; 
   margin-left: 0;     
}
#lesson_menu li a {
   padding-left: 3px;
   padding-right: 3px;
}

.horizontal_menu li a:visited {
color: #FFF;
}

.horizontal_menu li a:hover, .horizontal_menu li.selected a{
   color: #3B2964;
   background: #FECB1B; 
}

#btnIntro { width: 195px; }
#btnLessons { width: 165px; }
#btnConclusion { width: 200px; }
#btnJournal { width: 225px; }
#btnLogout { width: 165px; }

#lblLesson { 
   width: 130px; 
   text-align: right;
   font-size: 16px;
   font-weight: bold;   
}

.horizontal_menu li a#lblLesson:hover {
   color: #FFF;
}
.horizontal_menu li a.inactive,
.nextback_menu li a.inactive {                                    
   color: #BFBFBF; /* #DDDDEC; */
}

.horizontal_menu li a#lblLesson:hover, 
.horizontal_menu li a.inactive:hover {                                    
   background-color: #3B2964;  
}

/* Back and Next Buttons */
.nextback_menu {
   width: 100%;
   overflow: hidden;  
   text-align: center;
}

.nextback_menu ul {
   margin: 0;
   padding: 0;
   font-family: "Times New Roman", Times, serif;   
   font-size: 17px; 
   font-weight: bold;
 
   list-style-type: none;
}

.nextback_menu li{
   display: inline;
   margin: 0;
}

.nextback_menu li a{
   float: left;
   display: block;
   text-decoration: none;
   margin: 0;
   padding: 5px 16px; 
   color: #FFF;
   background: #3B2964; 
   font-style: normal;     
}

.nextback_menu li a:hover {
   color: #3B2964;
   background: #FECB1B; 
}

.nextback_menu li a.inactive:hover {  
   color: #BFBFBF;                                    
   background-color: #3B2964;  
}

.btnback {
   float: left;    
}

.btnnext {
   float: right;  
}


/* Vertical Menu */
.vertical_menu {
   width: 160px;
   overflow: hidden;  
   text-align: center;   
}

.vertical_menu ul {
   margin: 0;
   padding: 0;
   font-family: "Times New Roman", Times, serif;   
   font-size: 21px;
   list-style-type: none;
}

.vertical_menu li a{
   display: block;
   text-decoration: none;
   margin-bottom: 9px;
   padding: 15px 0; 
   color: #FFF;
   background: #3B2964; 
}

.vertical_menu li a:visited{
   color: #FFF;
}

.vertical_menu li a:hover, .vertical_menu li.selected a{
   color: #3B2964;
   background: #FECB1B; 
}


/* Page layout elements */

#wrapper {
   width: 950px;
   min-height: 400px;
   background-color: #4B4B8B;
}

#sidebar { 
   width: 195px; 
   float: left; 
   padding-top: 20px;
   min-height: 600px;
   text-align: center;   
}

#biglesson {
   color: #DDDDEC;
   font-size: 72px;
   line-height: 72px;
   margin-bottom: 20px;
}

#saladbar {
   width: 755px;
   margin-left: 195px;
   padding-top: 20px;   
}

#saladBar2{
   width: 950px;  
   margin-left: 2px; 
   padding-top: 20px;        
}

#author img {
   width: 150px;
   height: 215px;
   margin-bottom: 20px;
}   

#uniLogo {
   background-color: #4B4B8B; 
   margin: 0;
   padding-top: 20px;
   /*margin-bottom: -6px;      */
   text-align: center;
}

#logo {
   text-align: left;
}

#logo img {
   width: 730px;
   height: 140px;
   margin-bottom: 15px;   
}   

#uniLogo img {
   width: 905px;
   height: 140px; 
}

#courseName, #uniCourseName {
   color: #DDDDEC;
   font-size: 72px;
   line-height: 72px;   
   text-align: center;
   padding: 20px 0 10px 0;     
}

#byName {
   color: #DDDDEC;
   font-weight: bold;
   text-align: center;
   padding-bottom: 36px;   
}

#bybyName {
   font-weight: normal;
   font-style: italic;
}

#workzone, #workzone2 {
   color: #000;
   background-color: #FFF;
   width: 753px;
   min-height: 405px;
   padding-bottom: 1em;
   border-right: 2px solid #3B2964;
}
#workzone2 {
   width: 906px;
}

#pageTitle {
   margin-bottom: 20px; 
   font-size: 28px;
   line-height: 28px; 
   text-align: center; 
   color: #3B2964; 
   font-variant: small-caps;
   padding: 3px 0;
}

#content {
   padding: 0 20px;
   text-align: left;
   font-size: 13pt;
}

#content ul, #content ol {
   /*font-style: italic;*/
}

#content .comingsoon {
   font-weight: bold;
   margin: 2em;
}
.subheader, .lessonName { 
   font-size: 21pt; 
   color: #3B2964; 
}

.quote { 
   font-style: italic; 
   color: #4B4B8B; 
   text-align: center;
   margin-bottom: 1em;
}

.textbox, .lessonActivity { 
   border: 2px solid #3B2964; 
   background-color: #DDDDEC; 
   margin: 1em 20px 2em 20px; 
   padding: 1em 10px; 
}
.textbox .subheader {
   font-weight: bold;
   font-style: italic;
   text-align: center;
   font-size: 16px;
   color: #000;
   margin-bottom: 1em;
}

.textbox p {
   padding: 0 5px;
   font-style: italic;
}

#footer {  
   width: 100%;
   clear: both;
	vertical-align: middle;  
   padding: 4px;
}

#copyright {
	color: #FFF;   
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*padding-left: 285px;*/
	text-align: center;   	
}
#copyright a { font-weight: bold; }
#copyright a:link {color: #FFF; text-decoration: underline;}
#copyright a:visited {color: #FFF; text-decoration: underline;}
#copyright a:hover {color: #FFF; text-decoration: underline;}
#copyright a:active {color: #FFF; text-decoration: underline;}

/* Login Page */
#loginS2 {
   font-size: 10pt;
   font-family: verdana;
   margin-top: 3em;
}

.loginS2title {
   background: #3B2964;
   color: #EEE;
   padding: 0.5em;
   white-space: nowrap;
}

td.loginS2list {
   color: #3B2964;
   background: #EEE;
   padding: 0.5em;
   white-space: nowrap;
}

td.loginS2list input {
   text-align: left;   
   font-size: 14pt;   
   border: 2px solid #3B2964;
   padding-left: 2px;
}

#systemmsg{
   font-family: verdana, serif;
   font-size: 14px;
   text-align: center;
}

.errormsg {
   color: red;   
   margin-bottom: 1em;   
}

.logFormOK {
   padding-top: 5em;
}

#redirect {
   text-align: center;
   padding: 3em;
   font-size: 120%;
}

.requestpw {
   text-align: center; 
   border: 3px solid #4A498C; 
   margin: 40px 15%; 
   padding: 20px 15px;
}

/* forms */
input {
   font-size: 16px;
}

label, .label {
   font-weight: bold;
	color: #0A3E6E;  
	padding: 5px;
	width: 170px;
	padding-left: 15px;
}

fieldset {
position: relative;
margin-bottom: 2em;
border: 2px solid #4B4B8B;
padding: 10px 0;
}

legend {
/*position: absolute;
top: -.5em;
left: .2em;*/
font-weight: bold;
font-size: 16px;
padding: 4px 6px;
margin-left: 10px;

border: 2px solid #4B4B8B;
color: #0A3E6E; 
}

.genFromError {
   color: red;
   font-size: 11px;
}

/* Signup Page */
#signupPage {
   text-align: left; 
   margin: 1em 10px;
}
#terms {
   padding-left: 190px;
}

.gotoLogin {
   text-align: center;
}

/* Page Build */
.lessonTitle {
   font-size: 15pt; 
   margin-bottom: 1em;   
}

.lessonActivity li {
   margin-bottom: 1em;
}

.lessonPlayer {
   text-align: center;
   width: 100%;
   margin-bottom: 1em;
}

.lessonElmName {
   font-size: 10pt;
}

.lessonJournal{
   text-align: center;
   width: 100%;   
}

#jEntry {
   font-size: 12pt;
   font-weight: normal;
   width: 95%;
   height: 15em;  
   margin-bottom: 1em; 
}

/* My Journal */
div#journal table {
   width: 100%;
}

div#journal table td.jlessnum {
   font-weight: bold;
   font-size: 14pt;
}

div#journal table td.jdate {
   width: 170px;
   vertical-align: top;
}

#pwchanged {
   margin-bottom: 1em;
   color: red;
   font-weight: bold;
   text-align: center;
}