/* CSS Document  */

body     		{	
			margin:0;
			padding:0;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:10pt;
			line-height:14pt; 
			background-image:url(http://www.mycms.ca/blocks/mycms/images/tile_grey01.gif);
			background-color:#DCDDDE;
			color: #000;
	}

A:link, A:active, A:visited 		{ 	
			color: #005EA0; 
			text-decoration: none; 
	}
A:hover 		{ 	
			color: #001b70; 
			text-decoration: underline;
	}
	
#bodydiv 		{ 	
			width:100%;
			background-image:url(http://www.mycms.ca/blocks/mycms/images/bkgd_pattern.gif);
			background-repeat: repeat-x;
	}
	
.maintable  { 
				margin:auto;
				padding:0;
				background-color:#FFF;
				width:90%;
				min-width:600px;
				max-width:900px;
				width: expression(this.width > 900 ? 900: true);
				width: expression(this.width < 600 ? 600: true);
	}
	
	
.header 		{ 	
			background-color:#FFF; 
	}
#shadowleft 		{ 	
			background-image:url(http://www.mycms.ca/blocks/mycms/images/shadowleft_grey01.gif);
	}
#shadowright 		{ 	
			background-image:url(http://www.mycms.ca/blocks/mycms/images/shadowright_grey01.gif);
	}				
							
.login input	{       
	/* for IE */ filter:alpha(opacity=85);
	/* CSS3 standard */  opacity:0.85; 
	}
	
/* Content */
.content	{  
					Padding: 0;
	}
.content h2	{  
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size:12pt;
				line-height:18pt; 
	}
.contenttable	{  
					Padding: 0px;
					min-height:400px;
	}


.side     		{	
			margin:0;
			padding:0;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:10pt;
			line-height:14pt; 
	}
.side A:link, A:active, A:visited 		{ 	
			color: #bb0000; 
			text-decoration: none; 
	}
.side A:hover 		{ 	
			color: #dd0000; 
			text-decoration: underline;
	}
	
#menutop	 	{ 
					font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
					font-size: 11pt; 
					font-weight: normal;
					line-height: 14pt; 
					float: center;
					text-align: left;
					}
#menutop ul	{ 	list-style: none; margin: 0; padding: 0; }
#menutop li	{   float: left; }
#menutop li a:link, 
#menutop li a:visited 	{ 	
					display: block;
					padding: 0.70em 0.8em 1.40em 0.8em; 
					color:#222;
					text-decoration:none;
					margin: 0px;
					width: 105px;
					border-left: dotted 1px #AAA;
	}
							
#menutop li a:hover 	{ 	
					background-color: #111;
					border: 0;
					font-weight: bold;
					color:#FFF;
	}		
/* Side Menu Top */
.menuside 	{ 	width:195px; 
					border-right: dotted 2px #AAA;			
	} 

#menuside	{ 	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
					font-size: 11pt; 
					font-weight: normal;
					font-style: normal;
					line-height: 14pt; 
					float: center;
					text-align: left;
					}
#menuside  ul	{	list-style: none; 
					margin: 0; 
					padding: 0;
					}
#menuside  li a:link, #menuside li a:visited, #menuside li a:active 	{ 	
					display: block;
					padding: 5px 1px 3px 42px; 
					color:#005795;
					text-decoration:none;
					font-style: normal;
					font-weight: bold;
					margin: 0px;
					width: 158px;
					background-image:url(http://www.mycms.ca/blocks/mycms/images/dove_bkgd.gif);
					background-repeat:no-repeat;
					height:28px;
					}		
#menuside li a:hover 	{ 	
					border: 0;
					font-weight: bold;
					color:#69A53D;
					background-image:url(http://www.mycms.ca/blocks/mycms/images/dove.gif);
					background-repeat:no-repeat;
					}		
/* Side Menu */
.sideright		{ 	width:150px;
					border-left: dotted 2px #AAA;	
	}  	
.sideright	H3	{ 	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
					font-size: 18pt; 
					font-weight: normal;
					font-style: normal;
					line-height: 24pt; 
					text-align: left;
					color: #aaa;
					margin: 0px 2px 2px 20px;
	} 
.sideright	ul	{ 	Margin-top: 0;
					Margin-left: 10px;
					padding-left: 10px;
					color:#333;
	} 
.sideright	li	{ 	
	}  
.sideright li a:link, .sideright li a:visited 	{ 	
					font-weight: normal;
					text-decoration:none;	
					color: #005EA0; 
					}		
.sideright li a:hover 	{ 	
					font-weight: normal;	
					color: #003C80; 
					}
	
#footer div	{ 	width:100%;
					background-color: #667;
					background-image:url(http://www.mycms.ca/blocks/mycms/images/bkgd_pattern.gif);
					text-align:center;
					border-bottom: solid 12px #000;
	}
    #page_mask{
        visibility: hidden;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0px;
        left: 0px;
        display: block;
        z-index: 999;
        background-color: rgb(0, 0, 0);
        opacity: 0.3;
    }
