/* MyroC course materials:  stylesheet
   Author:  Henry M. Walker
   Created:  December 2015
*/

/* Style sheet organization:
   overall page layout
   header definitions
   navigation-left definitions
   main-body definitions
   footer definitions
   font definitions

*/
/* page layout with four main sections:

                 header

   navigation-left      main-body

                 footer

*/

body {
   font-family: Arial, Helvetica, Sans-serif; 
   margin-top: 10px;
   margin-left:1 10px;
   margin-right: 10px;
   margin-bottom: 10px;
   padding: 0px 5px 5px 5px;
   text-indent: 0px;
   background-color:#F3F2F0;
   color:#000000;
}


.course-header {
    padding-left: 5px;
    padding-right: 5px;
    border-bottom:  2px solid;
    border-color: #0000FF;
}

.navigation-left {
    float: left;
    height:  auto;
    padding-top:  5px;
    padding-left:  5px;
    padding-right:  5px; 
    padding-bottom:  5px;
    width: 20%;
}

.main-body {
    float: right;
    background-color:white;
    width:  75%;
    margin-left: 0px;
    padding: 5px 5px 0px 10px;
    color:black;
    border-left:  2px solid;
    border-color: #0000FF;
}

.footer {
    border-top:  2px solid;
    border-color: #0000FF;
    margin: 0px;
    padding:  0px;
    clear: both;
}

/* header definitions */
.title-header{
   margin-left: -5px;
   margin-right: -5px;
   border-top: thick solid #004C97;
   border-bottom: thick solid #004C97;
   border-left: thick solid #004C97;
   border-right: thick solid #004C97;
   border-width: 5px 5px 5px 5px;
   /*background-color: #F3F2F0;*/
   background-color: #F3F2F0;
   padding: 10px 30px 10px 30px;
   font-family: ariel, helvetica, sans-serif;
}

.title-header hr {
    height:2px;
    color:#004C97;
    background-color:#004C97;
    padding:  0px;
    border: 0 none;
    margin: 0px;
}

/* navigation-left definitions */
p.navigation-title {
    font-weight: bold;
    color:  #000099;
    padding: 0px 5px 0px 5px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 90%;
    width:100%;
    clear:  both;
}

p.navigation-left {
    padding: 0px 5px 0px 5px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 90%;
    width:90%;
}

ol.navigation-list, ul.navigation-list {
    clear: left;
    padding: 0px 10px 0px 10px;
    margin-top: 0px;
    margin-left: 15px;
    margin-right: 5px;
    margin-bottom: 0px;
    font-size: 90%;
    width:90%;
}

ol.navigation-list-alpha {
    padding: 0px 0px 0px 10px;
    margin-top: 0px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 0px;
    list-style-type: lower-alpha;
}


/* main-body definitions */
h1{text-align: center; color:#000066; }
h2{color:#000099;}
h3{color:#000099;}
h4{color:#000099;}

ol {
    padding: 0px 10px 0px 10px;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
}

ul {
    padding: 0px 10px 0px 10px;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
}

ol.withloweralpha { 
   list-style-type:  lower-alpha;
}

ol.withupperalpha { 
   list-style-type:  upper-alpha;
}

ol.withupperroman { 
   list-style-type:  upper-roman;
}

ol.withlowerroman { 
   list-style-type:  lower-roman;
}

ul.resource-list {
    padding: 0px 10px 0px 10px;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-size: 90%;
    /*width:100%;*/
}


/* footer definitions */

/* font definitions */

.font-tiny{
   font-size: 90%;
   font-weight: bold;
   color: #004C97;
   background-color: #F3F2F0;
}

.font-very-tiny{
   font-size: 80%;
   color: #004C97;
}

.font-large{
   font-size: 150%;
   font-weight: bold;
   color: #004C97;
}

.font-standard{
   font-size: 130%;
   color: #004C97;
   background-color: #F3F2F0;
   font-weight: bold;
}
/* column declarations */
.column-left {
    float: left;
    width:  56%;
    height:  auto;
    padding-top:  5px;
    padding-left:  5px;
    padding-right:  5px; 
    padding-bottom:  5px;
}

.column-right {
    float: right;
    width: 38%;
    padding-top:  5px;
    padding-left:  5px;
    padding-bottom:  5px;
}





/*

.linkBack {
   font-family: Arial, Helvetica, Sans-serif; 
   color: #000000; font-size: 12pt; 
   font-weight: bold; 
   background-color:#FFFFFF;}
.linkBack:link {color:#003399; background-color:#FFFFFF;}
.linkBack:active {color:#000066; background-color:#FFFFFF;}
.linkBack:visited {color:#000066; background-color:#FFFFFF;}
.linkBack:hover {color:#0066cc; background-color:#FFFFFF;}

.sectionLinks {
   font-family: Arial, Helvetica, Sans-serif; 
   color: #000000; 
   font-size: 12pt; 
   background-color:#FFFFFF;}
.sectionLinks:link {color:#003399; background-color:#FFFFFF;}
.sectionLinks:active {color:#000066; background-color:#FFFFFF;}
.sectionLinks:visited {color:#000066; background-color:#FFFFFF;}
.sectionLinks:hover {color:#0066cc; background-color:#FFFFFF;}

.content {font-family: Times New Roman, Times, Serif; color: #ff0000; font-size: 12pt}

.contentTitle {
   font-family: Arial, Helvetica, Sans-serif; 
   color: #006600; 
   font-size: 16pt; 
   font-weight: bold;}

.contentSubTitle {
   font-family: Arial, Helvetica, Sans-serif; 
   color: #003399; 
   font-size: 13pt; 
   font-weight: bold;}
.contentSubTitle:link {color:#003399;}
.contentSubTitle:active {color:#000066;}
.contentSubTitle:visited {color:#000066;}
.contentSubTitle:hover {color:#0066cc;}

.contentSub {
   font-family: Times New Roman, Times, Serif; 
   color: #000000; 
   font-size: 12pt; 
   background-color:#FFFFFF;}
.contentSub:link {color:#003399; background-color:#FFFFFF;}
.contentSub:active {color:#000066; background-color:#FFFFFF;}
.contentSub:visited {color:#000066; background-color:#FFFFFF;}
.contentSub:hover {color:#0066cc; background-color:#FFFFFF;}

.sectionLine {height: 1px; background-color: #000000;}

.sigcseLocationText {
   padding: 5px; 
   font-family: Arial, Helvetica, Sans-serif; 
   color: #ffffff; 
   font-size:medium; 
   font-weight: bold;}

.title-section{
   border-top: thick solid #cc0000;
   border-bottom: thick solid #cc0000;
   background-color: #000099;
   font-family: ariel, helvetica, sans-serif;
   color: #ffffff;
   text-indent: 30px;
   padding: 3px;
   font-weight: bold;
}

.title-header {
    border-top: thick solid #aa1000;
    border-bottom:0px;
    background-color: #272777;
    padding: 10px 30px 10px 30px;
    font-family: verdana, ariel, helvetica, sans-serif;
}


P img table {
    margin:5px;
    padding:5px;
}

.block {
    background-color:#bbbbff;
    padding:15px;
    margin:15px;
    font-size: 90%;
}

.address{
    margin:5px;
    margin-top:0px;
    margin-bottom:0px;
    font-size: 80%;
}

a.footer-a:link {
    color:#99ffff; 
    text-decoration:none;
}   
a.footer-a:visited {
    color:#ccffff;
    text-decoration:none;
}  
*/
a.footer-a:hover {color:#99cccc;}  /* mouse over link */

a.footer-a:active {color:#99ffff;}  /* selected link */

/*
ul.index {
          font-family: Arial, Helvetica, sans-serif;
          padding: 5px;
          margin-top: 0px;
          margin-left: 20px;
          margin-right: 5px;
          font-size: 90%;
}
ol.index {
          font-family: Arial, Helvetica, sans-serif;
          padding: 0px;
          margin-top: 0px;
          margin-bottom: 0px;
          margin-left: 20px;
          margin-right: 5px;
          font-size: 90%;
}

*/

.title-section{
   border-top: thick solid  #004C97;
   border-bottom: thick solid  #004C97;
   border-left: thick solid  #004C97;
   border-right: thick solid  #004C97;
   background-color: #F3F2F0;
   font-family: ariel, helvetica, sans-serif;
   color:  #004C97;
   text-indent: 30px;
   padding: 3px;
   font-weight: bold;
}

.title-header{
   margin-left: -5px;
   margin-right: -5px;
   border-top: thick solid #004C97;
   border-bottom: thick solid #004C97;
   border-left: thick solid #004C97;
   border-right: thick solid #004C97;
   border-width: 5px 5px 5px 5px;
   background-color: #F3F2F0;
   padding: 10px 30px 10px 30px;
   font-family: ariel, helvetica, sans-serif;
}