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

#mainNav {padding-bottom:4px;background: url(../images/interface/bgMenuTeal.jpg) repeat-x bottom;}
#mainNav ul {margin:0;padding:0;list-style:none;}
#mainNav li {float:left;margin:0;padding:0;background: #3a5db1 url(../images/interface/bgMenuLeftTeal.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/bgMenuRightTeal.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/bgMenuLeftSelectedTeal.jpg) no-repeat top left;border-bottom:1px solid #85b5b9;}
#mainNav li.selected a, #mainNav li.selectedParent a {background: url(../images/interface/bgMenuRightSelectedTeal.jpg) no-repeat top right;color:#333333;}
#mainNav li.selected a:hover, #mainNav li.selectedParent a:hover {color:#555;text-decoration:none;}
#mainNav ul:after {clear:both; content: "."; display: block; height: 0;}

/* Main Navigation - Short Height Version */
#mainNav ul.shortMenu a {height:1.4em;min-height:1.3em;}