/* Computer Centre' Style Sheet (CC3) */

body { background: #FFFFFF;                                       
       font-family: verdana, arial, helvetica, sans-serif;                 
       color: #000000; }


/* Specify colours for links */

a:link { color: #6666cc}
a:visited { color: #6666cc}
a:hover { background-color: #bbbbbb}
a:active { color: #660000}


/* Define various HTML elements */

p,br {
       font-family: verdana, arial, helvetica, sans-serif;  
       font-size: .8em ;                                   
       line-height: 110% ;                                  
      }                                                     


ul,ol,dl {                                             
       font-family: verdana, arial, helvetica, sans-serif;  
       font-size: .8em ;                                    
       line-height: 110% ;                                  
      }                                                                                                                 

ul li {                                                   
       font-family: verdana, arial, helvetica, sans-serif;
       font-size: 105%;      
       line-height: 120% ;                                      
      }                                                         

ol li {
       font-family: verdana, arial, helvetica, sans-serif;
       font-size: 105%;
       line height: 120% ;
      }
      
/* Define headings */

h1,h2,h3,h4,h5,h6, b, tr,td,th {                      
       font-family: verdana, arial, helvetica, sans-serif;     
      }                                                        

h1 {font-size: 1.1em;
    text-align: center; }                                           

h1.white {font-size: 1.1em;
          margin-top: 0px;
          text-align: center;   
          background: #9999CC;
          color: white; }                                                                 
h1.blue  {font-size: 1.1em;
          text-align: center;
          background: white;
          color: #666699; }

h1.blue2  {font-size: 1.1em;
          text-align: center;
          background: #3366cc;
          color: white; }
     
h2 {font-size: 1em; } 

h2.white {font-size: 1em;
          text-align: center;
          background: #9999CC;
          color: white;}

                                                                  
h3 {font-size: .9em; }  


h4 {font-size: .9em; }

h4.white {font-size: .9em ; 
          background: #9999CC;          
          color: white ; }

h4.blue {font-size: .9em ;
         background: white;
         color: #666699; }
   
h4.blue2 {font-size: .9em ;
         background: #3366cc;
         color: #ffffff; }
                            
h5 {font-size: .75em; }                           

h5.white {font-size: .75em;
          background: #9999CC;
          color: white; }

h5.blue {font-size: .75em;
         background: white;
         color: #666699; }


h6 {font-size: .75em; }       
   
h6.white {font-size: .75em;
          background: #9999CC;
          color: white; }



/* Define some more HTML elements */

b.small {font-size: .9em; }

b.nav   {font-size: .8em }


br      {line-height: 110%; }


hr.blue {color: #9999CC;}


p.norm { font-size: 10px ; 
         line-height: 100%; }

p.c    {text-align: center; }
                                                  


table.outline { border-top : 1px solid #666699;
                border-bottom : 1px solid #666699;
                border-left : 1px solid #666699;  
                border-right : 1px solid #666699;  }  

                                                                           
p.header {
       font-family: Arial, Helvetica, sans-serif;
       font-size: 130%;
       font-weight: bold;
       color: #666699; }
            
pre    {font-family: monospace; }
  


/* Define border colours and links used in a "coloured" table */

td.outline { border-bottom : 1px solid #666699;
             border-left : 1px solid #666699;
             border-right : 1px solid #666699; }
 
td.boxedc1 { padding-left: 0.2em;
             border: solid;
             border-color: #9999cc;}

td.boxedb1 { padding-left: 0.2em;
             border: solid;
             border-color: #3366cc;}

td.boxedc2 { padding-left: 0.2em;
             border: solid;
             border-color: #9999CC;}


.boxedc2 a:link { color: #ffffff}
.boxedc2 a:visited { color: #ffffff}
.boxedc2 a:hover { background-color: #bbbbbb}
.boxedc2 a:active { color: #660000}


td.boxedc3 { padding-left: 0.2em;
             border: solid;
             border-color: #666666;}


.boxedc3 a:link { color: #ffffff}
.boxedc3 a:visited { color: #ffffff}
.boxedc3 a:hover { background-color: #bbbbbb}
.boxedc3 a:active {color: #660000}



/* Define "lilac outline" used on CC's Web pages */                   

div.box1 {    
       margin-left: 1%; 
       margin-right: 3%;
       border: solid; 
       border-color: #9999CC; 
       border-width: medium; width: 97%; }

div.box1blue {
       margin-left: 1%;
       margin-right: 1%;
       border: solid;
       border-color: #3366CC;
       border-width: medium; width: 97%; }

div.box5 {
       margin-left: 5%;
       margin-right: 5%;
       border: solid;
       border-color: #9999CC;
       border-width: thick; width: 100%; }

div.box10 {                                          
       margin-left: 7%; 
       margin-right: 24%;          
       border: solid; 
       border-color: #9999CC;       
       border-width: thick; width: 100%; }                                                                 
/* Define some background colours */

div.colorblue {
       margin-left: 0%;
       margin-right: 0%;
       background: #9999CC;
       border: none; }

div.colorlilac {
       margin-left: 0%;
       margin-right: 0%;
       background: #9999CC;                                     
       border: none; }                                                        
              
div.colorgrey {
       background: #CCCCCC;
       padding: 0.25em;
       border: none; }
                         
                            
/* Define some colours */

.red { color: red; }                                         

.green { color: green; }                                     

.blue { color: #666699; }                                    
       
.cc-inline-coloured-heading {
  display: inline;
  font-family: Arial, Helvetica, sans-serif;
  color: #666699; 
  }