/*  PP Style Sheet
*/
	
/* body and p - most text will fit into one of these two styles */
body { 
	font-size: 10pt; /* This will be overridden in percent.css */
	background: #FFFFFF;
	color: #000000; 
	font-family: arial, helvetica, sans-serif;
	margin: 0px;
}

/* Inheritance doesn't work in NS4 so re-specify for paragraphs */
p { font-size: 10pt; font-family: arial, helvetica, sans-serif; }



/* Link styles */
/* General-purpose link styles */

/* Links without any classes on them will be blue, or grey if visited,
	and red if active or under the mouse cursor */
a:link { color: #003366; }
a:visited { color: #999999; }
a:hover { color: #FF0000; }
a:active { color: #FF0000; }

/* 'noline' class can be applied to a link to
   prevent it from being underlined */
a.noline { text-decoration: none; }

/* 'nofade' class can be applied to a link to
	prevent it from turning grey when visited */
a.nofade:visited { color: #003366; }
a.nofade { color: #003366; }
a.nofade:active { color: #003366; }
a.nofade:hover { color: #ff0000; }

/* Breadcrumb link styles */

.breadcrumb { font-size: 8pt; font-family: arial, helvetica, sans-serif; font-weight: bold; }
.breadcrumb a:link { color: #003366; }
.breadcrumb a:visited { color: #003366; }
.breadcrumb a:hover { color: #FF0000; text-decoration: none; }
.breadcrumb a:active { color: #FF0000; }


/* Side-navigation button link styles */

/* 'sidenav' class is for toolbox-style left-side navigation buttons */
a.sidenav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	line-height: 100%;
	color: #003366;
	text-decoration: none;
	text-align: right;
	display: block; /* Make clickable area fill the button */
	width: 100%;
	padding: 0;
	margin: 0;
}


/* Specify that sidenav shouldn't fade to grey when visited */
a.sidenav:visited { color: #000000; }
a.sidenav { color: #000000; }
a.sidenav:active { color: #bb7700; }
a.sidenav:hover { color: #bb7700; }

a.sidenavred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	line-height: 100%;
	color: #ff0000;
	text-decoration: none;
	text-align: right;
	display: block; /* Make clickable area fill the button */
	width: 100%;
	padding: 0;
	margin: 0;
}

a.sidenavred:visited { color: #ff0000; }
a.sidenavred { color: #ff0000; }
a.sidenavred:active { color: #ff0000; }
a.sidenavred:hover { color: #ff0000; }

A.menubar {
font-size:        smaller;
font-family:      Arial;
font-style:       normal;
font-weight:      normal;
color:            white;
background-color: #bb7700;
text-decoration:  none;
}
A.menubar:visited  {
font-size:        smaller;
font-family:      Arial;
font-style:       normal;
font-weight:      normal;
color:            white;
background-color: #bb7700;
text-decoration:  none;
}
A.menubar:hover   {
font-size:        smaller;
font-family:      Arial;
font-style:       normal;
font-weight:      normal;
color:            black;
background-color: #FFCC33;
text-decoration:  none;
}

/* Top-navigation link styles */
.menuBlack {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 9pt;
	color : #999999;
	background-color : #000000;
	padding: 0px 2px 0px 3px;
	width : 20%;
}

.menuBlack a {
	padding: 1px;
	margin: 0px;
	color: #ffffff;
	background-color: #000000;
	text-decoration: none;
	display: block;
	width: 95%;
}
.menuBlack a:visited { color: #ffffff; }
.menuBlack a:active { color: #ffffff; }
.menuBlack a:hover { color: #ffffff; }

.menuColoured {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 9pt;
	color : #999999;
	background-color : #cccccc;
	padding: 0px 2px 0px 3px;
	width : 20%;
}

.menuColoured a {
	color: #000000;					/* Foreground colour of inst menu bar links */
	background-color: #cccccc;		/* Background colour of inst menu bar links */
	text-decoration: none;
	padding: 1px;
	margin: 0;
	display: block;
	width: 95%;
}
.menuColoured a:visited 	{ color: #000000; }
.menuColoured a:active 	{ color: #000000; }
.menuColoured a:hover 	{ color: #000000; }


/* Other page elements */

/* Make things in tables arial in NS4 */
td { font-family: arial, helvetica, sans-serif; }

/* No borders on images by default */
img { border-style: none; }

/* Lists have square bullets by default */
ul {
	list-style: circle;
	font-family: arial, helvetica, sans-serif;
	margin-top: 0%;
	margin-bottom: 0%;
}

/* Have to style this to make it work properly in NS4 */
li {
	font-size: 10pt;
	font-family: arial, helvetica, sans-serif;
}

/* Header styles */
h1 {
	font-size: 15pt;
	font-family: arial, helvetica, sans-serif;
	margin-bottom: 0%;
	color: #bb7700;
}
h2 {
	font-size: 13pt;
	font-family: arial, helvetica, sans-serif;
	margin-bottom: 0%;
	color: #003366;
}
h3 {
	font-size: 13pt;
	font-family: arial, helvetica, sans-serif;
	margin-bottom: 0%;
	color: #bb7700;
}
h4 {
	font-size: 12pt;
	font-family: arial, helvetica, sans-serif;
	margin-bottom: 0%;
	color: #bb7700;
}
h5 {
	font-size: 12pt;
	font-family: arial, helvetica, sans-serif;
	margin-bottom: 0%;
	color: #003366;
}
h6 {
	font-size: 10pt;
	font-family: arial, helvetica, sans-serif;
	margin-bottom: 0%;
	color: #666666;
}

/* Other classes */

/* Convenience classes */

/* Classes to name colours */
.blue { color: #003366; }
.red { color: #ff0000; }

/* And sizes */
.small { font-size: 9pt }
.smaller { font-size: 8pt }


/* Rounded feature boxes */

.features {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: normal;
}

a.features {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: normal;
}

.featuresTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 14px;
	color: #003366;
	font-weight: bold;
}

.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 100%;
	color: #990000;

}

.greybgrnd {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
}

.featuresBackground {
	background-image: url(/zone/clf-nsi/images/features/headerBackground.gif);
}

/* Institute, branch, or program identifier text in the upper-left */

.ibpident {
	padding: 0 0 10px 0;
	font-family: 'verdana', arial, helvetica, sans-serif;
	line-height: 1.5em;
	width: 132px;
}

/* 5 XHTML-specific styles */

.imgcell img, .imgcell a { 
        display: block; 
        margin: 0; 
        border: 0; 
        padding: 0; 
}

.tight img, .tight a {
	margin: 0;
	border: 0;
	padding: 0;
}