/* 
    Government of Alberta Menu Style Sheet
    CSS2 Definitions for Layout
    developed by YellowPencil.com - February 2007

    Modified version from Alberta Education 2008/09/08	
*/
/* Main Navigation - Horizontal
#mainNav {padding-bottom:4px;background: url(/images/interface/bgMenu.jpg) repeat-x bottom;}
#mainNav ul {margin:0;padding:0;list-style:none;}
#mainNav li {float:left;margin:0;padding:0;background: #204b9a url(/images/interface/bgMenuLeft.jpg) no-repeat top left;width:12%;border-bottom:1px solid #fff;}
#mainNav a {display:block;text-decoration:none;color:#fff;background:  url(/images/interface/bgMenuRight.jpg) no-repeat top right;padding:10px 7px 5px;text-align:center;height:2.5em;min-height:2.4em;}
#mainNav a:hover {text-decoration:underline;}
#mainNav li.selected, #mainNav li.selectedParent  {background:#c7c7c7 url(/images/interface/bgMenuLeftSelected.jpg) no-repeat top left;border-bottom:1px solid #c7c7c7;}
#mainNav li.selected a, #mainNav li.selectedParent a {background: url(/images/interface/bgMenuRightSelected.jpg) no-repeat top right;color:#333333;}
#mainNav li.selected a:hover, #mainNav li.selectedParent a:hover {color:#555;text-decoration:none;}
 */
/* Main Navigation - Short Height Version
#mainNav ul.shortMenu a {height:1.4em;min-height:1.3em;}

2012/07/01 NEW MENU Styles*/
 
#mainNav {
    margin: 0px 8px 12px 0px;
    width: 952px;
    overflow: hidden;
    line-height: 0.9em;
    border-bottom: 2px solid #ffcd29;
    background: #ffffff;
}
#mainNav ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
}
#mainNav li {
    float: left;
    display: inline;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: #ffffff;
    width:12.4%;
}
#mainNav a {
    display: block;
    padding: 8px 5px 8px 10px;
    font-size: 1.083em;
    color: #36424b;
    text-decoration: none;
    background: #ffffff;
    height: 35px;
}
#mainNav .isCurrent,
#mainNav .isParentCurrent,
#mainNav .selectedParent {
    background: #ffcd29;
}
#mainNav .isCurrent a,
#mainNav .isParentCurrent a,
#mainNav .selectedParent a {
    color: #36424b;
    background: #ffcd29;
}
#mainNav a:hover {
    text-decoration: none;
    background: #ffcd29;
}

/* Sub Navigation */

/* Sub Navigation */
#subNav, #sitemap
{
    margin:0;
    padding:0;
    /*font-family:Verdana, Arial, Helvetica, sans-serif;*/
}

/*,
#mainNav li */
#subNav ul {margin:0;padding:0;}

#subNav li{display:inline;list-style:none;}

#subNav li a {display:block;padding:3px 5px 3px 15px;text-decoration:none;border-bottom:1px solid #ccc;}
/*CHANGES HERE*/
/* Second Level SubNavigation */
#subNav li ul li a  {padding:3px 5px 3px 25px;}
/* Third Level SubNavigation */
#subNav li li ul li a {padding:3px 5px 3px 35px;font-size:1em;}
/* Fourth Level SubNavigation */
#subNav li li li ul li a {padding:3px 5px 3px 45px;font-size:1em;}
/* Fifth Level SubNavigation */
#subNav li li li li ul li a {padding:3px 5px 3px 55px;font-size:1em;}
/* Sixth Level SubNavigation */
#subNav li li li li li ul li a {padding:3px 5px 3px 65px;font-size:.9em;}
/* Seventh Level SubNavigation */
#subNav li li li li li li ul li a {padding:3px 5px 3px 75px;font-size:.9em;}

/* Hover and Colour States for all SubNavigation */

#subNav li a {color: #313031;background-position: 4px 9px;background-repeat: no-repeat;}
#subNav li li a {background-position: 15px 6px;}
#subNav li li li a {background-position: 25px 7px;}
#subNav li li li li a {background-position: 35px 7px;}
#subNav li li li li li a {background-position: 45px 7px;}

/*li.selectedParent isParentActive {font-weight: bold;}*/


#subNav li.isParent a, 
#subNav li.isParentActive ul li.isParent a, 
#subNav li.isParentCurrent ul li.isParent a

{background-image: url(/images/interface/bgMenuParentClosed.gif);  }


/* NEW **** submenus .... and background color  */

#subNav li.isParentActive ul li a, 
#subNav li ul li.isParentActive ul li a,
#subNav li ul li ul li.isParentActive ul li a,
#subNav li ul li ul li ul li.isParentActive ul li a,
#subNav li.isParentCurrent ul li a, 
#subNav li ul li.isParentCurrent ul li a, 
#subNav li ul li ul li.isParentCurrent ul li a, 
#subNav li ul li ul li ul li.isParentCurrent ul li a
{background-image:none; background-color:#ffffff;}

 /*END NEW ...	BACKGROUND-COLOR ADDED*/
 
 /*Bg Colour */

/* */#subNav li.isParentCurrent a, 
#subNav li.isParentActive a, 
#subNav li ul li.isParentCurrent a,
#subNav li ul li.isParentActive a,
#subNav li ul li ul li.isParentCurrent a, 
#subNav li ul li ul li.isParentActive a
{background-color:#ccc;}



/* Arrows*/
#subNav li.isParentCurrent a,
#subNav li.isParentActive a,
#subNav li ul li.isParentCurrent a,
#subNav li ul li.isParentActive a,
#subNav li ul li ul li.isParentCurrent a, 
#subNav li ul li ul li.isParentActive a,
#subNav li ul li ul li ul li.isParentCurrent a, 
#subNav li ul li ul li ul li.isParentActive a
{background-image: url(/images/interface/bgMenuParentOpen.gif); }



/*#subNav li ul li.isParentCurrent a/*, #subNav li.isParentActive a, #subNav li ul li.isParentCurrent a, #subNav li ul li.isParentActive a{font-weight:bold;}*/
#subNav li.unselected {font-weight: normal;}
#subNav li.selectedParent, #subNav li.unselected isParent, .active {}

#subNav li a {background-color: #ffffff/*E0E9EB*/;}

/* this one controls the background for the blocks - simply change the colour below*/


 #subNav li ul li a, 
 #subNav li.isCurrent ul li a, 
 #subnav li.selectedParent ul, 
 #subNav li.isParentActive ul li a, 
 #subNav li.isCurrent ul li a, 
 #subNav li li.isCurrent ul li a,  
 #subNav li.isParentCurrent ul li a,
 #subNav li li.isParentCurrent ul li a  {background-color:#ffffff/*E0E9EB*/;color:#313031;}

/*#subNav li.isCurrent a,
#subNav li.isParentCurrent a, 
#subNav li ul li.isCurrent a, 
#subNav li ul li.isParentCurrent a, 
#subNav li ul li ul li.isCurrent a, 
#subNav li ul li ul li.isActive a {background-color:#fff;}*/


#subNav li a:hover, 
#subNav li ul li a:hover, 
#subNav li ul li ul li a:hover,
#subNav li ul li ul li ul li a:hover,
#subNav li.isCurrent a:hover, 
#subNav li.isParentCurrent a:hover, 
#subNav ul li.isCurrent a:hover, 
#subNav ul li.isParentCurrent a:hover {background-color:#ffcd29;color: #313031;}



#subNav li.isParentCurrent a,
#subNav li ul li.isParentCurrent a,
#subNav li ul li ul li.isParentCurrent a,
#subNav li ul li ul li.isParentCurrent a,
#subNav li ul li ul li ul li.isParentCurrent a,
#subNav li ul li ul li ul li ul li.isParentCurrent a
{background-color:#ffffff; color: #313031;}


/* NEW STUFF ACTIVE CLASS */

#subNav li.isActive a,
#subNav li ul li.isActive a,
#subNav li ul li ul li.isActive a,
#subNav li ul li ul li ul li.isActive a,
#subNav li ul li ul li ul li ul li.isActive a,
#subNav li.isCurrent a, 
#subNav li ul li.isCurrent a, 
#subNav li ul li ul li.isCurrent a, 
#subNav li ul li ul li ul li.isCurrent a,
#subNav li ul li ul li ul li ul li.isCurrent a
{background-color:#ffcd29;}



/* END STUFF ACTIVE CLASS */


/* #subNav li ul li a, #subNav li.isCurrent ul li a, #subNav li.isParentCurrent ul li a  {padding:3px 10px 3px 25px;background:#5f769c;color:#fff;}*/ /* light blue */ 

/* 





/* #subNav li ul li a, #subNav li.isCurrent ul li a, #subNav li.isParentCurrent ul li a  {padding:3px 10px 3px 25px;background:#5f769c;color:#fff;}*/ /* light blue */ 

/* 



/* #subNav li ul li a, #subNav li.isCurrent ul li a, #subNav li.isParentCurrent ul li a  {padding:3px 10px 3px 25px;background:#5f769c;color:#fff;}*/ /* light blue */ 

/* 
Quicklinks are DIV boxes that can be used to reference URLS, anchors and other links.  They create a list of bullets with arrows.  There are 2 types of quicklinks boxes (both look the same)

quicklinks: (for 1-Column layout or in the left column of a 2 column layout) as an inline DIV class. It will automatically float right
quicklinks3: (for Thirds layout in the right hand column) this div will expand and contract accordingly based on a percentage value.

*/

.quicklinks, .quicklinks3 {
    float: right;
    border:#BCE2D6 solid 1px;
    background: #eff4f5;
    font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
    margin: 0 0 1em 2em;
    clear: right;
    padding: 0 20px 10px;
}

.quicklinks {width: 25%;}
.quicklinks3 {width: 83%;}

.quicklinks h3, .quicklinks3 h3{
    background:url(/images/interface/sidebar_tile.gif) repeat-x;
    border-bottom:#BCE2D6 solid 1px;
    font-size:1.2em;
    padding:3px 10px 3px 10px;
    color:#003399;
    margin: 0 -20px 0 -20px;
}
.quicklinks ul, .quicklinks3  ul{list-style-type:none;margin:10px 0 5px 0;padding: 0 0 5px 10px;}
.quicklinks li, .quicklinks3 li{list-style: disc url(/images/interface/bullet_arrow.gif);padding-bottom: 5px;}
.quicklinks a, .quicklinks3 a{text-decoration: none;font-size: 1em;}
.quicklinks a:hover,.quicklinks3 a:hover{text-decoration: underline;}

/* 

Sidebar is a DIV box that can be used to feature content with a heading (optional), thumbnail (optional) and links (optional).  It creates an outlined box, and has padding and formatting settings predefined. .  There are 2 types of sidebar boxes (both look the same)

sidebar: (for 1-Column layout or in the left column of a 2 column layout) as an inline DIV class. It will automatically float right
sidebar3: (for Thirds layout in the right hand column) this div will expand and contract accordingly based on a percentage value

*/

.sidebar, .sidebar3 {
    float: right;
    border:#ccc/*BCE2D6*/ solid 1px;
    font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    padding: 10px;
    clear: right;
    margin: 0 0 1em 2em;
}

.sidebar {width: /*32.55%*/27.55%;}
.sidebar3, .columnRight sidebar {width: 91%;}

.sidebar img, .sidebar3 img {float:left;border:#BCE2D6 solid 0px;margin: 5px;}
.sidebar h3, .sidebar3 h3 {font-size: 1.2em;margin:0 0 5px 0;color:#34A281/*3BB590 86b5a9*/}
.sidebar p, .sidebar3 p {font-size: .89em;margin-top:0;color:#666666;}
.sidebar a, .sidebar3 a {text-decoration: none;font-size: 1em;}
.sidebar a:hover, .sidebar3 a:hover {text-decoration: underline;}

.sidebar ul, .sidebar3 ul {margin:-10px 0 0 0;clear:left;}
.sidebar li, .sidebar3 li  {list-style-type: square;font-size:.89em;}
 
 /* Aligns images left or right as well as provides the font styling to add captions */
.photoRight {font-size: .89em; color: #666666;margin:1em 0 1em 1em;padding-left:1em;float:right;}
.photoLeft {font-size: .89em; color: #666666;margin:1em 2em 1em 0;padding-right:1em;float:left;}

/* a simple divider with a rounded corner.  Can be used in any column on any layout */
.subhead1{
    background: #EFF4F5 url(/images/interface/subhead1_left_cnr.gif) no-repeat left top;
    width:100%; 
    color: #003399;
    padding: .3em 0 .1em .8em;
    margin-left: -13px;
    text-align:left;
    clear:both;
    font-family:arial,helvetica,sans-serif;
}
 
/* a basic horizontal rule style */ 
hr {
background:#C3C8CB none repeat scroll 0%;
border:medium none;
clear:both;
color:#C3C8CB;
height:1px;
margin:0pt 0pt 1.35em;
}


/*test*/

  #sidemenu {  
 float: left;  
    width: 150px;  
   list-style:none;  
    padding: 4px 0px 4px 0px;  
     margin: 3px 0px 3px 0px;   
  }  
   
 #sidemenu li {  
     margin: 0;  
     padding: 0;  
  }  
   
 #sidemenu li .selected {  
     background-color: #CDCDCD;  
 }  
   
 #sidemenu a {  
     display: block;  
     padding: 3px;  
     text-decoration: none;  
  }  
   
 #sidemenu a:hover {  
   background: #333399;/*#000066;*/  
    color: #FFF;  
   }  
   
/*.level1selected {  
      background-color: #CDCDCD;  
  }  */
     
   
   .level2 {  
      margin: 1px 0px 1px 8px;  
  }  
    
  /*.level2selected {  
       margin: 1px 0px 1px 8px;  
     background-color: #CDCDCD;  
  }  
   
  .level3 {  
     margin: 1px 0px 1px 16px;  
 }  
    
 .level3selected {  
     margin: 1px 0px 1px 16px;  
     background-color: #CDCDCD;  
 }  
    
 .level4 {  
     margin: 1px 0px 1px 24px;  
  }  
   
 .level4selected {  
     margin: 1px 0px 1px 24px;  
     background-color: #CDCDCD;  
 }  
*/

#content table.top TD {
PADDING: 0px; 

HEIGHT: 70px;
MARGIN: 0px; 
background-color:red}
#content table.top {border-collapse:collapse;border-spacing:0;}

.topimg {color:#164490;	font-size:20px; font-family: Arial, Helvetica, sans-serif;}
/*164490 */
#content .imagefile {margin:0;}

.topimage {BORDER-RIGHT: #cccccc 1px solid;
PADDING-RIGHT: 0px; 
BORDER-TOP: #cccccc 1px solid; 
PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
BORDER-LEFT: #cccccc 1px solid; 
WIDTH: 298px; PADDING-TOP: 0px; 
BORDER-BOTTOM: #cccccc 1px solid;
HEIGHT: 70px}

/************************ menu right ***************************/

#content .SubMenu2{
margin:0;
padding:0;
width: 150px;
color:black;
font-weight:none;
text-align:left;
font-size:11px;
w\idth:146px;
}

#content .SubMenu2 a:link {
color: #000000;text-decoration:none;
}

#content .SubMenu2 a:active {
color: #000000; text-decoration:none;
}


#content .SubMenu2 a:visited {
color: #000000; text-decoration:none;
}


#content .SubMenu2 a:hover {
color: #fff; text-decoration:none;
}

.SubMenu2 ul, .mainNav2 li {margin:0;padding:0;}

.SubMenu2 li {display:inline;list-style:none;}

.SubMenu2 li a {display:block;padding:3px 5px 3px 15px;text-decoration:none;border-bottom:1px solid #ccc; border-left:1px solid #ccc;  border-right:1px solid #ccc;}

/*CHANGES HERE*/
/* Second Level SubNavigation */
.SubMenu2 li ul li a  {padding:3px 5px 3px 25px;}
/* Third Level SubNavigation */
.SubMenu2 li li ul li a {padding:3px 5px 3px 35px;font-size:1em;}


/* Hover and Colour States for all SubNavigation */

.SubMenu2 li a {color: #313031;background-position: 4px 6px;background-repeat: no-repeat;}
.SubMenu2 li li a {background-position: 15px 6px;}
.SubMenu2 li li li a {background-position: 25px 7px;}

/*li.selectedParent isParentActive {font-weight: bold;}*/

.SubMenu2 li.isParent a, 
.SubMenu2 li.isParentActive ul li.isParent a, 
.SubMenu2 li.isParentCurrent ul li.isParent a
{background-image: url(/images/interface/bgMenuParentClosed.gif);  }


/* NEW **** submenus .... and background color  */

.SubMenu2 li.isParentActive ul li a, 
.SubMenu2 li ul li.isParentActive ul li a,
.SubMenu2 li.isParentCurrent ul li a, 
.SubMenu2 li ul li.isParentCurrent ul li a
{background-image:none; background-color:#ffffff;}

 /*END NEW ...	BACKGROUND-COLOR ADDED*/
 
 /*Bg Colour */

/* */
.SubMenu2 li.isParentCurrent a, 
.SubMenu2 li.isParentActive a, 
.SubMenu2 li ul li.isParentCurrent a,
.SubMenu2 li ul li.isParentActive a
{text-decoration:none;background-color:#ccc;}

/* Arrows*/
.SubMenu2 li.isParentCurrent a,
.SubMenu2 li.isParentActive a,
.SubMenu2 li ul li.isParentCurrent a,
.SubMenu2 li ul li.isParentActive a
{background-image: url(/images/interface/bgMenuParentOpen.gif);}



/*.SubMenu2 li ul li.isParentCurrent a/*, .SubMenu2 li.isParentActive a, .SubMenu2 li ul li.isParentCurrent a, .SubMenu2 li ul li.isParentActive a{text-decoration:none;font-weight:bold;}*/
.SubMenu2 li.unselected {font-weight: normal;}

.SubMenu2 li.selectedParent, .SubMenu2 li.unselected isParent, .SubMenu2  li.active {font-weight: normal;}

.SubMenu2 li a {text-decoration:none;background-color: #D8D8D8/*E0E9EB*/;}

/* this one controls the background for the blocks - simply change the colour below*/

 .SubMenu2 li a,
 .SubMenu2 li ul li a, 
 .SubMenu2 li.isCurrent ul li a, 
 .SubMenu2 li.selectedParent ul, 
 .SubMenu2 li.isParentActive ul li a, 
 .SubMenu2 li.isCurrent ul li a, 
 .SubMenu2 li li.isCurrent ul li a,  
 .SubMenu2 li.isParentCurrent ul li a,
 .SubMenu2 li li.isParentCurrent ul li a  {text-decoration:none;background-color:#ffffff/*E0E9EB*/;color:#313031;}

 

.SubMenu2 li a:hover, 
.SubMenu2 li ul li a:hover, 

.SubMenu2 li.isCurrent a:hover, 
.SubMenu2 li.isParentCurrent a:hover, 
.SubMenu2 ul li.isCurrent a:hover, 
.SubMenu2 ul li.isParentCurrent a:hover {text-decoration:none;background-color:#64707C;color: #fff; }



.SubMenu2 li.isParentCurrent a,
.SubMenu2 li ul li.isParentCurrent a

{text-decoration:none;background-color:#ffffff; color: #313031;}


/* NEW STUFF ACTIVE CLASS */

.SubMenu2 li.isActive a,
.SubMenu2 li ul li.isActive a,
.SubMenu2 li ul li ul li.isActive a,
.SubMenu2 li ul li ul li ul li.isActive a,
.SubMenu2 li ul li ul li ul li ul li.isActive a,
.SubMenu2 li.isCurrent a, 
.SubMenu2 li ul li.isCurrent a, 
.SubMenu2 li ul li ul li.isCurrent a, 
.SubMenu2 li ul li ul li ul li.isCurrent a,
.SubMenu2 li ul li ul li ul li ul li.isCurrent a
{text-decoration:none;background-color:white; font-weight:none;}



/********************************* end menu right */