/* ---------------------------- 
[Master Stylesheet]

Project: 		Canadian Federation of Professional Foresters Associations
Version:		Beta 0.3
Last change:	January 2012
Created by:	Devon Lesk for the exclusive use by Megram Consulting Services Ltd.
Primary use:	Web

------------------------------- */

/* ---------------------------- */
/* Generic Styles
/* ---------------------------- */

*{padding:0; margin:0; margin:0 auto;}
html {margin: 0 auto; text-align:center; height:100%;}

/*Clearfix*/
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

@font-face {
    font-family: 'CaxtonBook';
    src: url('cxw_____-webfont.eot');
    src: url('cxw_____-webfont.eot?#iefix') format('embedded-opentype'),
         url('cxw_____-webfont.woff') format('woff'),
         url('cxw_____-webfont.ttf') format('truetype'),
         url('cxw_____-webfont.svg#CaxtonBook') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* ---------------------------- */
/* Basic Elements
/* ---------------------------- */		
body{height:100%; line-height:1.3; padding:30px 0 0 0;}
a{text-decoration:none;}

.left{float:left; display:inline;}
.right{float:right; display:inline;}
.clear{clear:both;}

.alignCenter{text-align:center;}
.alignLeft{text-align:left;}
.alignRight{text-align:right;}

.leftPadding{padding:0 0 0 20px;}
.leftLargerPadding{padding:0 0 0 60px;}
.rightPadding{padding:0 20px 0 0;}
.rightLargerPadding{padding:0 60px 0 0;}

.sub{vertical-align:sub; font-size:9px;}
.super{vertical-align:super; font-size:9px;}
.cap{text-transform:uppercase;}

.imgPadding{padding:10px 10px 10px 10px;}
.imgMarginLeft{margin:0 0 0px 10px!important;}
.imgMarginRight{margin:0 10px 0px 0!important;}

.img{border:1px solid;}
.imgBorder{margin:0 0 0 0; border:#321500 solid 1px;}
.shadow{-moz-box-shadow:#666 -1px 1px 2px;}

.green{color:#436d46;}

hr{border:none; height:4px; width:100%; float:left; display:inline; background:#CCC; margin:10px 0 10px 0;}
#hrFooter{border:none; height:10px; width:100%; float:left; display:inline; background:url(../images/hr_dots.png) no-repeat center; margin:10px 0 10px 0;}

.smallText{font-size:10px!important;}
.mediumText{font-size:13px!important;}
.largeText{font-size:16px!important;}

h1{font-family:Verdana, Geneva, sans-serif; font-size:22px; color:#fff;}
h2{font-family:'CaxtonBook'; color:#5b7183; font-size:32px; font-style:italic;}
h3{font-family:'CaxtonBook'; color:#40505c; font-size:32px; font-style:italic;}
h4{font-family:Verdana, Geneva, sans-serif; color:#FFF; font-size:14px;}

ul{}
.list{}
.list>li{padding:0 0 0 20px;}
.list>li>p{padding:0 0 0 10px;}
/* ---------------------------- */		

#wrapper{margin:0 auto; width:900px; box-shadow:#000 0px 0px 10px; border-radius:14px; -moz-border-radius:14px; -web-border-radius:14px; position:relative; z-index:100;}
#subpageCarousel{position:relative; border-radius:14px; -moz-border-radius:14px; -web-border-radius:14px;}
#background{position:fixed; top:0px; left:0px; z-index:-100; width:100%; height:100%;}
#background>img{width:100%; height:100%;}

#logo{position:absolute; top:6px; left:6px;}

#masthead{float:left; display:inline; background:url(../images/topBar_blue.png) no-repeat; width:900px; height:35px; padding:6px 0 0 0;}

#content{position:relative; float:left; display:inline; width:880px; text-align:left; background:#fff; padding:0 20px 0 0px;}
#contentBottom{float:left; display:inline; width:900px; height:22px; background:url(../images/bottomContent_white.png) no-repeat;}

#homeLanguageLink{position:absolute; top:8px; right:12px; z-index:100; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
#homeLanguageLink a{color:#000;}
#homeLanguageLink a:hover{color:#228340;}

#languageLink{position:absolute; top:13px; right:4px; z-index:100; font-family:Verdana, Geneva, sans-serif; font-size:14px!important;}
#languageLink a{color:#000;}
#languageLink a:hover{color:#228340;}

#navigation{float:left; display:inline; position:relative; z-index:101;/*zindex is higher than index for submenu to fix IE7 bug*/ width:160px; border-right:#000 solid 1px; padding:20px 0 20px 0;}
#navigation span{padding-left:10px;}
#navLinks{padding:0 0 0 40px;}
#navLinks li{}
#navigation a{font-family:Arial, Helvetica, sans-serif; color:#000; font-size:14px; font-weight:bold; padding:4px 0 4px 0; margin:4px 0 4px 0; display:block;}
#navigation a:hover{color:#228340;}
#navigation img{}
#navLinks{margin:0 0 20px 0;}

.submenu{display:none; position:absolute; left:160px; z-index:100; width:200px; background:#228340; padding:0 0 0 10px;}
.submenu li{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#fff!important;}
.submenu a{color:#fff!important;}
.submenu a:hover{color:#000!important;}
#about{top:18px;}
#mutual{top:50px;}
#credential{top:80px;}

#contentText{position:relative; float:left; display:inline; width:670px; padding:20px 20px 20px 20px;}
#contentText p{font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1.6;}
#contentText li{font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1.6;}
#contentText a{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#363;}
#contentText a:hover{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#6C3;}

.slideshow {float:right; display:inline; height: 232px; width: 300px; margin:20px -36px 0 5px;}
.slideshow img { padding: 5px; border: 1px solid #ccc; background-color: #eee; }

#privacyPolicy{
	position:absolute;
	right:5px;
	bottom:-40px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#000;
}
#membersArea{
	position:absolute;
	left:20px;
	bottom:-40px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#000;
}



#footer{font-family:Arial, Helvetica, sans-serif; float:left; display:inline; background:#99bd64; border-top:#fff solid 3px; width:100%; margin:20px 0 0 0; padding:3px 0 3px 0;}

#footer_links{float:left; display:inline; text-align:center;}
#footerLinks a{font-size:12px; font-weight:bold; color:#000;}

#copyright{float:left; display:inline; margin:-16px 0 0 10px; font-weight:bold; font-size:12px;}
#megram{float:right; display:inline; margin:-16px 10px 0 0; font-weight:bold; font-size:12px;}
#megram a{color:#000;}




/*Map CSS*/

#top{width:640px; height:40px; background:#2a7540; padding:10px 10px 10px 10px; text-align:left; font-family:Verdana, Geneva, sans-serif; color:#efefef; font-size:11px;  text-shadow:#000 0px 0px 10px;}

#mapcontent hr{margin:0 0 20px 0; border:none; background:#999; height:1px;}

#canvas{width:550px; height:530px; margin:0 auto;}

#mapcontent{display:none; position:absolute; z-index:100; top:160px; left:20px; width:600px; height:250px; background:#efefef; -moz-box-shadow:#000 0px 0px 4px; box-shadow:#000 0px 0px 4px; border:#2a7540 solid 3px; padding:10px 10px 10px 10px; text-align:left; font-family:Verdana, Geneva, sans-serif;}
#mapcontent p{font-size:12px; color:#333;}
#mapcontent a{color:#693;}
#mapcontent a:hover{color:#2a7540;}

#yukon, #northwestTerritories, #nunavut, #britishColumbia, #alberta, #saskatchewan, #manitoba, #ontario, #quebec, #newfoundland, #newBrunswick, #novaScotia, #PEI{display:none; padding:0 0 20px 0;}

#return{position:absolute; right:0px; bottom:0px; float:right; padding:0 4px 4px 0; font-size:11px; color:#ec2828!important;}
#return:hover{color:#C44!important;}
#backReturn{display:none; position:absolute; z-index:90; top:0px; left:0px; width:100%; height:100%;}