

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

body            { font-size: 84%; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; color: #333333; }
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(/site/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; }

h1.prosp2004 { /* this can probably be deleted */
   font-family : Bliss, "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif; font-size : 22px;
   text-decoration : none; color : #FFFFFF; font-weight : normal; margin: 0px; }

/* == 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 {
   background: #CCCCCC;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 8px;
   padding-right: 4px;
   font-size: 70%;
}
td.active {
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 8px;
   padding-right: 4px;
   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; }

#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 are text only */
#main2                  { width: 180px; float: left;  }
#main2 a                { display: block; }                     /* default navMenu links are block (ie, full width) */
#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; }
#add2any                { margin: 10px 0 0 0; padding: 0px;  text-align: center; }


#fullpage             { width: 760px; float: 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;  }
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: 0.1em; padding-bottom: 0.1em;
                        border-bottom: 1px solid #dddddd; }
li.usefulLink a       { font-size: 1.1em; text-decoration: none; }

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; }

