/* GOL-CSS Prototype page */
/* First file: All CSS-capable browsers */
/* Created: July 1st, 2003 */
/* Modified: January 29, 2004 (MM) */
/* This style sheet is complemented by clf-nsi2.css, allowing text resizing */
/* Points are used for compatibility with older browsers. */

/* Section One: HTML elements */
/* This section defines common HTML elements */

body, p { color:#000000; background: #FFFFFF; }

/* 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; }

/* courier works across all platforms tested for forms controls, not arial */
select, input, textarea {
   font-size: 10pt;
   font-family : "Courier New", Courier, monospace; }

/* All header share some common characteristics. Sizes specified separately */
h1, h2, h3, h4, h5, h6 {
  font-family: arial, helvetica, sans-serif;
  color: #cc3333;          /* Should be customized by departments */
  background: transparent;
  font-weight: bold; }

h1 {	font-size: 15pt; }
h2 {	font-size: 14pt; }
h3 {	font-size: 13pt; }
h4 {	font-size: 12pt; }
h5 {	font-size: 11pt; }
h6 {	font-size: 10pt; }

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

/* This re-establishes useful conventions, just in case */

a href { text-decoration: underline; }  /* Usual web standard */
/* Not specifying the a href color allows end-user preferences to take precedence */

.width18{ width : 18px; }
.width132{ width : 132px; }
.width450{ width : 450px; }
/* classes to define <td> width */

/* Section Two: named classes */
/* This section defines named classes for better display in newer browsers */

/* Simple text-sizing classes, when nothing else will do */
.size-larger  { font-size: 14pt; }
.size-large   { font-size: 12pt; }
.size-small   { font-size:  9pt; }
.size-smaller {  /* used for captions, date and disclaimer link in page footer */
	margin-bottom: 1pt;  /* Useful to keep disclaimers from sticking to the bottom */
	font-size: 8pt;
	font-weight : normal; }

/* Simple but useful color display classes. */
.colour-red { color: #FF0000; }
.colour-green { color: #00FF00; }
.colour-blue { color: #0000FF; }

/* Simple classes to "touch up" text alignement */
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-centre { text-align: center; }
.align-justify { text-align: justify; }

/* Quick ways to create floating images */
.image-left { float:left; vertical-align:text-top; }
.image-right { float:right; vertical-align:text-top; }
/* There is no way to center imgs directly in CSS: images have to be
   encapsulated in, say, an "align-center" <div> or <p> 
   * <br clear="all"> can solve problem if image overlaps
   */


/* Section Three: display classes */
/* This section redefines displayed classes for better display in newer browsers */
/* Most specifically, to create "unnatural" classes for purposes of displaying
   navigation elements such as the GoC navigation elements, etc. */
.fipbutton, .fipbutton a  { background: #000000; color: #FFFFFF; font-size: 9pt; font-family: arial, helvetica, sans-serif; text-decoration: none; font-weight: bold; }
.fipbutton { padding-left: 2px; padding-right: 2px; padding-bottom: 2px; padding-top: 2px; width: 89px; }

.orgbutton, .orgbutton a { background: #cc3333; color: #FFFFFF; font-size: 9pt; 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: 89px; }
.navbartitle, .navbartitle a { background: #cc3333; color: #FFFFFF; font-size: 9pt; font-family: arial, helvetica, sans-serif; text-decoration: none; font-weight: bold; height:25px}
.navbartext,  .navbartext a { background: #cc6666; color: #FFFFFF; font-size: 9pt; font-family: arial, helvetica, sans-serif; text-decoration: none; }
/* Double-definition of <class> and <a> tag takes care of inheritance issues */

/* 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 } 
}