/* mycallander.ca - Government template
   Created: Feb.11.08, Doug Brydges, based on default template.
   Updated: May 27.09, #bottom height adjusted.
   	    Apr.11.08 - menu section, .sidebar_title & .sidebar_subtitle
-------------------------------------------------------------------------------*/

body {	/*background-image: url(../../bg-white.jpg); background-repeat: repeat;*/
	/* background-image: url(../images/body_bg_gov.gif); background-repeat: repeat-x; */
	font-family: arial, sans-serif; font-size: .7em;
	color: #464646; background-color: #c3c3c3; /* #faf2e0; */
	padding: 0; margin: 0;
	}

a { text-decoration: none; color: #b65e00; padding: 0; margin: 0; }
a:hover { text-decoration: none; color: #495800; outline: 0; padding: 0; margin: 0; }

a.discrete { text-decoration: none; color: #7e7e7e; padding: 0; margin: 0; }
a.discrete:hover { text-decoration: underline; color: #7e7e7e; border-bottom: 0; outline: 0; padding: 0; margin: 0; }

a.title { text-decoration: none; color: #8f8f8f; padding: 0; margin: 0; }
a.title:hover { text-decoration: none; color: #8f8f8f; border-bottom: 0; outline: 0; padding: 0; margin: 0; }

h1 {	font-size: 2em; font-weight: 100;
	padding: 0; margin: 20px 0 7px 0;
	}

h2 {	font-size: 1.2em; font-style: italic; font-weight: 100;
	padding: 0; margin: 0;
	}

h3 {	font-size: 1.6em; font-weight: 100; line-height: 1em;
	border-bottom: 1px solid #e0e0e0; padding-bottom: 4px; margin: 15px 0 5px 0;
	}

h4 {	font-size: 1.3em; font-weight: 100;
	border-bottom: 1px solid #e0e0e0; padding-bottom: 4px; margin: 10px 0 5px 0;
	}

.in { text-indent: 20px; }

#wrap { width: 876px; min-height: 450px; height: auto !important; height: 450px;
	background-color: #fff; padding: 0; margin: 0 auto;
	border-bottom: solid 1px #000000; border-left: solid 1px #000000; border-right: solid 1px #000000; }

#header { width: 100%; height: 140px; }

.title_tagline { width: 100%; height: 178px;
	background-image: url(../images/banner-gov.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 30px 0 0 30px; margin: 0;
	}

#main_menu { height: 60px;
	background-image: url(../images/menu_bg_gov.gif);
	background-repeat: repeat-x;
	font-size: 1.1em; padding: 11px 0 0 22px; margin: 0;
	}
/*-------- Category Titles with content dropdowns -----------------
   Feb.17.08 - Modified for use in Div ID #main_menu
   in Eatlon.com bothbars, leftbar & rightbar layouts.

   Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
   Stu's Basic Cross-browser Drop Down Validating Menu, modified
   - http://www.cssplay.co.uk/menus/basic_dd.html
   - For IE6 only, uses htc/csshover.htc file.
     Link to it before </head> in template file.
=================================================================== */

/* position menu over menu bar */
.menu { margin-top: -7px; }

/* no styles */
.menu ul { padding: 0; margin:0; list-style-type: none; }

/* CATEGORY TITLES - relative position by default */
	.menu li {
	position: relative; z-index: 10;
	float: left; margin: 0 10px 0 0; padding: 0;
	}

	.menu a, .menu a:visited {
	display: block; font: bold 12px Arial, Sans-Serif; color: #fff;
	text-decoration: none; 	text-align: left;
	height: 34px; /* SET @ 1PX LESS THAN - top: in .menu ul ul (below) */
        border: 0px solid; /* invisible border, keeps 2nd level visible during mouseover */
 	background: transparent; padding-left: 10px; line-height: 30px;
	}

	/* Hover color = deep yellow */
	.menu a:hover { color: #ffe65d; } /* IE7 only */
	.menu :hover > a { color: #ffe65d; } /* FF & Opera only */

/* LEVEL 1 DROPDOWN - Category's content links - hidden */
	.menu ul ul {
	position: absolute;  z-index: 50; /* Z=50 keeps dropdown up front */
	top: 35px; /* set at 1px more than  - height: in .menu a, (above) */
	visibility: hidden; width: 150px; height: 0; left: 0;
	}

	.menu ul ul a, .menu ul ul a:visited {
	width: 129px; height: auto; font: normal 11px arial;
	color:#000; background: #d4d8bd; /* pale grey-green */
	border-bottom: 1px solid #444c1c; /*line color at bottom*/
 	margin: -1px 0 0 -25px; padding: 3px 10px 3px 10px;
	}

        /* Hover text color = deep yellow | bg color = mid-green */
	.menu ul ul a:hover { color: #ffe65d; background: #67762b; } /* IE7 only */
	.menu ul ul :hover > a { color: #ffe65d; background: #67762b; } /* FF & Opera Only */

	/* dropdown visible on Category Title hover */
	.menu ul li:hover ul, .menu ul a:hover ul{ visibility: visible; }

/* ADDED for subcategories Apr.10.08 */
 	.subcat { margin-left: .2em; line-height: 100%; font: bold 11px Arial, Sans-Serif; }
	/* Hover over category title, displays 1st level block.
	   Hover over Subcat title in 1st level block displays same in 2nd level block.
	   text link color = black | bg color = pale green */
	.menu ul li:hover ul li a {display: block; background: #d4d8bd;; color:#000;}

	/* hover over links in 1st & 2nd level blocks
	   text link color = deep yellow | bg color = dk-green */
	.menu ul li:hover ul li a:hover {background: #67762b; color: #ffe65d;} /* hover colors in 1st & 2nd levels */
	/* positions 2nd level flyout to edge of 1st level dropdown */
	.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:149px; top:0;} /* positions 2nd level */

        /* specific to non IE browsers */
	.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}

	.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}

	.menu ul li:hover ul li ul {display: none;}
/* -------------------------------------------------------------------------------------*/

/* ------------------------ cms components only ----------------------------- */
	/*controls spacing between in-category side-bar menus*/
	#this_category { margin-bottom: 10px; padding: 0 }

	/*container for breadcrumbs & searchbar*/
	#subheader { clear: both; padding: 0 0px 5px 10px; height: 24px; line-height: 15px; width: 98.9%;
	margin: -30px 0 15px 0; color: #808080; border-bottom: 1px solid #e0e0e0; }

	#subheader a { background: inherit; color: #444; }

	#breadcrumbs { float: left; margin: 5px 0 0; }

	/* jason's searchform */
	.search input{ vertical-align: middle; }
	.searchfield { position: relative; border: 1px solid #BBB; width: 130px; margin: 0 0 7px 0; padding: 2px 3px;  }
	.searchbutton { margin: 0 0 -6px 3px; }
	.searchright { float: right; margin-right: 10px; margin-top: -9px;  padding: 0; }

	/*top notice container, applied in function extra
	  Background leaf clearance - changed: width - 93.5% to 83.5% right-padding - 10px to 100px*/
	.topnotice {	clear: both; width: 83.5%; font: 13px Arial, Sans-Serif; line-height: 1.3em;
	                border-bottom: 1px solid #e0e0e0;
			margin: 5px 0 0 18px; padding: 0 100px 5px 10px;
			}
	.topnotice a { background: inherit; }
	.topnotice h3 { font: bold 1.5em Arial, Sans-Serif; color: #3b421c; border: none; }

	/*bottom extra container, applied in function third_extra
	  Background leaf clearance - changed: width - 93.5% to 83.5% right-padding - 10px to 100px*/
	#footernotice {	clear: both; width: 83.5%; font: 13px Arial, Sans-Serif; line-height: 1.3em;
			border-top: 1px solid #e0e0e0;
			margin: 25px 0 -10px 18px; padding: 10px 100px 0 10px;
			}
	#footernotice a { background: inherit; color: #444; }
	#footernotice h3 { font: bold 1.5em Arial, Sans-Serif; color: #3b421c; border: none; }

	.topnotice, #footernotice {background-image: url(../images/leaf-shadow.png);
				background-repeat: no-repeat;
				background-position: top right; }

        /*sidebar extra container, applied in function second_extra*/
	.sidebar { border-top: 1px solid #e0e0e0; padding: 10px 0 10px 0;
		   font: 12px Arial, Sans-Serif; line-height: 1.2em; }
	.sidebar h3 { font: bold 1.3em Arial, Sans-Serif; color: #3b421c; border: none;
			padding: 3px 0 3px 3px; background-color: #f1f3e7; }
	
	/*Applies to main content container only*/
	.post_wrap { margin: 0 0 20px 0; }
	.post_wrap h2 {
		background-image: url(../images/maintitlebg.jpg);
		background-repeat: no-repeat;
		font: bold large Verdana, Geneva, Arial, Helvetica, Sans-Serif;
		color: #fff;
		height: 43px;
		padding: 16px 0 3px 50px;
		border: none;
		}

	/* Modified paginator function  */
	.paginator{ text-align: right; margin: 0.5em 0.2em 0.5em 0; }
	a.page { background: #edf2d8; border: 1px solid #67762b; padding: 3px 4px; color: #424e0a; text-decoration: none; }
	a:hover.page { background: #d0df89; border: 1px solid #67762b; padding: 3px 4px; color: #000; text-decoration: none; }
	.pageselected { border: 1px solid #67762b; background: #fff; padding: 3px 4px; color: #000; }

	.sidebar_title { font: bold 1.2em Arial, Sans-Serif; color: #fff;
			 padding: 3px 0 3px 3px; background-color: #fff;
			  background-image: url(../images/side-title-bg.png); background-repeat: repeat-y;
			 }
        .sidebar_subtitle { font: bold 1.2em Arial, Sans-Serif; color: #3b421c;
			 padding: 5px 0 3px 0; border-bottom: 1px solid #3b421c; width: 93%;
			 }

	.side_menus { font: normal 1.3em Arial Narrow, Sans-Serif; }

	/* Event Block Generator ------------------------*/
	.event {
		margin-bottom: 1em;
		border: 1px solid #67762b;
	        width: 100%;
		background: #f1f3e7;
	}
	.event h4 {
		margin-bottom: .6em;
		padding: 0.3em;
		font: bold 1.1em arial, sans-serif; text-align: center;
		color: #fff;
		background-color: #67762b;
	}
	.event_date { font-weight: bold; text-align: center; color: #3b421c; padding-bottom: .2em; }
	.event_text { font: normal 12px Arial, Sans-Serif; color: #3b421c; padding: 0 .6em .6em .6em; line-height: 1.3em; }

/* div classes to float images or inserted blocks with text-wrap in articles */
.floatright { position: relative; float: right; padding: 3px 0 0 10px; border: none; }
.floatleft { position: relative; float: left; padding: 3px 10px 0 0; border: none; }

/* Comments and comment panel styles */
.comment { color: #4e1a1a; background: #f6f0e8; padding: 10px; margin-bottom: 10px; border: 1px solid #C0C0C0; }
.commentsbox { background: #f5f5f5; color: #808080; padding: 10px; margin: 0 0 10px 0; border: 1px solid #C0C0C0; }
.indent { margin-left: 40px; }
blockquote { margin: 15px; padding: 7px; font-style: italic; background-color: #ededed }

/* extra box for extra 2 & extra 2 blocks, above & below the center content */
.extrabox { border : 1px solid #ccc; background : #f6f0e8; padding : 10px; }

/* REMOVES BORDERS FROM IMAGES */
img { border: none; }

/*-------------------------- end of cms components ---------------------------*/

#content { /* ADJUSTED RIGHT PADDING TO WIDEN RIGHT SIDEBAR */
	background-color: #fff; 
	margin: 10px 0 0 0; padding: 0 10px 0 20px; /*padding: 0 18px 0 20px;*/
}

/* Definitions for right sidebar layout ------------------------- */
	.content_left { float: left; width: 74%;
	font-size: 1.1em; line-height: 1.5em; text-align: justify;
	padding: 0 25px 0 10px; margin: 0;
	border-right: 1px solid #e0e0e0;
	}

	.content_left p { padding: 0; margin: 7px 0 0 0; }

	.menu_right { /* ADJUSTED WIDTH OF RIGHT SIDEBAR */
	float: right;
		width: 19%;             /*width: 16%;*/
		padding: 0 10px 0 0;    /*padding: 0 20px 0 0;*/
		margin: 0;
	}

		.menu_right p {
			padding: 0;
			margin: 6px 0 0 0;
		}

		.menu_right ul {
			list-style-type: none;
			padding: 0;
			margin: 5px 0 25px 0;
		}

		.menu_right ul li {
			padding: 0;
			margin: 0;
		}

.square {
	width: 120px;
	border-top: 1px solid #bcc6d4;
	border-bottom: 1px solid #bcc6d4;
	padding: 5px 8px 5px 0;
	margin: 0 0 25px 0;
	}

.post { padding: 0 0 20px 0; }

.layouts { text-align: center; padding: 10px 0 0 0; }

.disclaimer { margin-top: 10px; font-style: italic; font-size: 85%; text-align: center; line-height: 100%; }

#bottom { clear: both; width: 100%; height: 85px; background-color: #fff; padding: 0; margin-top: 20px; border-top: 1px solid #e0e0e0; }
	/* background-image: url(../images/bottom_bg_gov.gif); background-repeat: no-repeat; */

.footer { width: 100%; text-align: center; padding: 0; margin: 12px 0 0 0; }
.footermenu { text-align: center; list-style-type: none; display: inline; line-height: 20px;  }
.footermenu a.current{color: #fffac5; background: #777777; }