
/* #####  BASE/AfSE WEBSITE STYLES  ##### */

/*  Colours:  Red: #C80000, Blue: #333399, Deep Blue: #050769, Pale Pink: #FFF7EC  */

body { margin: 0px } 

p, h1, h2, h3, ol, ul, li  { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
	color: #000000; background-color:#FFFFFF; line-height: 150% } 

p, li { font-size: 80% } 

form, input, textarea { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif } 

h1 { font-size: 130%; font-weight: bold; color: #333399; background-color:#FFFFFF } 

h2 { font-size: 100%; font-weight: bold; color: #C80000; background-color: #FFFFFF } 

h3 { font-size: 80%; font-weight: bold } 

a { color: #333399; background-color: #FFFFFF; text-decoration: underline; font-weight: bold } 
a:hover { color: #C80000 } 

ol, ul, li { padding-right: 5% } 

hr { color: #333399 } 


/* #####  PAGE HEADER  ##### */

table.header { width: 100% } 

p.header { color: #FFFFFF; background-color: #333399; margin: 0; border: 0; padding: 0 } 

td.topleft { width: 740px; height: 139px } 

td.topright { color: #FFFFFF; background-color: #000000 } 

td.bottomleft { width: 740px; color: #FFFFFF; background-color: #333399; 
  text-align: right; padding-top: 3px; padding-bottom: 2px }
 
td.bottomright { color: #FFFFFF; background-color: #333399; text-align: right }


/* #####  WHAT'S NEW PANEL  ##### */ 

table.wnbox { border-width: 2px; border-style: solid; border-color: #333399 } 

td.wnspacer { width: 20px } 

p.wnhead { color: #333399; font-weight: bold; text-align: center; padding-top: 5px; padding-bottom: 5px; 
  border-width: 0px; border-bottom-width: 2px; border-style: solid; border-color: #333399  } 

p.wnbody { margin-left: 15px; margin-right: 15px; margin-top: 10px; margin-bottom: 10px } 


/* ##### MAP PAGES ##### */

td.agencies { vertical-align: top; width: 90% } 

td.linkmap { vertical-align: top; width: 205px }
img.linkmap { margin-left: 25px; height: 280px; width: 180px }
p.linkmap { font-size: 70%; line-height: 120%; width: 180px; 
  margin-left: 25px; margin-top: 10px; margin-bottom: 10px } 


/* ##### FORM PAGES ##### */ 

   /* No special formatting */


/* #####  NAVIGATION BAR  ##### */

td.navhdg { background-color: #333399; text-align: center } 
a.navhdg { background-color: #333399; text-decoration: none } 
img.navhdg { background-color: #333399; margin-top: 16px; margin-bottom: 12px } 
p.navhdg { color: #FFFFFF; background-color: #333399; font-size: 80%; font-weight: bold; 
  padding-left: 13px; padding-right: 13px; padding-top: 6px; padding-bottom: 7px; 
  margin: 0px; text-align: left } 

td.navbar { background-color: #FFF7EC; padding: 8px; padding-left: 5px; 
  border-width: 2px; border-style: solid; border-color: #333399 } 
p.navbar  { color: #333399; background-color: #FFF7EC; font-size: 80%; 
  padding-left: 0px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px; 
  margin: 0px; border: 0px; text-align: right; line-height: 120% } 
a.navbar { color: #333399; background-color: #FFF7EC; text-decoration: none } 
a.navbar:hover { color: #333399; background-color: #FFF7EC; text-decoration: underline } 


/* #####  PAGE FOOTER  ##### */ 

p.gototop { text-align: right; font-size: 70%; margin: 0px; margin-right: 20px } 

hr.footer { height: 2px; margin-top: 0px; margin-bottom: 0px } 
p.footer { text-align: center; font-size: 70%; margin: 0px; margin-left: 20px; margin-right: 15px } 
b.footer { color: #333399; font-weight: normal } 


/* #####  SCREEN LAYOUT  ##### */

@media screen {	

  #header { width: 100% } 

  #mainpart { width: 100%; border-left-width: 160px; border-left-style: solid; 
    border-left-color: #333399; padding: 25px; padding-right: 18px } 

  #footer { width: 100%; border-left-width: 160px; border-left-style: solid; 
    border-left-color: #333399; padding-top: 25px; padding-bottom: 10px } 

  #navbar { position: absolute; top: 181px; left: 0%; width: 160px; 
    background-color: #333399; padding-bottom: 20px } 

} 

/* #####  PRINTED PAGE LAYOUT  ##### */

@media print { 

  #header { display: none } 

  #mainpart { width: 100%; padding: 0% } 

  #footer { width: 100%; padding-top: 30px } 

  #navbar { display: none } 

}
