/*  greenlane.css - main stylesheet for Ontario Region Green Lane */
/*  Last Updated: 2004-Jul-23  by: Scott Monds */

/* 
	Basic declarations
*/

body {
	background-color: #FFFFFF;
	background-image: none;
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	}

th {
	font-size: 100%;
	font-family: arial, helvetica, sans-serif;
	}

h1 {
	font-size: 130%;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	}

h2 {
	font-size: 120%;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	}

h3 {
	font-size: 115%;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	}

h4 {
	font-size: 110%;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	}

h5 {
	font-size: 105%;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	}

h6 {
	font-size: 100%;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	}

pre {
	font-size: 100%;
	font-family: monospace;
	}

a:hover {
	color: #FF0000;
	text-decoration: underline;
	}

a.local-anchor:hover {						/* Used for local anchors so link style doesn't appear around non-link anchor items */
	color: #000000;
	text-decoration: none;
	}


/*
	Miscellaneous styles - not associated with any particular usage
*/

.imgcell {									/* Used with tables of images to keep excess space appearing between rows (in NS6+/Mozilla) */
	display: block;
	}

.normal {									/* Same style as basic body style... */
	font-size: 80%;
	font-weight: normal;
	font-style: normal;
	font-family: arial, helvetica, sans-serif;
	}

.important {
	font-size: 100%;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	}

.heading {									/* Should only be applied to logical header tags... */
	font-size: 120%;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	}

.subheading {								/* Should only be applied to logical header tags... */
	font-size: 110%;
	font-style: italic;
	font-family: arial, helvetica, sans-serif;
	}

.small {
	font-size: 75%;
	font-family: arial, helvetica, sans-serif;
	}

.large {
	font-size: 110%;
	font-family: arial, helvetica, sans-serif;
	}

.tty {
	font-family: monospace;
	}

.bold {										/* Consider using STRONG tag if appropriate */
	font-weight: bold;
	}

.bunderline {
	font-weight: bold;
	text-decoration: underline;
	}

.quote {									/* Consider using EM tag for italics or BLOCKQUOTE for a quote instead */
	font-style: italic;
	}

.fun {
	font-size: 90%;
	font-family: "Comic Sans MS", arial, helvetica, sans-serif;
	}

.funheading {
	font-size: 110%;
	font-weight: bold;
	font-family: "Comic Sans MS", arial, helvetica, sans-serif;
	}

.in {
	text-indent: 1.2em;
	}

.hangin {
	text-indent: -1.2em;
	}

.blockindent {								/* Use BLOCKQUOTE tag for an actual quote */
	margin-left: 7%;
	margin-right: 7%;
	}

p.question {								/* This is only attached to P because of the margin setting */
	font-size: 90%;
	font-weight: bold;
	font-style: italic;
	font-family: arial, helvetica, sans-serif;
	margin-left: 5%;
	}

p.answer {
	font-size: 80%;
	font-family: arial, helvetica, sans-serif;
	margin-left: 9%;
	}


/*
	Styles for "Welcome" pages
*/

a.LangButton:link {
	background-color : #FF0000;
	background-image: none;
	color : #FFFFFF;
	font-weight : bold;
	font-size : 120%;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	padding : 3px 8px;
}

a.LangButton:visited {
	background-color : #FF0000;
	background-image: none;
	color : #FFFFFF;
	font-weight : bold;
	font-size : 120%;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	padding : 3px 8px;
}

a.LangButton:hover {
	background-color : #FFFFFF;
	background-image: none;
	color : #FF0000;
	font-weight : bold;
	font-size : 120%;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : underline;
	padding : 3px 8px;
}

th.langbutton,td.langbutton {				/* If A and TH not both classed, display problems were observed on IE4, 5.5 & 6 */
	background-color : #FF0000;
	background-image: none;
	color : #FFFFFF;
}

/*
	Styles for regional CLF header
*/

a.MenuButton:link {
	color : #FFFFFF;
	text-decoration : none;
}

a.MenuButton:visited {
	color : #FFFFFF;
	text-decoration : none;
}

a.MenuButton:hover {
	color : #FFFFFF;
	text-decoration : underline;
}

.govmenubox {
	background-color : #000000;
	background-image: none;
	color : #FFFFFF;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 70%;
	font-weight : bold;
	padding-bottom : 1px;
	padding-left : 4px;
	padding-right : 4px;
	padding-top : 1px;
	height : 15px;
	width : 89px;
}

.govmenubox0 {								/* Smaller font size for text that will wrap to 2 lines otherwise (at base res)... */
	background-color : #000000;
	background-image: none;
	color : #FFFFFF;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 65%;
	font-weight : bold;
	padding-bottom : 1px;
	padding-left : 4px;
	padding-right : 4px;
	padding-top : 1px;
	height : 15px;
	width : 89px;
}

.instmenubox {								/* Single height box */
	background-color : #339966;
	background-image: none;
	color : #FFFFFF;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 70%;
	font-weight : bold;
	padding-bottom : 1px;
	padding-left : 4px;
	padding-right : 4px;
	padding-top : 1px;
	height : 15px;
	width : 89px;
}

.instmenubox2 {								/* Double height box */
	background-color : #339966;
	background-image: none;
	color : #FFFFFF;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 70%;
	font-weight : bold;
	padding-bottom : 1px;
	padding-left : 4px;
	padding-right : 4px;
	padding-top : 1px;
	height : 29px;
	width : 89px;
}

.instmenubox0 {								/* Single height box with smaller text size for text that will wrap to 2 lines otherwise... */
	background-color : #339966;
	background-image: none;
	color : #FFFFFF;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 65%;
	font-weight : bold;
	padding-bottom : 1px;
	padding-left : 4px;
	padding-right : 4px;
	padding-top : 1px;
	height : 15px;
	width : 89px;
}

/*
	Styles for regional CLF footer
*/
.footer {
	font-size: 70%;
}

.footergreen {
	font-size: 80%;
	font-weight: bold;
	background-color: #339966;
	color: #FFFFFF;
	padding: 0.1em 0.3em;
}

/*
	Styles for regional CLF sidebar
*/

.menu {										/* .menu was on old sidebar & was adopted by many other site sidebars */
	line-height: 140%;
	}

.sidemenu {
	margin-top: 0;
	margin-bottom: 0;
	}

.menulist {
	text-align: center;
	}

a.sidemenulink:link {
	background-color : #FFFFFF;
	color : #000000;
	font-weight : bold;
	text-decoration : none;
}

a.sidemenulink:visited {
	background-color : #FFFFFF;
	color : #000000;
	font-weight : bold;
	text-decoration : none;
}

a.sidemenulink:hover {
	background-color : #FFFFFF;
	color : #000000;
	font-weight : bold;
	text-decoration : none;
}

/*
	Styles for "Green Lane" site style
*/

.homehead {										/* To be used on main header tags */
	font-size: 120%;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	border-style: none none solid solid;
	border-color: #FF0000;
	border-width: thin medium;
	padding: 0.1em 0.3em;
	}

.boxhead {
	background-color: #339966;
	background-image: none;
	color: #FFFFFF;
	}

.boxbody {
	background-color: #F0F0F0;
	background-image: none;
	}

.boxheadsm {									/* Used for sidebar drop-downs */
	font-size: 90%;
	background-color: #339966;
	background-image: none;
	color: #FFFFFF
	}

.boxbodysm {									/* Used for sidebar drop-downs */
	font-size: 80%;
	background-color: #F0F0F0;
	background-image: none;
	}

.listhead {
	background-color: #339966;
	background-image: none;
	color: #FFFFFF;
	}

.listitem0 {
	font-size: 90%;
	background-color: #FFFFFF;
	background-image: none;
	}

.listitem1 {
	font-size: 90%;
	background-color: #F0F0F0;
	background-image: none;
	}

.listitem2 {									/* Legacy style - use .listitem0 instead */
	font-size: 90%;
	background-color: #FFFFFF;
	background-image: none;
	}

/* Styles for new layout (not yet implemented) */
.SmallBoxHead {
	font-size: 80%;
	font-weight: bold;
	text-align: center;
	background-color: #339966;
	background-image: none;
	color: #FFFFFF;
	width: 150px;
	}

.SmallBoxBody {
	background-color: #F0F0F0;
	background-image: none;
	width: 150px;
	}

.SmallBoxHeadline {
	font-size: 85%;
	font-weight: bold;
	}

/* Tease to be used in H2... */
.SmallBoxTease {
	font-size: 70%;
	font-weight: normal;
	font-style: italic;
	}

.SmallBoxText {
	font-size: 70%;
	}

.box  {
   	background : #d7e6ee;
   }
	.indent  {
   	margin-left : 10px;
   	margin-right : 10px;
	font-family: arial, helvetica, sans-serif;
   	padding : 1% 1% 1% 1%;
   }

	.blackbox  {
   	margin-left : 10px;
   	margin-right : 10px;
	text-align : center;
   	background : #000000;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
   	padding : 1% 1% 1% 1%;
   	border : solid #000000;
   }
	.whitebox  {
   	margin-left : 10px;
   	margin-right : 10px;
	text-align : center;
	font-weight: bold;
   	background : #ffffff;
   	padding : 1% 1% 1% 1%;
   	border : solid #000000;
   }

/*
	Style used to hide form fields in submission forms.  Not named obviously to make form spammers work a little harder
*/

.FormStyle0 {
	display: none;
	}


