body {
		font-family: verdana, arial, sans-serif;
		padding:  0;
		margin: 0;
		background : #ffffff url(/build/img/bg.gif) no-repeat top left; 
        font-size: 80%;  /* body font size as % for MSIE bug, all other font sizes as ems */    
	}

    .corp_green {
        background : #006666; 
        color:#fff;
    }

    .corp_blue {
        background : #006699; 
        color:#fff;        
    }

    .corp_red {
        background : #993333; 
        color:#fff;        
    }
    
	body.green {
		font-family: verdana, arial, sans-serif;
		padding:  0;
		margin: 0;
		color: #ffffff;
		background : #006666; 
	}

	body.white {
		font-family: verdana, arial, sans-serif;
		padding:  0;
		margin: 0;
		background : #ffffff url() no-repeat top left; 
        font-size: 0.8em;              
	}

	body.nobanner {
		font-family: verdana, arial, sans-serif;
		padding:  0;
		margin: 0;
		background : #ffffff; 
        font-size: 0.8em;              
	}
	
/*formatting for tables*/
   caption {
	    font-weight:bold;
        font-family: verdana, arial, sans-serif; /*for netscape*/  
   }

    table {
        font-size:1em;
    }
    
    td {
        font-family: verdana, arial, sans-serif; /*for netscape*/
    }
   
	td.breadcrumb {
        background-color: #ffffff;
        color: #ffffff;
    }

    td.header {
	    text-align: right;
		color: #000000;
		background : #FFCC66 url(/build/img/topright.gif) no-repeat top right;
	}
    
    td.app_header {
        text-align: right;
        color: #000000;
		background-color: #FFCC66;
		background : #FFCC66 url(/build/img/topright.gif) no-repeat top right;
        font-size:9pt;
        line-height: 17px;
    }

	td.nav {
        background-color: #006666;
		color: #ffffff;      
	}
	
	td.rule {
		background-color: #FFCC66;               
	}
	
	td.footer {
		background-color: #FFCC66;
	}
    
    th.centre {
        text-align:center;
   }
   th {
        text-align:left;
   }

/*special font formatting*/
   .bcindex {
        margin: 0 0 7px 15px;
		padding:  3px 0 3px 15px;
	    background-color: #993333;
		text-align: left;
		color: #ffffff;
   }
   
   .bctext {
    	margin: 5px 0 7px 0; 
        padding:  3px 0 3px 15px;         
		background-color: #993333;
		color: #ffffff;
		text-align: left;
	}

   .tagtext {
		background-color: #006699;      
		color: #ffffff;
		text-align: center;
		font-family: optima, verdana, arial, sans-serif;
		letter-spacing : 0.5em;
		font-weight: bold;
		margin: 0;
		padding: 5px 15px 5px 15px;
	}
   
   /* this is used just for a special survey in the page footer */
   .surveytext {
		background-color: #006699;      
		color: #ffffff;
		text-align: center;
		font-family: optima, verdana, arial, sans-serif;
		/*font-weight: bold;*/
		margin: 0;
		padding: 5px 15px 5px 15px;
	}

   .padtag {
      margin: 0;
      padding: 7px 0 7px 0;
   }
	
	.footertext {
		text-align: center;
		color: #000000;
		margin: 0;
		padding: 5px 15px 5px 15px;
	}
    
   .small {
        font-size: 0.8em;
        margin: 0;
        padding:  0;   
		text-align: right;
        font-family: verdana, arial, sans-serif; /*for netscape*/                       
   }

	.small_left {
       font-size: 0.8em;
        margin: 0;
        padding:  0;   
        text-align: left;
        font-family: verdana, arial, sans-serif; /*for netscape*/                       
   }

   .whitetxt {
    	color: #fff;
	}
	
   input, select {
        font-family: verdana, arial, sans-serif;
	    font-size: 0.8em;
   }
   
   /*padding*/
   .search {
	    text-align: right;
        padding: 7px 15px 0 10px;
        margin: 0;
	}
	
	.pad {
		margin: 0;
		padding:  0 15px 15px 15px;
	}

    .padimg {
        margin:10px;
    }
    
    .contactdetails {
        border-top:1px solid #006699;
        border-bottom:1px solid #006699;
        border-left:10px solid #006699;
        border-right:10px solid #006699;
        padding:10px;
        text-align: center;
        margin-top:25px;
        margin-bottom:10px;
    }
   
 	ul {
		margin: 0.2em 0 .5em 1.2em;
		padding:  0;
		font-family: verdana, arial, helvetica, sans-serif;
		list-style: outside url(/build/img/arw_link_black.gif);
	}

 	ul.pdf {
		margin: 0.2em 0 .5em 1.2em;
		padding:  0;
		font-family: verdana, arial, helvetica, sans-serif;
		list-style: outside url(/build/img/pdf.gif);
	}
	
	ul.white {
		list-style: outside url(/build/img/arw_link_white.gif);
	}

	ul.bookmark {
		list-style: outside url(/build/img/arw_bmk_black.gif);
	}
      
	li {
		margin: 0;
		padding:  0.15em 0 0.15em 0em;
	}
    
/*hyperlinks*/
   a, a:link, a:active {
      text-decoration: none;
		font-family: verdana, arial, helvetica, sans-serif;
		font-weight: normal;
   }

   a:visited {
		color: purple;
   }

   a:hover {
      text-decoration: underline;
   }

	a.white,  a.white:link, a.white:active, a.white:visited,  a.white:hover {
	  color:#ffffff;
      font-weight: normal;
	}
    
    a.black,  a.black:link, a.black:active, a.black:visited,  a.black:hover {
	  color:#000000;
      font-weight: normal;
	}


	a.whitebold,  a.whitebold:link, a.whitebold:active, a.whitebold:visited,  a.whitebold, a.whitebold:hover {
		font-weight: bold;
		color:#ffffff;
   }

   .bold, a.bold:link, a.bold:active, a.bold:visited,  a.bold, a.bold:hover {
		color:#000000;
		font-weight: bold;
   }
      
   p {
	   margin: 0;
		padding:  10px 0 10px 0;
   }
   
    sub {
        font-size:0.8em;
    }
    
    sup {
        font-size:0.8em;
    }

    tt {
        font-size: 1.2em;
    }    
   
   /*headers*/
   h1 {
      margin: 0;
      padding:  0 0 15px 0;
		font-size: 200%;
   }   

   h2, h3, h4, h5, h6 {
      margin: 0;
      padding:  0 0 10px 0;
   }   

   h2 {
      font-size: 140%;
   }   
   
   h3 {
      font-size: 120%;
      padding-top:10px;
   }
   
   h4 {
      font-size: 100%;
      padding-top:10px;
   }
   
   h5 {
      font-size: 100%;
      font-style:italics;
      padding-top:10px;
   }
   
   /*h6 is a special case on the website, see below*/
   
   #bookmarkbox {
       float:right;
       width:250px;
       padding:10px;
   }
	
    .grey {
     background-color: #efefef;
    }
    
    .darkgrey {
     background-color: #b3b3b3;
    }

  
     .border {
        border:1px solid #b3b3b3;
     }

     .blackbg {
        background-color:#000;
        color:#fff;
        padding:10px;
        margin:5px;
     }

    /*DEPRECATED styles, please do not use - being updated through editorial process*/
    .caption {
		font-family: verdana, arial, sans-serif;
		margin: 0;
		font-size: 0.8em;
   }
    
    /*EXPERIMENTAL styles, please do not use before talking to the Web Team*/
     
    /*use these for a "table" of thumbnail photos with captions - embed the caption div inside the floatleft one*/
    #floatleft {
        float:left;
        margin:7px 17px 7px 7px;
        text-align:center;
    }
    
    #floatright {
        float:right;
        margin:7px 17px;
        text-align:center;
    }

    /*use this to centre an image on the page*/
    #center {
        float:center;
        clear:all;
        text-align:center;
        /*-moz-outline: 1px solid lime;*/
    }
  
    /*replaces .caption (used for other things) putting a caption on a floated div*/
    .divCaption {
        font-weight:bold;
		padding:  7px 0;
		margin: 0;
		font-size: 0.8em;
   }

    #caption {
        margin-left: auto;
        margin-right: auto;
        text-align:center;        
        width:150px;
        font-size:0.8em;
        font-weight:bold;
        padding:7px 0;
    } 
    
    #captionbigimg {
        margin-left: auto;
        margin-right: auto;
        width:400px;
        text-align:center;
        font-size:0.8em;
        font-weight:bold;
        padding:7px 0;
       /* -moz-outline: 1px solid lime;*/
    } 

    #noticeBox {
        float:right;
        width:250px;
        border:1px solid #CCC;
        background-color:#e9e9e9;
        padding:10px;
        margin-left:30px;
    }

    #noticeBoxLarge {
        float:right;
        width:400px;
        border:1px solid #CCC;
        background-color:#e9e9e9;
        padding:10px;
        margin-left:30px;
    }
    
    /*collapsing menus - being tested*/    
    #menu {
	    display: block;
    	padding:0;
        margin:0;
    }
    
    #menu ul {
	    margin: 3px 0 3px 40px;
    	padding: 0;
    	font-size: 0.8em;
        list-style: outside url(/build/img/arw_bmk_black.gif);
    }

    #menu li {
    	margin: 1px 0px 5px 0px;
    	padding: 0;
    }
    
    /*careful changing this style, it's used in domCollapse*/
    h6 {
        font-size: 100%;
        margin:0;
        padding:2px 0;
   }

   /*mapspecs styles - in development*/
    #mapspecs {
       border: 2px solid #b3b3b3;
       padding: 0 15px;
   }
   
    table td .mapspecsTable {
        border: 2px solid #b3b3b3;
   }
   
   hr mapspecsHr {
        border:0;    
   }