@charset "utf-8";
/* CSS Document by JF Godin */

/* =GLOBAL STYLES
--------------------------------------*/
body {
	background:url(../images/bg_main.png) repeat-y top center #43220b;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	margin:0;
	padding:0;
	text-align:center;
	}
	
#wrapper {
	width:800px;
	background:url(../images/bg_wrapper.png) repeat-y top left;
	margin:0 auto;
	}
	
p {
	font-size:115%;
	line-height:1.3;
	margin:0;
	padding:5px 0;
	}
	
a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}
	
h1 {
	font-family:'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#1f2e6e;
	margin:0;
	}
	
h2, h3, h4 {
	font-family:'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#b39311;
	margin:5px 0 0 0;
	}
	
h1 { font-size:250%; }
h2 { font-size:200%; }
h3 { font-size:160%; }
h4 { font-size:140%; }

img {
	border:none;
	}
	
/* =NAV STYLES
--------------------------------------*/
#nav {
	float:left;
	width:100%;
	height:52px;
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:left;
	background:url(../images/bg_nav_main.png) repeat-x top left;
	}
	
#nav li {
	float:left;
	margin:0;
	padding:0;
	}

#nav li a {
	float:left;
	display:block;
	color:#fff;
	text-decoration:none;
	height:32px;
	padding:15px 41px 5px 25px;
	font-size:110%;
	border-right:1px solid #fff;
	}
	
#nav li.last a {
	border:none;
	}
	
#nav li a strong {
	display:block;
	font-size:120%;
	font-weight:normal;
	}
	
#nav li a:hover {
	background:url(../images/bg_nav_on.png) repeat-x top left;
	color:#fff;
	}
	

	
/* =CONTENT STYLES
--------------------------------------*/
#content {
	background:url(../images/bg_body.png) repeat-x top left;
	width:796px;
	margin:0 auto;
	padding-top:50px;
	}
	
#content #logo {
	float:right;
	margin-right:50px;
	list-style-type:none;
	}
	
#content #logo li a {
	display:block;
	width:272px;
	height:0;
	padding-top:75px;
	overflow:hidden;
	background:url(../images/logo_tag.png) no-repeat top left;
	}

#content #logo li span.print {
	display:none;
	}
	
#content #logo li.home a {
	display:block;
	width:272px;
	height:0;
	padding-top:75px;
	overflow:hidden;
	background:url(../images/logo.png) no-repeat top left;
	}
	
#content #copy {
	width:320px;
	min-height:350px;
	background:url(../images/duncan_bryce.jpg) no-repeat top left;
	margin:50px 0 0 60px;
	padding-left:225px;
	text-align:left;
	}
    
#content iframe.copy {
	width:320px;
    height:340px;
    border:0;
    margin:0;
    padding:0;
    }
	
#content #copy.compass {background:url(../images/compass.jpg) no-repeat top left;}
#content #copy.notebook {background:url(../images/notebook.jpg) no-repeat top left;}
#content #copy.dayplanner {background:url(../images/dayplanner.jpg) no-repeat top left;}

#content #copy.bryce {background:url(../images/bios/bryce_biopage.jpg) no-repeat top left;}
#content #copy.christine {background:url(../images/bios/christine_biopage.jpg) no-repeat top left;}
#content #copy.david {background:url(../images/bios/david_biopage.jpg) no-repeat top left;}
#content #copy.duncan {background:url(../images/bios/duncan_biopage.jpg) no-repeat top left;}
#content #copy.grant {background:url(../images/bios/grant_biopage.jpg) no-repeat top left;}
#content #copy.helen {background:url(../images/bios/helen_biopage.jpg) no-repeat top left;}
#content #copy.bio {width:750px; background:none; margin:50px 0 0 0;}

#content #copy #backbutton {
	margin:20px 0 0 0;
	padding:0;
	list-style-type:none;
	width:110px;
	}
	
#content #copy #backbutton li {
	padding:5px 0;
	height:16px;
	}
	
#content #copy #backbutton li a {
	display:block;
	background:url(../images/arrow_back.png) no-repeat top left;
	padding-left:25px;
	height:16px;
	font-size:120%;
    text-decoration:none;
	}

#content #copy #backbutton li a:hover {
	background:url(../images/arrow_back.png) no-repeat bottom left;
	}
	
#content #copy #backbutton li.email a {
	display:block;
	background:url(../images/email_icon.png) no-repeat top left;
	padding-left:25px;
	height:16px;
	font-size:120%;
	}
	
#content #copy #backbutton li.email a:hover {
	background:url(../images/email_icon.png) no-repeat bottom left;
	}
	
#content #copy #emaillink {
	margin:0 0 20px 0;
	padding:0;
	list-style-type:none;
	width:230px;
	}
	
#content #copy #emaillink li a {
	display:block;
	background:url(../images/email_icon.png) no-repeat top left;
	margin:3px 0;
	padding-left:25px;
	height:16px;
	font-size:120%;
	}
	
#content #copy #emaillink li a:hover {
	background:url(../images/email_icon.png) no-repeat bottom left;
	}

#content #bionav {
	margin:60px 0 0 50px;
	padding:0;
	list-style-type:none;
	text-align:center;
	}
	
#content #bionav li {
	float:left;
	width:114px;
	}
	
#content #bionav li a {
	display:block;
	padding-top:230px;
	font-size:120%;
	text-decoration:none;
	color:#000;
	height:0;
	}
	
#content #bionav li.duncan a {background:url(../images/bios/duncan.jpg) no-repeat top right;}
#content #bionav li.duncan a:hover {background:url(../images/bios/duncan.jpg) no-repeat top left;}

#content #bionav li.grant a {background:url(../images/bios/grant.jpg) no-repeat top right;}
#content #bionav li.grant a:hover {background:url(../images/bios/grant.jpg) no-repeat top left;}

#content #bionav li.christine a {background:url(../images/bios/christine.jpg) no-repeat top right;}
#content #bionav li.christine a:hover {background:url(../images/bios/christine.jpg) no-repeat top left;}

#content #bionav li.david a {background:url(../images/bios/david.jpg) no-repeat top right;}
#content #bionav li.david a:hover {background:url(../images/bios/david.jpg) no-repeat top left;}

#content #bionav li.bryce a {background:url(../images/bios/bryce.jpg) no-repeat top right;}
#content #bionav li.bryce a:hover {background:url(../images/bios/bryce.jpg) no-repeat top left;}

#content #bionav li.helen a {background:url(../images/bios/helen.jpg) no-repeat top right;}
#content #bionav li.helen a:hover {background:url(../images/bios/helen.jpg) no-repeat top left;}

/* accordion styles */	
.toggler {
	cursor:pointer;
	font-weight:bold;
	color:#000;
	margin: 0;
	padding:5px 5px 5px 15px;
	font-style:normal;
	background:url(../images/arrow_rgt.png) no-repeat 0 9px;
	}
.toggler:hover {
	background:url(../images/arrow_down.png) no-repeat 0 9px;
	}

.element {
	padding:0 5px 0 15px;
	}
/* end accordion styles */
	
/* =TOOLBOX STYLES
--------------------------------------*/
#toolboxcontainer {
	text-align:right;
	width:800px;
	height:26px;
	margin:0 auto;
    padding-top:20px;
	background:url(../images/bg_bottom_corners.png) no-repeat top left;
	}
	
#toolboxcontainer #menucontainer {
	text-align:left;
	width:300px;
	float:right;
	}
    
/*.toolboxbutton {
	background:url(../images/bg_toolbox.png) no-repeat top left;
    display:block;
    width:0;
    height:23px;
    padding-left:104px;
    overflow:hidden;
    }
	
#toolsmenu {
	margin:0;
	padding:0 0 10px 0;
	list-style-type:none;
	background:#e6e6e6;
	}
	
#toolsmenu li a {
	display:block;
	color:#696969;
	padding:5px 7px 5px 7px;
	border-bottom:1px solid #f3f3f3;
	text-decoration:none;
	}
	
#toolsmenu li a:visited {
	color:#696969;
	}
	
#toolsmenu li a:hover {
	color:#999;
	}
    
#stockmarketbutton {
	margin:0;
    padding:0;
    list-style-type:none;
    position:absolute;
    top:20px;
	left:650px;
    }
    
#stockmarketbutton li a {
	display:block;
    background:url(../images/bg_stocks.png) no-repeat top left;
    width:0;
    height:23px;
    padding-left:121px;
    overflow:hidden;
    }
    
#stockmarketbutton li a:hover {
	background:url(../images/bg_stocks.png) no-repeat bottom left;
    }
	

#maintools {
	position:absolute;
	top:20px;
	left:400px;
	}
	
	
.menu {font-size:100%; margin:0 0 0 525px}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:0; height:23px; text-align:left; color:#000; padding-left:104px; border:1px solid #fff; border-width:0 1px 1px 0; background:url(../images/bg_toolbox.png) no-repeat top left; line-height:25px; font-size:11px; overflow:hidden;}

.menu ul li.stockmarkets a, .menu ul li.stockmarkets a:visited {display:block; margin-left:5px; text-decoration:none; width:0; height:23px; text-align:left; color:#000; padding-left:121px; border:1px solid #fff; border-width:0 1px 1px 0; background:url(../images/bg_stocks.png) no-repeat top left; line-height:25px; font-size:11px; overflow:hidden;}

.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {visibility:hidden; position:absolute;}

.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em; margin:-1px;}

.menu ul li:hover a, .menu ul li a:hover {color:#000; background:url(../images/bg_toolbox.png) no-repeat bottom left;}

.menu ul li.stockmarkets:hover a, .menu ul li.stockmarkets a:hover {color:#000; background:url(../images/bg_stocks.png) no-repeat bottom left;}

.menu ul li:hover ul, .menu ul li a:hover ul {visibility:visible; bottom:24px; left:0;}

.menu ul li:hover ul li a.sub, .menu ul li a:hover ul li a.sub {background:#cecece; color:#696969;}

.menu ul li:hover ul li, .menu ul li a:hover ul li {display:block; background:#fff; color:#000;width:150px; clear:both;}

.menu ul li:hover ul li:hover a.sub, .menu ul li a:hover ul li a:hover.sub {background:#e6e6e6; color:#696969;}

.menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul {visibility:hidden; position:absolute;}

.menu ul li:hover ul li a, .menu ul li a:hover ul li a {display:block; background:#cecece; color:#696969; width:100%; padding-left:10px;}

.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover {background:#e6e6e6; color:#696969;}

.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {visibility:visible; left:-161px; bottom:0;}

.menu ul li:hover ul li:hover ul li a, .menu ul li a:hover ul li a:hover ul li a {background:#cecece; color:#696969;}

.menu ul li:hover ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover ul li a:hover {background:#e6e6e6; color:#696969;}

.menu ul li:hover ul.left, .menu ul li a:hover ul.left {left:-105px;}

.menu ul li:hover ul li:hover ul.left, .menu ul li a:hover ul li a:hover ul.left {left:-161px; width:209px;}*/

    
/* =TOOLTIPS
--------------------------------------*/


.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}	
	
/* =FOOTER STYLES
--------------------------------------*/
#footer {
	width:780px;
	text-align:left;
	margin:0 auto;
	padding:5px 0 0 20px;
	}
	
#footer p {
	color:#D1AF89;
	font-size:100%;
	display:inline;
	}
	
#footer #subnav {
	margin:0 0 0 5px;
	padding:0;
	display:inline;
	}
	
#footer #subnav li {
	display:inline;
	list-style-type:none;
	}
	
#footer #subnav li a {
	display:inline;
	color:#D1AF89;
	border-left:1px solid #D1AF89;
	padding:0 2px 0 4px;
	}
	
#footer #subnav li.last a {
	border-left:1px solid #D1AF89;
	border-right:1px solid #D1AF89;
	padding:0 4px 0 4px;
	}
	
#footer #subnav li a:visited {
	color:#D1AF89;
	}
	
#footer #subnav li a:hover {
	color:#fff;
	}
	
#footer #wfm-box {
	float:right;
	width:400px;
	text-align:left;
	}