/* fixed width text sizes replaced with relative sizes */

body            { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; color: #333333; 
                  font-size: 84%;  }
pre             { font-size: 120%; }
th, td          { font-size: 70%;  }
caption         { font-size: 90%; text-align: center; }
.menu           { font-size: 84%;  }

/* == styles from previous londonmet2004/style.css ============================================================== */

td, th, p, li, .mainpara, .caption { }
td                                 { vertical-align: top; }
ul                                 { list-style-image: url(/app_templates/londonmet/images/bullet.gif); list-style-position: outside; }
.navLink                           { color: #333333; }
.padded                            { margin: 4px; }
.pagetitle                         { font-size : 18px; font-weight : bold; }
.skiplink                          { display: none; }
.subheader_white, .sideheading     { color: #FFFFFF; }

/* == original embedded styles =============================================================================== */

h1                          { font-size: 180%; font-weight: normal; margin-top: 12px; margin-bottom: 13px; }
h2, h3                      { font-size: 95%;  font-weight: bold;   margin: 10px 0px; }
h4, h5, h6                  { font-size: 95%;  font-weight: bold;   margin: 6px 0; color: #333333; }
a:visited, a:link, a:active { text-decoration : none; }
a:hover                     { text-decoration: underline; }
td.inactive                 { padding: 4px 4px 4px 8px; font-size: 70%; background-color: #cccccc; }
td.active                   { padding: 4px 4px 4px 8px; font-size: 70%; }

/* ========== styles in standard template =============================================================================== */

#wrapper              { width: 100%; }
#page                 { width: 780px; background: white; padding: 0px; }

div.spaceL            { width: 10px;  float: left;  }
div.spaceR            { width: 10px;  float: right; }

#pageTop, #pageBottom { width: 780px; height: 10px; padding: 0px; margin: 0px; clear: right; }
#pageTL,  #pageBL     { width: 10px;  height: 10px; float: left; }
#pageTM,  #pageBM     { width: 760px; height: 10px; float: left; line-height: 10px; }
#pageTR,  #pageBR     { width: 10px;  height: 10px; float: right; clear: right; }

#head                 { width: 780px; clear: right; 
                        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
                        font-size: 84%;
                        color: #333333; }
#headL                { width: 580px; float: left; text-align: left; }
#headR                { width: 180px; float: left; text-align: right; }

#flash                { width: 780px; clear: right; height: 22px; }
#flashM               { width: 760px; float: left; clear: right; }
/* "flash" menu styles - within #flashM */
td.globalNav         { vertical-align: middle; text-align: center; height: 20px; }
a.globalNav          { font-family: Verdana, Arial, sans-serif; font-weight: bold; }
.globalNav a:link    { color: white; text-decoration: none; }
.globalNav a:visited { color: white; text-decoration: none; }
.globalNav a:active  { color: white; text-decoration: none; }
.globalNav a:hover   { color: #eeeeee; }

#montage              { width: 780px; clear: right; margin: 0px 0px 1px 0px; }
#montageM             { width: 760px;  height: 74px;  float: left; }
#montageH             { width: 760px;  float: left; }

#breadcrumbs          { width: 780px; padding: 0px; text-align: left; }
#bg                   { width: 760px; float: left; text-align: left; padding: 0px; }
#crumbs               { float: left; background-color: #eeeeee; width: 579px; border-right: 1px solid white; 
                        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; 
                        font-size: 84%;  color: #333333; padding: 0; /*was 0 3 0 3*/ }
.crumb                { margin: 4px; }

#mainContent          { width: 780px; clear: right; }
#main1                { width: 580px; float: left; }
#editableArea         { width: 565px; text-align: left; 
                        overflow: hidden;
                        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;   
                        font-size: 84%; 
                        color: #333333; }
#editableArea table    { /* added august 2008 to try to solve ms word tables problem */
                         word-wrap: break-word;
                         max-width: 565px; }

/* main2 is the div for the navmenu     */
/* in custom menus, menus are text only */
#main2                  { width: 180px; float: left; text-align: left; }
#main2 a                { display: block; }                     /* default navMenu links are block (ie, full width) */
#main2 td               { }
#customNav              { text-align: left; }
#customNav a            { display: inline; text-align: left; }  /* but in custom navMenus they aren't...            */
#customNav td a         { display: block; }                     /* ...unless they're in a table                     */
#localNavInsert         { margin: 10px 0 0 0; padding: 0px; }                    
#localNavInsert a       { display: inline; }                    
#localNavRelatedLinks   { margin: 10px 0 0 0; padding: 0px; }
#localNavRelatedLinks a { display: inline; }
#libraryNews            { border: 1px solid #996699; margin-top: 5px; margin-bottom: 0px; padding: 5px;}
#metranetLink           { margin: 10px 0 0 0; padding: 0px; }
#SocialNetworks         { margin: 10px 0 0 40px; padding: 0px; text-align: center; }
#add2any                { margin: 10px 0 0 0;    padding: 0px; text-align: center; }


#fullpage               { width: 760px; float: left; text-align: left; }
#editableFull           { width: 760px; text-align: left;
                          margin-top: 10px;
                          overflow: hidden;
                          font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
                          font-size: 84%;
                          color: #333333; }

#footer                 { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
                          font-size: 84%;
                          color: #333333; }
#footerHome             { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
                          font-size: 84%;
                          color: #333333; 
                          width: 780px; clear: right; margin-top: 10px; }
#footerM                { width: 760px; float: left; background-color: #E6E6E6; }

#update                 { width: 780px; clear: right; /* border-top: 10px solid #eeeeee; */ background-color: #eeeeee; }
#update a               { color: #999999; text-decoration: none; }
#update1                { width: 580px; float: left; text-align: left;  padding-top: 10px; }
#update2                { width: 180px; float: left; text-align: right; padding-top: 10px; } 
.updateTxt              { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
                          font-size: 70%;  color: #999999; text-decoration: none; }

/* Home Page only */
#mainHome               { width: 760px; float: left; }
td.mainHome             { text-align: left; }
ul.usefulLinks          { list-style: none outside; 
                          list-style-image: none; 
                          padding: 0; margin-left: 0; margin-top: 10px; 
                          border-top: 1px solid #dddddd; }
li.usefulLink           { margin-left: 0; padding-top: 1px; padding-bottom: 1px;
                          border-bottom: 1px solid #dddddd; }
li.usefulLink a         { font-size: 200%; text-decoration: none; } 
li.usefulLink a         { text-decoration: none; }
td.latestNews           { font-size: 120%; }

div.editor_Published    { font-size: 1.6em; } 
div.name_Published      { font-size: 1.6em; } 
div.name_CheckedOut     { font-size: 1.6em; } 


/* AD HOC STYLES */
/* aug 2008, david hoods tables: /admin/graduation-and-conferments/awards-ceremonies/awards-ceremony-dates/ */
table.award-ceremony td { border-bottom: 1px solid #c0c0c0; }
table.events-archive td { border-bottom: 1px solid #c0c0c0; }

#logo_slideshow         { border: 0px solid red; }         

/* ========================== STYLES for Shado 8.5 - June 2009 =================================================== */
#shadofooter             { display: none; }

/* for Staff Search - data from tel. directory */ 
table.staffSearch        { border-bottom: 1px solid #c0c0c0; margin-top: 25px; }
table.staffSearch tr     { vertical-align: top; }
table.staffSearch tr td  { border-top: 1px solid #c0c0c0; background-color: #ffffff; padding: 8px; }
table.staffResults       { border-top: 2px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; margin: 10px 0; }
table.staffResults tr    { vertical-align: top; }
table.staffResults tr th { text-align: left; }
table.staffResults tr td { border-top: 1px solid #c0c0c0; }
