/* STYLE SHEET FOR NEW ADERRO WEBSITE 20/06/2006 */
/* The percentage font-size declaration in 'body' should control all font sizes except h5 & h6 in top & bottom banners, which have fixed point sizes */
body   {
        font-family: Verdana, Arial, Helvetica, sans-serif; 
        background-color: #003366; 
        font-size: 75%;
/* next line needed to centre page in 1024 x 768 window */ 
        text-align: center; 
       }
/* Next statement removes most browser default styles */
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input
       { margin:0; padding:0 ; }
       
/* div minheight is used as the outermost div. It simply sets a min page height, 
so there is always a VScrollBar - so different pages do not appear at different horiz positions in FF */

#minheight  {height: 900px; overflow: visible; }

/* div titletop is for central part of BannerTop only. */
.titletop { width: 740px; float: left;
          }
/* * html .titletop {width: 646px;
                  w\idth 646px;
                 } */

/* div #container realigns default text to left and puts a small grey border round the content */
#container  {  position: relative; 
               margin: 0px auto 0px auto;
               color:~#FFF
               background-color: #036;
               width: 760px;
               border: 0px solid #ddd; 
               text-align: left;
               overflow: auto; 
             }
/* SBMH added 200606 */
* html #container { 
               width: 762px; 
               w\idth: 760px; 
               }             
             
/* Declarations to set up In-line Navigation boxes in div #navigation */
#navigation   { font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: .9em;  
                text-decoration: none;
                border-bottom: 0px solid #DDD; 
                background-color: #036;
              }
#navigation ul { list-style-type: none; text-align: center;
                 margin-bottom: 6px; 
                 padding-left: 0; padding-right: 0;
                 padding-top: 4px; padding-bottom: 4px; 
                 background-color: #036;
               }
#navigation li { display: inline; 
               }
#navigation a:link, #navigation a:visited 
               { margin-right: 2px;
                 margin-left: 2px;
                 padding: 3px 4px 6px 4px;
                 color: #FFF;
                 background-color: #036;
                 border-top: 2px solid #ddd;
                 border-left: 2px solid #ddd;
                 border-bottom: 2px solid #717171;
                 border-right: 2px solid #717171;
                 text-decoration: none;
                 font-size: 1em; 
               }
#navigation a:hover 
               { color: #036;
                 background-color: #09b;
                 border-top: 2px solid #717171;
                 border-left: 2px solid #717171;
                 border-bottom: 2px solid #ddd;
                 border-right: 2px solid #ddd;
                 text-decoration: none;
               }

#floatright { float: right;
              text-align: right;
              width: 150px; 
            }

/* tilebgnd is a body div with a background of fixed, tiled, faint ADC logos */
#tilebgnd   { background-image: url('../images/Tiled_Logos_Faint.gif'); 
              position: relative;
              padding: 0px; 
              background-repeat: repeat; 
              background-color: #EFFAFA; 
              background-attachment: scroll; 
              width: 100%;
              margin: 0; 
               }

/* Common properties of links in body text */

a:link, a:visited, a:hover, a:active
             { font-family: Verdana, Arial, Helvetica; 
               padding-top: 6px; 
             }
/* Clearing Div class */

.clear       {
              clear: both;
             }
/* Image Preload Class */
.hiddenPic   { display:none; 
             }

/* additional text classes */

.centered    { text-align: center;
             }
/* Divs 'inner' & 'innerwide', used within #container, create L-R empty areas around content and set link colours. 
They assume the background is pale */

div .inner   { width: 688px; 
               padding: 0px;
               margin-left: 36px; 
               margin-right: 36px; 
               text-align: left; 
               clear: both; 
               border: 0px solid #fff
             }
a:link       { color: #FF0;
             }
a:hover      { background-color: #FFF; 
               color: #000;
             }

.inner body, .inner ul, .inner ol, .inner li, .inner h1, .inner h2, .inner h3, 
             .inner h4, .inner p, .inner pre, .inner form, .inner blockquote
             { color: #036;  
             }
.inner a:link
             { color: #036;
             }
.inner a:visited
             { color: #03a; 
             }
.inner a:hover
             { background-color: #FFF; 
               color: #000;
             }
.inner a:active
             { color: #03a; 
             } 
             
div .innergrey   {width: 568px; 
               padding: 24px;
               margin-left: 36px; 
               margin-right: 36px; 
               text-align: left; 
               clear: both; 
               background-color: #eee;
              }

.innergrey body, .innergrey ul, .innergrey ol, .innergrey li, .innergrey h1, .innergrey h2, .innergrey h3, 
             .innergrey h4, .innergrey p, .innergrey pre, .innergrey form, .innergrey blockquote
             { color: #036;  
             }
.innergrey a:link
             { color: #0ff; 
             }
.innergrey a:visited
             { color: #03a; 
             }
.innergrey a:hover
             { background-color: #FFF; 
               color: #000;
             }
.innergrey a:active
             { color: #03a; 
             } 

/* SBMH for correcting div innergrey */
* html .innergrey {
                 width: 616px;
                 w\idth: 568px;
                 }               
             
/* Div innerwide is only used on the home page: it doesn't have forced colours, 
like inner and innerinv, so results could be unpredictable, if used elsewhere */
.innerwide { width: 740px;
                 margin-left: 10px;
                 text-align: left;
                 clear: both; 
             }
/* Div 'innerinv', used within #container, creates 36px L-R empty areas around content 
and sets up text, link and background colours for white-on-dark-background pages */

.innerinv  { margin-left: 36px; 
                 text-align: left;
                 width: 688px;
                 clear: both; 
                 background-color: #036; 
               }
               
.innerinv body, .innerinv ul, .innerinv ol, .innerinv li, .innerinv h1, .innerinv h2, .innerinv h3, 
                .innerinv h4, .innerinv p, .innerinv pre, .innerinv form, .innerinv blockquote
             { color: #FFF;  
             }
.innerinv input
             { color: #036;  
             }

.innerinv a:link 
             { color: #0cf;
             }
.innerinv a:visited 
             { color: #ff0;
             }
.innerinv a:hover 
             { color: #000;
             background-color: #fff
             }
.innerinv a:active
             { color: #990;
             }
.innerwide inv a:link 
             { color: #0ff;
             }
.innerwide a:visited 
             { color: #ff0;
             }
.innerwide a:hover 
             { background-color: #FFF; 
               color: #000;
             }
.innerwide a:active
             { color: #0ff;
             }

/* Common text style definitions */

ul, ol, li, h1, h2, h3, h4, p, pre, form, blockquote, fieldset, input
             { margin: 0px; padding: 0px; 
               line-height: 200%; color: #036; 
             }
ul           { list-style-type: disc; 
               list-style-position: outside; 
               padding-left: 16px; 
             } 
ol           { list-style-type: decimal; 
               list-style-position: outside; 
               padding-left: 24px; 
             }
p            { font-weight: normal; 
               font-size: 1em;
               margin-bottom: 0px;
             } 
table        { font-size: 1em; 
             }
h1           { line-height: 200%; font-family: Arial Black, Arial, Helvetica; 
               font-size: 2em; 
             }
h2           { font-family: Verdana, Arial, Helvetica; line-height: 175%; 
               font-size: 1.5em; 
               font-style: italic;
               padding-top: 0.5em;  
             }
h3           { font-family: Verdana, Arial, Helvetica; 
               font-size: 1.2em; 
               font-style: italic; font-weight: bold ;
             }
h4           { font-family: Verdana, Arial, Helvetica; 
               font-size: 1em; 
               font-style: italic;font-weight: normal; 
             }
/* h5 is only used in home page & bottom banner */
h5           { font-family: Verdana, Arial, Helvetica; 
               color: #FFF; 
               font-size: 8pt; 
               font-weight: normal; 
               line-height: 100%;
               padding-bottom: 12px; 
               padding-top: 12px;
             }
/* h6 is only used in top banner */
h6           { font-family: Arial Black, Arial, Helvetica; 
               color: #FFF; line-height: 150%; 
               font-size: 24pt;
               text-align: center; 
             }
#titleframe {
	width: 100%;
	/*height: 92px;*/
}

#TopFrame {
	width: 100%;
	height: 100%;
	border: 0px;
}

#BottomFrame {
	width: 100%;
	height: 100%;
	border: 0px;
}
/* title frame */

.titleContent { padding: 6px 0 6px 6px; }

.banner
{
	font-size: 12px;
	font-family: Trebuchet MS, verdana, arial;
	color: #333;
}

.banner .title{
	font-size:1.2em;
	font-weight:bold;
}

.banner .info{
	font-size:0.9em;
}

.banner .email{
	font-weight:bold;
}

/* index frame */

.indexContent {
	width:95%;
	border-bottom:0px dotted #333333;
	padding-top:6px;
	padding-bottom:6px;
}

.indexInfo {
	font-size: 12px;
	font-family: Trebuchet MS, verdana, arial;
	padding: 0 0 0 6px;
}

.indexInfo .filename {
	color: #000;
}

.indexInfo .date {
	color: #666;
}