/* mycallander.ca - Services template
   Created: May.09, Dawn Carlyle, 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_svc.gif); background-repeat: repeat-x;*/
	font-family: arial, sans-serif; font-size: .7em;
	color: #464646; background-color: #c3c3c3; /* #bde3cc; */
	padding: 0; margin: 0;
	}

a { text-decoration: none; color: #b65e00; padding: 0; margin: 0; }
a:hover { text-decoration: none; color: #b0a398; 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_tagline2 { width: 100%; height: 178px;
	background-image: url(../images/banner-svc.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_svc.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: #fedfdc; /* pale red */
	border-bottom: 1px solid #019d45; /*line color at bottom*/
 	margin: -1px 0 0 -25px; padding: 3px 10px 3px 10px;
	}

        /* Hover text color = deep yellow | bg color = mid-red */
	.menu ul ul a:hover { color: #ffe65d; background: #e4240d; } /* IE7 only */
	.menu ul ul :hover > a { color: #ffe65d; background: #e4240d; } /* 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 red */
	.menu ul li:hover ul li a {display: block; background: #fef1f0; color:#000;}

	/* hover over links in 1st & 2nd level blocks
	   text link color = deep yellow | bg color = red */
	.menu ul li:hover ul li a:hover {background: #e4240d; 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: 0px 0px 7px 0px; 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: #aa1b0c; 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: #aa1b0c; 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: #aa1b0c; border: none;
			padding: 3px 0 3px 3px; background-color: #fef1f0; }
	
	/* 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; /*#0c6200*/
		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: #e2f2e8; border: 1px solid #187a3f; padding: 3px 4px; color: #000; text-decoration: none; }
	a:hover.page { background: #9ae8b7; border: 1px solid #187a3f; padding: 3px 4px; color: #000; text-decoration: none; }
	.pageselected { border: 1px solid #187a3f; 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: #aa1b0c;
			 padding: 5px 0 3px 0; border-bottom: 1px solid #e4240d; width: 93%;
			 }

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

	/* Event Block Generator ------------------------*/
	.event {
		margin-bottom: 1em;
		border: 1px solid #406686;
	        width: 100%;
		background: #eff5f1;
	}
	.event h4 {
		margin-bottom: .6em;
		padding: 0.3em;
		font: bold 1.1em arial, sans-serif; text-align: center;
		color: #fff;
		background-color: #e4240d; /* mid-green #009d44; */
	}
	.event_date { font-weight: bold; text-align: center; color: #690e05; padding-bottom: .2em; }
	.event_text { font: normal 12px Arial, Sans-Serif; color: #690e05; 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; }
.indent { margin-left: 40px; }
blockquote { margin: 15px; padding: 7px; font-style: italic; background-color: #ededed }

/* 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; }

/* 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 LEFT PADDING TO WIDEN RIGHT SIDEBAR */
	background-color: #fff;
	margin: 10px 0 0 0; padding: 0 10px 0 10px; /*padding: 0 18px 0 20px;*/
}

/* Definitions for left sidebar layout ------------------------- */

	.menu_left { /* LEFT SIDEBAR width adjusted */
		float: left;
		width: 19%; 		/*width: 16%;*/
		padding: 0 10px 0 10px;	/*padding: 0;*/
		margin: 0;		/*margin: 0 0 0 10px;*/
	}

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

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

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

	.content_right { /*PADDING ADJUSTED*/
	float: right; width: 75%;
	font-size: 1.1em; line-height: 1.5em; text-align: justify;
	padding: 0 10px 0 15px; /*padding: 0 20px 0 25px;*/
	margin: 0; border-left: 1px solid #e0e0e0;
	}

	.content_right p { padding: 0; margin: 7px 0 0 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_svc.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; }