/* CSS style sheet for Richmond Hill Office of Economic Development, by David Janik-Jones, http://www.esolutionsgroup.ca */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/ */
/* All web site content copyright 2005, Richmond Hill Office of Economic Development and its authorized agents */
/* Started: February 22, 2005, modified in late April, 2005 */

/* This design is not a template. You may not reproduce it elsewhere without the designer's or owner's written permission. 
However, feel free to study the CSS and use whatever techniques you learn from it elsewhere. Daddy says hi to Cal and Luke */

/* ----- float hack from http://www.positioniseverything.net/easyclearing.html ----- */
.Clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .Clearfix {height: 1%;}
/* End hide from IE-mac */

.heading {
	font-size: 16px;
	padding-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom: 15px;
	font-weight: bold;
	color: #666666;
}


/* ----- basic elements ----- */
body {
	margin: 0; padding: 0;height:100%; 
}
td,input {
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
}

p {
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0; padding-bottom: 16px;
/*	text-align: left;*/
}
a:link, a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #114488;
}
a:hover, a:active {
	text-decoration: underline;
	color: #114488;
}

/* ----- basic containers for all pages ----- */
#banner {
	width: 975px; height: 111px;
	background-color: #FFF;
	margin: auto auto;
	background: url(/images/logo_richmondhill.jpg) bottom left no-repeat;
	position: relative;
}
/* two subcontainers within the banner area */
#bannernav {
	position: absolute;
	top: 18px; right: 0px; height: 18px; width: 500px;
	text-align: right; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #114488;
}
#bannersearch {
	position: absolute;
	top: 68px; left: 350px; height: 26px; width: 400px;
	text-align: right;
}
/* end */
#menu {
	width: 100%; height: 5px;
	background-color: #024b2d;
	margin: auto auto;
	text-align: center;
	overflow: hidden;
	z-index: 2;
	margin-bottom: 3px;
}
#copyright {
	position: relative;
	bottom:-3px;
	width: 100%; height: 25px;
	background-color: #024b2d;
	margin: auto auto;
	
	text-align: center;
	left:0px;
	clear: both;
}
#footer {
	width: 750px;
	background-color: #FFF;
	margin: auto auto;
	text-align: right;
	position: relative;
}


/* ----- container for the HOME PAGE only ----- */
#homecontent {
	width: 100%; height: 501px;
	 /* background-image: url(/images/dot_clea.gif); */
	border-top: 5px solid #FFF; 
	border-bottom: 5px solid #FFF;
	position: relative;
}
#flashbanner {
	width: 750px; height: 326px;
	border-right: 5px solid #FFF; border-left: 5px solid #FFF; border-bottom: 1px solid #FFF;
	margin: auto auto;
	z-index: 1;
}
#homeintro {
	width: 975px; height: 310px;
	top:-5px;
	border-right: 5px solid #FFF; 
	border-left: 5px solid #FFF;
	margin: auto auto; position: relative;
}
/* these styles describe the left hand column with the tabs and iframe */
#introtext {
	position: absolute; top: 0; left: 0;
	width:400px;
	height: 400px;
}
#intromenu {
	width: 562px; height: 29px; /* experimented by changing ht from 25 and introframe from 159 */
	overflow: hidden;
}

/* Green box for main text on why us, Business report, News items */
#introframe {
	width: 562px; height: 370px;
	background: url(/images/tabs_table_bk.gif) top left no-repeat;
	overflow: hidden;
	
}
.Frameinfo {
	width: 562px; height: 160px;
}
/* these styles describe the right hand column on the index page with the weather and currency info in it */
#introweather {
	width: 186px; height: 173px;
	padding-left: 10px;
	position: absolute; top: 0; left: 562px;
	#border-left: 1px solid #FFF; border-right: 1px solid #114488; border-bottom: 1px solid #114488;
	border-left: 1px solid #FFF; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;
	background-color: #FFFFFF;
}
#greytab {
	width: 185px; height: 24px;
	border-bottom: 1px solid #FFF;
	background-color: #E8E8E8;
}
#weatherinfo {
	margin-top: 0px;
	border-top: 1px solid #114488;
	height: 50px;
}



/* ----- styles for the CONTENT pages of the website ----- */
#contentarea {
	width: 100%;
	/* background-image: url(/images/bkgnd_homecontent.gif); */
	border-top: 5px solid #FFF; border-bottom: 5px solid #FFF;
	position: relative;
}
#textarea {
	width: 975px;
	border-right: 5px solid #FFF; border-left: 5px solid #FFF;
	margin: auto auto;
	/* background: url(/images/bkgnd_textarea.gif) top left repeat-y; */
	/* faked left nav background that repeats vertically the whole way */
}

#leftnav {
	/* position:absolute; top:0; left:0; */
	float: left;
	width: 186px;
}
#rightcontent {
	/* position: relative; top: 0; left: 200px; */
	width: 530px;
	float: left;
	padding-left: 17px;
}
#rightcontent td {
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif; /* added this line so that editable text is consistent */
	color: #666; /* added this line so that editable text is consistent */
}
#rightcontent ul {
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}
#rightcontent ol {
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}
#pagetitle {
	width: 530px; margin-bottom: 4px;
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; color: #114488;
	text-align: left;
	padding-top: 5px;
}
#breadcrumb {
	width: 530px;
	text-align: right;
	font: 10px/13px Verdana, Arial, Helvetica, sans-serif; color: #979797;
	padding-top: 5px; border-top: 1px solid #114488;
}
#pageimage {
	width: 530px; height: 176px;
	margin-top: 12px; margin-bottom: 20px;
	overflow: hidden;
}
.Pagetableleft {
	width: 355px; /* 355 - right padding */
	padding-right: 18px;
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif; /* added this line so that editable text is consistent */
	color: #666; /* added this line so that editable text is consistent */
}
/* added this style so that table contents added by user in editable area has the same font */
.Pagetableleft td {
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0; padding-bottom: 16px;
	text-align: left;
}
.Pagetableright {
	width: 175px;
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif; /* added this line so that editable text is consistent */
	color: #666; /* added this line so that editable text is consistent */
}
.Pagetableright td {
	width: 175px;
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif; /* added this line so that editable text is consistent */
	color: #666; /* added this line so that editable text is consistent */
}
.rightheading {
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif; color: #114488;
	font-weight: bold;
	border-bottom: 1px solid #DDDDCC;
	margin-bottom: 16px;
}
.none { 
}

/* ----- typography ----- */
#greytab p {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; color: #114488;
	margin: 0;
	padding: 6px 1px 6px 12px;
}
#weatherinfo p {
	font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #114488;
	margin: 0;
	padding: 5px 1px 14px 17px;
}
#copyright p {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0; 
	padding: 0;
	padding-top: 7px; 
	margin-left: 0px; /*margin was originally 470px*/; 
	text-align: center;
	bottom:0px;
}
#copyright a:link, #copyright a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #FFF;
}
#copyright a:hover, #copyright a:active {
	text-decoration: underline;
	color: #FFF;
}
#bannernav a:link, #bannernav a:visited {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #114488;
}
#bannernav a:hover, #bannernav a:active {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #114488;
}
#breadcrumb a:link, #breadcrumb a:visited {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #979797;
}
#breadcrumb a:hover, #breadcrumb a:active {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #979797;
}


/* ----- left navigation UL and LI styles on CONTENT pages ----- */
/* Modified to containt leftnav, otherwise bullets could not be created in the editable area*/
#leftnav ul {
	margin: 0; padding: 0;
	list-style: none; width: 186px;
}
/* Fix IE. Hide from IE Mac \*/
/* Modified to containt leftnav, otherwise bullets could not be created in the editable area*/
* html #leftnav ul li { float: left; height: 1%; }
* html #leftnav ul li a { height: 1%; }
/* End */

#leftnav li {
	margin: 0; padding: 0;
	margin-bottom: 1px;
}
#leftnav a {
	/*/*/display: block;
	padding-left: 22px;
	background: url(/images/bkgnd_li.gif); 
	/* */
}
#leftnav a:link, #leftnav a:visited {
	color: #114488;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; font-weight: bold;
	padding-top: 7px; padding-bottom: 8px;
	/*/*/color: #114488;
	text-decoration: none; /* */
}
#leftnav a:hover {
	background-image: url(/images/bkgnd_li_over.gif);
	color: #114488;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; font-weight: bold;
}
/* placed in the required LI tag to over-ride the main UL style to highlight where you are */
#onlink a:link, #onlink a:visited, #onlink a:hover {
	/*/*/background-image: url(/images/bkgnd_li_over.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; font-weight: normal;
	color: #114488; /* */
}
/* this style is for the third level subnav menu items */
#subnav a:link, #subnav a:visited {
	/*/*/background-image: url(/images/bkgnd_subnav.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; color: #114488; border-bottom: 1px solid #FFF;
	text-decoration: none; /* */
}
#subnav a:hover {
	/*/*/background-image: url(/images/bkgnd_subnav.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; color: #004d2d; border-bottom: 1px solid #FFF;
	text-decoration: underline; /* */
}
 
 
/* ----- forms and other special styles ----- */
.Formbox {
	border: 1px solid #A5ACB2; padding: 2px;
	font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666;
}

#dir td {
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}

.error {
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: Red;
}


/* ----- css buttons ----- */
#navcontainer ul {
	padding-left: 0; margin-left: 0;
	background-color: #B8CCF3;
	float: left; width: 100%;
	font: 11px Arial, Helvetica, Verdana, sans-serif; color: #37598A;
	font-weight: bold;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
	padding: 0.2em 1em;
	background-color: #B8CCF3;
	color: #37598A; text-decoration: none;
	float: left;
	border-right: 1px solid #FFF;
}

#navcontainer ul li a:hover {
	background-color: #D6E2FA;
	color: #37598A;
}


#sbecarea {
	position:absolute;
	left: 15px;
	top: 55px;
}