/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and from top to bottom on pages ----- */

/*
====================
STYLES FOR ALL PAGES 
====================
*/
#uber {
	margin:0 auto;
	padding-bottom:20px;
	position:relative;
	width:960px;
}

#head {
	background:#564685;
	border-bottom:7px solid #B2C38C;
	height:88px;
	padding:20px 23px 0 23px;
	position:relative;
}

/* ---------------------------------------------------------- very top navigation area, home sitemap etc */
/* ---- all styling for this menu can be found in navmenu_base.css ---- */
#navHeadAltWrap {
	float:right;
	position:absolute;
	right:23px;
}

/* ---------------------------------------------------------- main logo at head of page */
#fvpLogo {
	float:left;
	position:relative;
}
#fvpText {
	display:none;
}

/* ---------------------------------------------------------- main navigation */
/* ---- all styling for this menu can be found in navmenu_base.css ---- */
#navWrap {
	height:38px;
	position:absolute;
	right:23px;
	top:60px;
}

/* ---------------------------------------------------------- content area */
#content_right {
	float:right;
	width:210px;
}

/* ---------------------------------------------------------- footer area */
#copyrightWrap {
	background:#564685;
	height:32px;
	width:960px;
}

#copyright {
	padding:9px 23px 0 23px;
}

#copyright li {
	color:#FFF;
	float:left;
	font-size:11px;
	padding-right:5px;
}

#copyright a {
	border-left:1px solid #FFF;
	color:#FFF;
	padding-left:5px;
}

#designedByWrap {
	float:right;
	margin:0;
	padding:0;
	text-align:right;
	padding:15px 25px 0 0;
	width:225px;
}

#designedBy li {
	color:#565F42;
	float:left;
	font-size:11px;
}

#designedBy li#text {
	padding:8px 8px 0 0;
	width:95px;
}



/*
=====================
STYLES HOME PAGE ONLY 
=====================
*/

#h_bodyint {
	float:left;
	position:relative;
	width:960px;
}

#h_bodyContent {
	border-left:1px solid #C4C4C4;
	border-right:1px solid #C4C4C4;
	float:left;
	margin-top:66px;
	padding:15px 23px 20px 23px;
	position:relative;
	width:912px;
}

#h_content_left {
	float:left;
	width:400px;
}

#h_content_bottom {
	background:#FFF url(/images/a_curveBottom.gif) 0 bottom no-repeat;
	border-left:1px solid #C4C4C4;
	border-right:1px solid #C4C4C4;
	border-top:1px solid #C4C4C4;
	clear:both;
	height:90px;
	position:relative;
	z-index:2;
}

/* ---------------------------------------------------------- funding styles below main content */
#h_fundingWrap {
	padding:8px 0 0 490px;
}

#h_funding li {
	color:#666;
	font-size:11px;
	width:445px;
}

#h_funding li.disclaimer {
	clear:left;
	font-size:9px;
	padding-top:5px;
}

/* ---------------------------------------------------------- contact styles in the footer */
#h_footerWrap {
	background:#B2C38C url(/images/a_footer.gif) left bottom no-repeat;
	clear:both;
	width:960px;
	height:100px;
}

#h_baseContactInfo {
	display:block;
	float:left;
	margin:24px 0 0 15px;
	width:680px;
}

#h_baseContactInfo li {
	color:#565F42;
	border-right:1px solid #565F42;
	float:left;
	font-size:11px;
	padding:0 10px;
	text-align:center;
}

#h_baseContactInfo li.nodivide {
	border-right:none;
}

#h_baseContactInfo a {
	color:#565F42;
	text-decoration:underline;
}

#h_baseContactInfo a:hover {
	text-decoration:none;
}



/*
=============================
STYLES FOR CONTENT PAGES ONLY 
=============================
*/

/* ---------------------------------------------------------- main interior area of page */
#stripImages {
	background:url(/images/i_stripimages.jpg) no-repeat;
	height:66px;
	width:966px;
}

#i_bodyint {
	border-left:1px solid #C4C4C4;
	border-right:1px solid #C4C4C4;
	float:left;
	padding:17px 23px;
	width:912px;
}

#i_contentWrap {
	float:left;
	width:670px;
}

#i_content_left {
	float:left;
	width:480px;
}

#i_content_middle {
	float:left;
	padding:0 0 0 32px;
	text-align:right;
	width:158px;
}

/* ---------------------------------------------------------- footer styles */
#i_footerWrap {
	background:#B2C38C url(/images/a_footer.gif) left bottom no-repeat;
	clear:both;
	width:960px;
	height:120px;
}

#i_baseInfoWrap {
	float:left;
	height:75px;
	width:710px
}

/* ---------------------------------------------------------- funding styles in the footer */
#i_funding {
	float:left;
	padding:8px 0 0 25px;
	width:375px;
}

#i_funding li {
	color:#565F42;
	display:block;
	font-size:11px;
	padding:0;
	text-align:left;
	width:350px;
}

#i_funding li.ontarioLogo {
	margin:-15px 10px 0 0;
}

#i_funding li.disclaimer {
	clear:left;
	font-size:9px;
	padding-top:5px;
}

/* ---------------------------------------------------------- contact styles in the footer */
#i_baseContactInfo {
	display:block;
	float:left;
	margin:24px 0 0 0;
	width:310px;
}

#i_baseContactInfo_line2 {
	clear:left;
	padding-top:0.1em;
}

#i_baseContactInfo_line1 li,
#i_baseContactInfo_line2 li {
	border-right:1px solid #565F42;
	color:#565F42;
	display:block;
	float:left;
	font-size:11px;
	padding:0 5px;
}

#i_baseContactInfo li.nodivide {
	border-right:none;
}

#i_baseContactInfo a {
	color:#565F42;
	text-decoration:underline;
}

#i_baseContactInfo a:hover {
	text-decoration:none;
}

/*
=============================
STYLES FOR SITE MAP PAGES ONLY 
=============================
*/
#mainfloater {width: 800px; border-bottom:1px solid #8b7fad; margin-bottom: 16px; font: 12px/14px Arial, Helvetica, sans-serif; float:left; text-align:left;}

#mainfloater a {color:#565F42;text-decoration:none;}
#mainfloater a:link, #mainfloater a:visited {text-decoration:none;}
#mainfloater a:hover, #mainfloater a:active {text-decoration:underline; color:#565F42;}

#mainholder {width: 800px; float:left; text-align:left}
#mainholder div {text-align:left;}
#sitemapleft {width:393px; float:left; padding:0px 5px 16px 0px; text-align:left;}
#sitemapcentre {width:393px; float:left; padding:0px 5px 16px 0px; text-align:left;}
#clear {clear: left; margin: 0; padding: 0; height: 0; overflow: hidden;}


/*
==========================================================================
TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles 
==========================================================================
*/



/* ----- end template ----- */