/* First file: All CSS-capable browsers */
/* This style sheet is complemented by test-css2.css, allowing text resizing */
/* Points are used for compatibility with older browsers. */

body {background-image: url(../images/bgshade.jpg);}

body, p { color:#000000; }

/* Multiple declarations take care of the NN4 inheritance bug */
body, p, blockquote, table, td, th, li, a href, ul, ol, input, dd, dl, dt,
form, input, button, textarea, select, option, fieldset, label
{
  font-size: 10pt;
  font-family: arial, helvetica, sans-serif; }



h1, h1.spch, h2, h3, h4, h5, h6 {
  font-family: arial, helvetica, sans-serif;
  color: #000; 
  background: transparent;
  font-weight: bold; }

H1 {font-size: 18pt;}
H1.spch {font-size: 14pt;}
H2 {font-size: 14pt;}
H3 {font-size: 11pt;}
H4 {font-size: 10pt;}
H5 {font-size: 9pt;}
H6 {font-size: 8pt;}

em, i      { font-style: italic; }
blockquote { font-style: italic; }
strong, b  { font-weight: bold; }
img {border-style: none;}
a img      { border:0px none #FFFFFF; color:#FFFFFF; } 

abbr, acronym, span.abbr{
cursor: help;
border-bottom: 1px dashed #000000;}

.size-larger  { font-size: 14pt; }
.size-large   { font-size: 12pt; }
.size-small   { font-size:  9pt; }
.size-smaller { font-size: 8pt;}
.size-smallest { font-size: 75%;}
	
.footnote {font-size: 8pt;}

sup {font-size: 8pt;
	font-weight: normal;}

ul {LIST-STYLE: disc;}
ul.square {LIST-STYLE: square;}
ul.circle {LIST-STYLE: circle;}

ol.lowerAlpha {list-style-type:lower-alpha;}
ol.upperAlpha {list-style-type:upper-alpha;}
ol.lowerRoman {list-style-type:lower-roman;}
ol.upperRoman {list-style-type:upper-roman;}

hr.center75 { 
 width: 75%; 
}

hr.left75 { 
 width: 75%;
 align: left;
}

/* Colours */
.gold {	color: #CC9966;}

.fmi-grn { color:#408080;}

.red { color: #ff0000;}

.ltblue { color: #0099CC;}

.yellow {  color: #EAB428;}

.grey {
	 color: #CCCCCC;
}
	

.invite {
	font-family: "Monotype Corsiva", arial, helvetica, sans-serif;
	font-size: large;
}
	
/* background colours for text or cells/rows */
.bgwht {background: #FFFFFF;}
.bggrn {background: #339966;}
.bg-lt-grn {background: #99CC99;}
.bgolive {background: #CCCC99;}
.bgbge {background: #FFFFCC;}
.menubg {BACKGROUND-COLOR: #990000;
 border: White;}
.menubg2 {BACKGROUND-COLOR: #F1BA5C;}
.menubg3 {BACKGROUND-COLOR: #F0A34D;}
.lftbg {BACKGROUND-COLOR: #990000;}
.bgred {background: #CC0000;}
.bgpink {background: #FFCCCC;}
.bgblk {background: #000000;}
.background {background: #FFD700;
	color: #000000;}
.bggrey {
	background-color: #CCCCCC;
}
.white {
	color: White;
}
	

.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.align-centre { text-align: center; }
.align-justify { text-align: justify; }

.indent {margin-left: 20px;}
.indent1 {margin-left: 20px; margin-right: 20px;}
.indent2 {margin-left: 40px;}
.indent3 {margin-left: 60px;}
.tab {text-indent: 40px;}

/* replaces absmiddle */
.image-middle {vertical-align: middle; }


.image-left { float:left; vertical-align:text-top; }
.image-right { float:right; vertical-align:text-top; }


A.nav1:link {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;}

A.nav1:visited {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;}
	
A.nav1:active {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;}
	
A.nav1:hover {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background : none;}

.fipbutton, .fipbutton a  { background: #000000; color: #FFFFFF; font-size: 12pt; font-family: arial, helvetica, sans-serif; text-decoration: none; font-weight: bold; }
.fipbutton { padding-left: 2px; padding-right: 2px; padding-top: 2px; width: 20%; padding-bottom: 2px; border-bottom:1px solid #FFFFFF; }


.orgbutton, .orgbutton a { background: #990000; color: #FFFFFF; font-size: 12px; font-family: arial, helvetica, sans-serif; text-decoration: none; font-weight: bold; }
.orgbutton { padding-left: 2px; padding-right: 2px; padding-bottom: 2px; padding-top: 2px; width: 20%; }
.navbartitle, .navbartitle a { background: #003366; color: #FFFFFF; font-size: 9pt; font-family: arial, helvetica, sans-serif; text-decoration: none; font-weight: bold; height:25px}
.navbartext,  .navbartext a { background: #6666FF; color: #FFFFFF; font-size: 9pt; font-family: arial, helvetica, sans-serif; text-decoration: none; }



.width-left {width: 150px; }
.width-left-nav {width: 132px; }
.width-FIP-gap {width: 18px;}
.width-side-gap {width: 24px;}
.width-head-foot {width: 550px;}
.blackmenu {width: 20%;}
.width-date-notice {width: 200px;}

.width18{ width : 18px; }
.width132{ width : 132px; }
.width450{ width : 450px; }
.width80 { width:80%;}
.width50 {width:50%;}



/*single-column, multi-row table with a background colour and a border*/
.box{background-color: #CC0000; width : 80%; border: 1px solid #000000;}


/*two-column single row table*/
div.cols2{float: left; margin: 0; padding: 0; width: 49%; }
div.cols2 div{padding: 5px;}

/*three-column single row table*/
div.cols3{float: left; margin: 0; padding: 0; width: 33%; }
div.cols3 div{padding: 5px;}

/*three-column multi-row table*/
div.row{margin: 0; padding: 2px; border: 0; background-color: #FFF; width: 98.5%;}
div.bx{float: left; width: 32%; margin: 0 3px 0 0; padding: 2px;}


/* Section Four: Other devices */
/* This section provides instruction for display on non-screen devices */
@media print {
 page { margin: 10% }
 h1, h2, h3, h4 { page-break-after: avoid; page-break-inside: avoid }
 blockquote, ul, ol, dl { page-break-before: avoid } 
}