/* General styles */

body, div, p, td, th, a, h1, h2, h3, h4, h5, h6, ol, li, ul, dl, dt, caption, address {
	font-family: arial, helvetica, sans-serif;
	font-style : normal;
}

body, div, p, td, th, li, ol, ul, dl, dt, address {
	color: #000000;
	font-size: 10pt;
}

sub,sup {
	font-size: 85%;
}

/* Text align */
caption {
	font-size: 11pt;
	font-weight:bold;
}

.textleft {
	text-align: left;
}

.textcenter {
	text-align: center;
}

.textright {
	text-align: right;
}

/* Visual */
.hide {
	display: none;
}

/* Body */
body {
/*	margin: 0 0 0 0; */
	background: #FFFFFF;
}

/*  Definition List */
dt {
	color: black;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 1px;
}

dd {
  margin-left:1px
}

/* Special messages */

.bluelight {
	color: #336699;
}

.redalert {
	color: red;
}

.blacksabbath {
	color: black;
}

.white {
	color: white;
  font-weight: bold;
}

/* Text sizes */

.small {
	font-size: 8pt;
}

.smaller {
	font-size: 7pt;
}

.smallest{
	font-size:6pt;
}

.punyhiddentext,a.punyhiddentext,a.punyhiddentext:link, a.punyhiddentext:active, a.punyhiddentext:visited, a.punyhiddentext:hover {
	font-size: 1pt;
	color: white;
}

.headings {  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; font-weight: bold; color: #CC3300}

/* Headlines */

h1,h2,h3,h4,h5,h6 {
	margin-top: 0pt;
	font-weight: bold;
}

h1 {
	font-size: 13pt;
	color: #003366;
}

h2 {
	font-size: 12pt;
	color: #336699;
}

h3 {
	font-size: 11pt;
	color: #336699;
}

h4 {
	font-size: 10pt;
	color: #336699;
}

h5 {
	font-size: 10pt;
	color: #336699;
}

h6 {
	font-size: 10pt;
	color: #336699;
}

/* General purpose */

.ErrMsg {
	color: red;
}

.ErrMsgBold {
	color: red;
	font-weight : bold;
}

.SuccessMsg {
	color: green;
}

.SuccessMsgBold {
	color: green;
	font-weight : bold;
}

/* Horizontal rulers */

hr.SideMenu {
	margin: 1em 0 1em;
	height: 0px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}

/* Lists */


li {
	font-size: 10pt;
}

/* Normal links */

a.SideMenu {
	text-decoration: none;
}

a:link, a:active {	
	color: #003366;
}

a:visited {
	color: purple;
}

a:hover { 
	color: #336699; 
}

/* Side Menu */

a.SideMenu {
	text-decoration: none;
}

a.SideMenu:link, a.SideMenu:active, a.SideMenu:visited {	
	color: #003366; 	
}

a.SideMenu:hover { 
	color: #336699; 
}

/* Indentation */

.indent {
	margin-left: 2em;
	text-align: left;
}

.indentMore {
	margin-left: 4em;
	text-align: left;
}

/* Marginals */

.NoTopMarginal {
	margin-top : 0px;
}

.Space {
	margin-bottom: 2px;
	margin-top: 2px;
}

/* Left-hand Search */

td.LeftHandSearch {
	color: #FFFFFF;
	font-size: 13px;
	font-weight : bold;
	text-align: left;
}

/* Left-hand navigation */

a.LeftNav:link,a.LeftNav:visited {
	color: #003366;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
}

a.LeftNav:hover,a.LeftNav:active {
	color: #336699;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
}

td.LeftNavSelected {
	background-color: #3366CC;
	text-align: left;
	/*border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;*/
}

a.PersonalCookieTrail:link,a.PersonalCookieTrail:visited {
	color: #003366;
	font-size: 10pt;
	font-weight: bold;
}

a.PersonalCookieTrail:hover,a.PersonalCookieTrail:active {
	color: #663366;
	font-size: 10pt;
	font-weight: bold;
}

a.LeftNav2:link,a.LeftNav2:visited {
	color: #663300;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
}

a.LeftNav2:hover,a.LeftNav2:active {
	color: #996633;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
}

td.LeftNav2Selected {
	background-color: #333333;
	text-align: left;
	/*border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;*/
}

/*CSS boxes*/
 .floatLeft{float: left;}
 
 .floatRight{float: right;}
 
 .image-left{float: left; vertical-align: text-top;}
 
 .image-right{float: right; vertical-align: text-top;}
 
 div.wrapContainer {width:99.5%; float:left; vertical-align: text-top;}
 
 div.formbox {width:99.5%; float:left; vertical-align: text-top; padding: .2em;}
 
.box { background: #cccccc; border: 2px solid; margin: 3px; width: 231px;}

.boxsmall { background: #cccccc; border: 2px solid; margin: 3px; width: 150px;}

.boxmedium { background: #cccccc; border: 2px solid; padding: 2px; margin: 3px;  width: 350px;}

.boxlarge { background: #cccccc; border: 2px solid; padding: 2px; margin: 3px;  width: 450px;}

.boxclear { border: 2px solid; padding: 2px; margin: 3px;  width: 231px;}

.boxclearmedium { border: 2px solid; padding: 2px; margin: 3px;  width: 350px;}

.boxclearlarge { border: 2px solid; padding: 2px; margin: 3px;  width: 450px;}

#container
{
width: 99.5%;
margin: 10px auto;
line-height: 130%;
}

#leftcol
{
float: left;
width: 140px;
margin: 0;
padding: 1em;
}

#rightcol
{
float: right;
width: 140px;
margin: 0;
padding: 1em;
}

#centercol
{
margin-left: 146px;
margin-right: 146px;
padding: 1em;
}

/*Start of testing colors for LeftNavSelected */

td.LeftNavSelectedColorTest {
	background-color: #669999;
	text-align: left;
	/*border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;*/
}

/*End of testing colors for LeftNavSelected */



td.LeftNav {
	background-color: #CCCCCC;
	text-align: left;
	/*border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;*/
}

p.LeftNav,p.LeftNav2 {
	margin-top: 3px;
	margin-bottom: 3px;
}

span.LeftNav {
	color: #666600;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 0px;
}

td.LeftNav2 {
	background-color: #00CCCC;
	text-align: left;
	/*border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;*/
}

span.LeftNav2 {
	color: #00FF00;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 0px;
}

/* Left-hand navigation - Selected */

a.LeftNavSelected:link,LeftNavSelected:active,a.LeftNavSelected:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
}

a.LeftNavSelected:hover {
	color: #CCCCCC	;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
}

/* Left-hand navigation - Blue */

td.LeftNavBlue {
	background-color: #003366;
	color: white;
	text-align: left;
}

a.LeftNavBlue:link,a.LeftNavBlue:active,a.LeftNavBlue:visited {
	color: white;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
}

a.LeftNavBlue:hover {
	color: #CCCCFF;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
}

a.Portal:link, a.Portal:active, a.Portal:visited {
	color: #003366; 
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}

a.Portal:hover {
	color: #336699;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}

/* The Canada Mark that's shown in the text view  */

td.CanadaMark {
	font-size:18pt;
	font-weight: bold;
}

/* Top-navigation Common Menu Bar */

td.CommonMenuBar, a.CommonMenuBar {
	background-color: black;
	color: white;
	font-size: 8pt;
	font-weight : bold;
	text-decoration : none;
	margin: 2px;
}

a.CommonMenuBar:link, a.CommonMenuBar:active, a.CommonMenuBar:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}

a.CommonMenuBar:hover {
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}

/* Top-navigation Institutional Menu Bar */

td.InstMenuBar, a.InstMenuBar {
	background-color: #336699;
	color: white;
	font-size: 8pt;
	font-weight : bold;
	text-decoration : none;
	margin: 2px;
}

a.InstMenuBar:link, a.InstMenuBar:active, a.InstMenuBar:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}

a.InstMenuBar:hover {
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}

/* Footer */

td.Footer {
	color: #FFFFFF;
	background-color: #336699;
	margin: 4px;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
}

/* Blue Text Boxes*/

td.Bluebox14 {
	color: #FFFFFF;
	background-color: #336699;
	margin: 4px;
	text-decoration: none;
	font-size: 14pt;
	font-weight: bold;
}

td.Bluebox12 {
	color: #FFFFFF;
	background-color: #336699;
	margin: 4px;
	text-decoration: none;
	font-size: 12pt;
	font-weight: bold;
}

td.Bluebox10 {
	color: #FFFFFF;
	background-color: #336699;
	margin: 4px;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
}

a.Footer:link, a.Footer:active, a.Footer:visited {
	color: #FFFFFF;
	background-color: #336699;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}

a.Footer:hover {
	color: #CCCCCC;
	background-color: #336699;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}

/* Portal boxes */

.PortalBoxBorder {
	border-color : #003366;
}

.PortalBoxRightText {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
	line-height: 14pt;
	text-align: left;
	text-indent: 1em;
	margin-bottom: 0px;
	white-space : normal;
}

.BorderNone {
  border-width: 0;
}

.PortalBoxRightBlueBG {
  background-color: #6699CC;
}


.PortalBoxRightBlueBorder {
  border-color: #6699CC;
  border-style : solid;
}

.PortalBoxRightBlueBorderBG {
	border-color: #6699CC #6699CC #6699CC #6699CC;
	background-color: #6699CC;
	border-style : solid;
}

.PortalBoxRightDarkBlueBG {
  background-color: #003366;
}

.PortalBoxRightDarkBlueBorder {
    border-color: #003366;
	border-style : solid;
}

.PortalBoxRightDarkBlueBorderNoBorderLeftSide {
	border-color: #003366;
	border-style : solid;
	border-left-width : 0px;
}

.PortalBoxRightDarkBlueBorderBG {
	border-color: #003366 #003366 #003366 #003366;
	background-color: #003366;
	border-style : solid;
}

.PortalBoxRightGreyBG {
  background-color: #999999;
}

.PortalBoxRightGreyBorder {
    border-color: #999999;
	border-style : solid;
}

.PortalBoxRightGreyBorderBG {
    border-color: #999999 #999999 #999999 #999999;
    background-color: #999999;
	border-style : solid;
}

/* Special - Redirect snippet */
Div.RedirectSnippet,a.RedirectSnippet:link,a.RedirectSnippet:visited {
	color: white;
}

a.RedirectSnippet:hover {
	color: #CCCCFF;
}

Div.RedirectSnippet {
	background:#3366CC;
	padding : 5px 5px 5px 5px;
	margin : 10px 0px 10px 0px;
	border : 3px inset #003366;
}

/* Media specific - Printing */

@media print {

 page { margin: 10%; }

 h1, h2, h3 { page-break-after: avoid; page-break-inside: avoid; }

 blockquote,

 ul, ol, dl { page-break-before: avoid; }

 }

/* Media specific - Voice */

@media aural {
 h1, h2, h3, h4, h5, h6 { voice-family: paul, male; stress: 20; richness: 90; }

 h2 { pitch: x-low; pitch-range: 80; }

 h3 { pitch: low; pitch-range: 70; }

 h4 { pitch: medium; pitch-range: 60; }

 h5 { pitch: medium; pitch-range: 50; }

 h6 { pitch: medium; pitch-range: 40; }

 li, dt, dd { pitch: medium; richness: 60; }

 dt { stress: 80; }

 b, strong { pitch: medium; pitch-range: 60; stress: 90; richness: 90; }

 i { pitch: medium; pitch-range: 60; stress: 60; richness: 50; }

 u { richness: 0; }

 a:link { voice-family: harry, male; }

 a:visited { voice-family: betty, female; }

 a:active { voice-family: betty, female; pitch-range: 80; pitch: x-high; }
 }