@charset "ISO-8859-1";

/*

Colour scheme:
#f77f00 - dark orange
#f2c68c - light orange
#6600ff - dark blue
#c6c699 - pale green/grey
#fce0c2
*/


/******************* general styling ********************/

body{ 
  font-family: verdana, sans-serif; 
  font-size: 90%;
  margin-left: 5px; margin-top: 5px;
}

a{ 
   text-decoration: none;
   /* color: #f77f00; */
   color: #6600ff;
 }

a:hover { 
          text-decoration: underline;
}

td{ border: none; /* 1px solid for debugging */
    padding: 5px; 
}

.full{ width: 100%}

table.full {  border-bottom: 1px solid black; }

/* note: still need to fix header/menu spacing in Internet Explorer */


/*********** styling for header *************************/

#header { margin-bottom: 0px; margin-right: 2px; 
          background: url("/Pics/bannerSmall.jpg") no-repeat top right;
          padding: 0px;
          height: 96px; 
          line-height: 96px;
}

#header h1 { 
             font-size: 2.25em;  
             margin: 0px;  
             color: #6600ff;
             }


/* #header img{ float:right; height: 100px; } } */



/************ styling for top menu **********************/

/* to be changed at some point */

table{
       border: 0;
       padding: 0;
       margin: 0;
}

table.menu { width: 100%; clear: both; padding-top: 0px}
table.menu td{ 
         width: 100%;
         border-top: 3px solid #f77f00;
         border-bottom: 3px solid #f77f00;
         background-color: #f2c68c; 
         /* padding: 0px;  testing */
         margin: 0px;}

.menu .listMarker{ 
         padding: 0.5em; 
         color: #f77f00;
}

.menu a{ padding: 5px 5px} 

.menu a:hover { 
                background-color: #f77f00;
                text-decoration: none;
}


/* .newsletter table.header { border-bottom: 3px solid #6600ff; } */


/************ styling for RHS menu **********************/


#links {float:right; width: 16em; padding:2px; height:auto;
border-left: 1px solid black;
margin-left: 10px;
}

#links #mainLinks { border-bottom: 1px solid black}
#links #secondLinks { border-bottom: 1px solid black}

#links > div { margin: 0px 5px; padding: 5px 0px;
}

#links a { display: block; padding-left: 2px; padding-right: 2px }

#links a:hover { background-color: #f77f00;
                 text-decoration: none;
                 color: #38197a
                 }

.linkHeading{text-decoration: none;
             font-weight: bold; /* previously normal */
             color: #f77f00;} 

#mainLinks a:first-child { 
                         text-decoration: none;
                         font-weight: bold;
                         color: #f77f00;}

/* the above does not work in IE < 7 */
#mainLinks a.firstLink{ 
             text-decoration: none;
             font-weight: bold;
             color: #f77f00;}

#mainLinks a.firstLink:hover{ background-color: transparent;
                              color: #f77f00; }



#mainLinks a.current{
           text-decoration: none;
           /* font-weight: bold; */
           background-color: #f2c68c;
           }

#mainLinks a.current:hover{ background-color: #f77f00; }

/* the word box should only show up if javascript is enabled */
#links #wordBox { display: none; 
                  background-color: #fce0c2;
                  padding: 3px;
                  border: 1px solid black;
}

#links #wordBox p { margin: 0px;}

#links #wordBox a { display: block;
                    font-size:0.83em; 
                    text-align: right; 
                    padding: 0px;
                    line-height: 0.83em;}

#links #wordBox a:hover{ background-color: transparent; 
                         /* text-decoration: underline;  */
                         }

#links #wordBox .def { font-weight: bold }


/************* styling for main page content *************/


#content { margin-right: 17em; padding-right: 5px;
margin-left: 2px; margin-bottom: 10px}

#content p { text-align: justify; }
#content p.clearleft { clear: left; }
#content p.centre { text-align: center; /* margin-left: auto; margin-right: auto */}

#content h1 { font-size: 1.75em; }

#content img.mainImage{ float:right; padding-bottom: 10px; padding-left: 10px; width: 170px; display: block;  }

#content p.important { /* font-weight: bold; */
                       }

#content p.important a { color: #f77f00}


#content p.right { text-align: right; }

#content p.smaller { font-size: 0.9em; }

/************* styling for breadcrumb ********************/

/* to be changed at some point */

.breadcrumb { margin: 5px 0; padding: 0; }

span.breadcrumb{ 
               background-color: #fce0c2; 
               border-top: 2px solid #f77f00;
               border-bottom: 2px solid #f77f00;
               border-right: 2px solid #f77f00;
               list-style: none;
               display: table; 
               padding-left: 0em;
               padding-right: 2em;
               padding-top: 0px;
               padding-bottom: 0px;
               margin-top: 5px; 
 }

.breadcrumb span, 
.breadcrumb a { 
                  display: table-cell;
                  color: #6600ff ;
                  font-size: smaller;
                  vertical-align: middle;
                  /* height: 2em; */
                  padding: 2px 5px;
                  margin: 0px;
}

/* .breadcrumb a{ padding: 2px 8px; border: 1px solid } */
             

.breadcrumb a:hover{ 
                 text-decoration: none;
                 background-color: #f77f00;                 
 }

.breadcrumb .listMarker{ 
         color: #f77f00;
}

/* ul { list-style: none; }
*/

ul.oneLine{ 
          list-style: none;
          display: inline;
          /*padding-left: 1em; */
          padding-left: 0;
          margin-left: 0px;
          
}

ul.oneLine li{ 
               display: inline;
               color: #f77f00
}



/**************  footer styling *************/

#footer {
/* width: 100%;  */
clear: both; 
background: url("/Pics/bottomBannerLong.jpg") no-repeat top left;
padding-left: 30px;
padding-bottom: 5px;
padding-top: 0px;
}

#footer {  border-top: 1px solid black
}

#footer img#dslLogo { float: left; height: 7ex; border: 0px; padding-right: 5px;}

#footer img#sponsorLogo { float:right; border:0px}

#footer p#smallPrint { font-size: 0.75em; }


/***** miscellaneous extra styling for general use *******/

a div{ 
       text-decoration: none;
       color: black;
}

div.highlight 
{ 
  margin:10px;
  border: 4px dotted black;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  text-align: left;
 }

div.italicQuotes blockquote {  font-style: italic }

img { border: 0px; }

img.left { float:left;
              padding-right: 5px;
              padding-bottom: 2px;
           }

.floatRight {float: right; 
                padding-left: 15px; 
                padding-top: 0px;
                padding-bottom: 10px;
                border: 0px;   }

.floatLeft {float: left; 
                padding-right: 15px; 
                padding-top: 0px;
                padding-bottom: 10px;
                border: 0px;   }

div.smallFloatLeft { float: left;                     
                     padding-right: 5px}

div.smallFloatLeft img { height: 2ex }

dt { font-weight: bold; }

a img{ border: 0px; }



/********** specific styling *****************************/

#content .staffBlock img {float:right;padding-left:0.5em; width: 100px}

.wordSponsor {
font-weight: bold;
}

#ticker { 
          background-color: #f2c68c;
          /* width:95%; */
          height: 50px;
          padding: 10px;
          margin-right: 20px;
          border: 2px solid #f77f00;
          color: #6600ff;
          display: block;
          cursor: pointer;
          }

#ticker2 { 
          background-color: #f2c68c;
          padding: 10px;
          height: 50px;
          margin-right: 20px;
          border: 2px solid #f77f00;
          color: #6600ff;
          display: block;
          cursor: pointer;
          }

/* #ticker a { color: black; }  */
#ticker a:hover {  text-decoration: none; } 

img.bookCover { float: right; 
                padding-left: 10px; 
                padding-top: 0px;
                padding-bottom: 10px;
                border: 0px; }

img#philly  { float:left;
              padding-right: 5px;
              padding-bottom: 2px;
              width: 50%;
              max-width: 400px; 
              }

ul#fundersList li { list-style: none;
                    line-height: 1.5em; }

table#wordSponsors { padding-left: 20px; padding-top: 20px}

#links #SayItinScots div { clear: left;}

#links #SayItinScots a { display: inline;                    
                         padding: 0px;
                         }

#links #SayItinScots a:hover{ background-color: transparent; 
                         /* text-decoration: underline;  */
                         }

#links #SayItinScots img { padding-bottom: 0px;
                         }
						 
td.whifflet { padding-top: 0px; padding-bottom: 0px;}