/**
 * Style sheet for Interpeople web site.
 * Guidelines:
 * Try to set styles in objects that are higher in the hierarchy.
 * 		for instance in <body> rather than <p>.
 * All styles should be set in this css file. Any exceptions to
 * 		the general rules should use "classes" for example:
 * 		p.full_width or td.full_label_right.
 * Font and background colors are from color cube and dither-free.
 **/

/* ---------------------- FONTS -------------------------------*/

/* This is regular text */
font {
      font-family: "Verdana, Arial, Helvetica, sans-serif";
	color: black;
	font-size: small;
      font-weight: regular;
	font-style: normal; 
}

/* This is menu, footnotes etc */
font.menu {
      font-family: "Verdana, Arial, Helvetica, sans-serif";
	color: #003399;
	font-size: x-small;
      font-weight: regular;
	font-style: normal; 
}

/* This is for an in-line header. */
font.inline_header {
      font-family: "Verdana, Arial, Helvetica, sans-serif";
	color: #000066;
	font-size: small;
      font-weight: bold;
}

/* ----------------------------- BODY -----------------------------*/

body {  
	background-color: #0066CC;
	background-image: url("img/tile.gif");
      font-family: "Verdana, Arial, Helvetica, sans-serif";
      font-size: 8pt;
      font-weight: normal;
	margin-left: 0 px; 
	margin-top: 0 px;
     }




/* ----------------------------- HEADINGS ------------------------------*/


h1, h2, h3 {
	color: #000066;
	font-family:  "Verdana, Arial, Helvetica, sans-serif";
	margin-left: 12 px;
	font-weight: bold;
	text-align: left;
	valign: top;
	}
h1 {font-size: 32 pt;
        }
h2 {font-size: 16 pt;
        }
h3 {font-size: 16 pt;
        margin-top: 10 px;
        margin-bottom: 0 px;
        }

/* ------------------ PARAGRAPH ------------------------ */
p {
		margin-left:  15px;
		font-weight: normal;
        }

/* Text crossing the whole page does change wrapping
 * as browser width is changed.
 */
p.full_width {
          margin-left: 0 px;  	/* Use margin of body. */
          width: 580 px;
          }
p.fine_print {
          color: black;
          font-size: 10pt;
          }

p.copyright {
          color: white;
          font-size: 10pt;
          }
/* -------------------------------- TABLES --------------------------*/
table {
	margin-below: 0 cm;
}

td {
	margin-left: 0cm;
	font-weight: normal
      font-size: 10pt;
       margin-left: 0 px;
	valign: top;
        halign: left;
        }
td.left_strip {
	margin-left: 0cm;
	width: 200;
 	color: black;
	font-weight: normal
      font-size: 4pt;
	margin-left: 0 px;
	valign: top;
	halign: left;
	background-color:  #eeeeff;    
        }

td.blue_band {
	margin-left: 0cm;
	height: 28;
 	color: white;
	font-weight: bold;
      font-size: 8pt;
	margin-left: 0 px;
	valign: bottom;
	halign: left;
	background-color:  #0066CC;    
        }


/* ------------------------ LINKS --------------------------------*/
a.navigate {
	color: black;
      font-size:  normal;
      }

/* Make the unvisited stand out more than the visited */
a:visited   	{color: #003399} 
a:link  		{color: #330066}
a:active   	{color: #0033CC } 
a:hover    	{color: black}

