/**********************************Basic Page Elements******************************************/

#content {font: Arial, sans-serif; color:#647841; font-size: 12px; margin: 7px 0px; }
.small{font:64%/100% Arial, sans-serif; color:#647841;}
.big{font:75%/120% Arial, sans-serif; color:#647841;}

h1	{
	font:bold 180% "Trebuchet ms", Arial, sans-serif; 
	color:#647841; 
	border:1px double #E3EED2;	
	border-width:0px 0px 0px;
	}
	h1.alt1 {
		font:bold 70% Arial, sans-serif; 
		color:#2a80d5;
		} /*index page h1 - may look different than other pages */

h2	{	
	font:bold 140% "Trebuchet ms", arial, sans-serif;
	/**border-width:0px 0px 1px 0px;
	border-style:solid;
	border-color:#C4D3E3;**/
	margin-top:15px;
	padding:0px;
	color:#21508B;
	background:transparent;
	} 
	h2.boxHeader{ /*header for each side box*/
		color:#000;
		width:auto;
		height:17px;
		font:bold 110% Arial, sans-serif;
		background:transparent no-repeat 0px 0px;
		text-indent:-500em;	
		margin:0px 0px 5px 4px;
		}
h3	{
	font:bold 100% Arial, sans-serif; 
	margin:10px 0px 0px 0px; 
	color:#647841;
	}
	h3.reg{
		font:75% Arial, sans-serif; 
		margin:10px 0px opx; 
		color:#21508B; 
		} 

dd{margin:5px 20px;}

a {color:#4a81c6; text-decoration:underline;}
a:hover {color:#4a81c6; text-decoration:none;}
	a.logoLink{color:#fff;}
	a.ripButt{ /**Ripple Buttons **/
		position:relative; 
		display:block; 
		width:150px; 
		padding:5px 5px; 
		margin:5px 20px; 
		color:#fff; 
		background:#647841; 
		text-decoration:none; 
		font:bold 95%/135% "Trebuchet MS", Arial, sans-serif; 
		text-align:center;
		}
	a.ripButt:hover{background:#31609C;}


ul{ list-style:none; margin:10px 20px: padding: 0px;}
ul li{
	background:transparent no-repeat 0px 4px; /*If IE puts the bullet too high/too low, overstyle background-position with '*html ul li{background-position:0px 4px;'}*/
	padding:0px 0px 3px 15px; 
	}
  ul li { background-image:url('../../../../images/bullets/arrow.gif'); }
  ul li ul li { background-image:url('../../../../images/bullets/circle.gif'); }

ol.smallLett { list-style-type:lower-alpha; }

#breadcrumb{
	font:italic 64% Arial, sans-serif;
	margin-bottom:8px;
	color:#647841;
        }
        #breadcrumb a {color:#4a81c6; text-decoration:none;}
	#breadcrumb a:hover {text-decoration:underline;}

.boxReg{font:64%/110% Arial, sans-serif; color:#647841;}/*text inside side boxes*/
.boxBold{font:bold 64%/110% Verdana, Arial, sans-serif; color:#647841;}
.boxRegLight{font:64%/110% Arial, sans-serif; color:#fff;}
.boxSmall{font:64%/110% Arial, sans-serif; color:#647841;}

.inputRequired{font:64% Arial, sans-serif; color:#ff0000;}

.normal{font-weight:normal;}
.red{color:#ff0000;}
.green{color:green;}
.colour{color:#2a80d5;}

.tabIn{text-indent:20px;}



#textLinks{
	position:relative;
	font:64% Arial, sans-serif;
	padding:10px 10px 0px;
	}
	#textLinks a { color:#fff; text-decoration:none; }
	#textLinks a:hover{ color:#fff; text-decoration:underline; }
#copyright {
	position:relative;
	font:64% Arial, sans-serif;
	padding:8px 10px 0px;
	}
	#copyright a { color: #fff; text-decoration:none; }
	#copyright a:hover{ color:#fff; text-decoration:underline }
#kirsir{
	font:64% Arial, sans-serif;
	background:#87A357;
	padding:0px 10px 8px;
	}
	#kirsir a{color:#fff; background:#87A357; text-decoration:none;}
	#kirsir a:hover{color:#87A357; background:#fff;}


/*************************FEATURE BOX******************************************************/
a.featureLink{text-decoration:none; color:#fff;}
a.featureLink:hover{text-decoration:none; color:#fff;}

/*************************SIDE BOX LINKS*****************************************************/
a.boxLink{color:#4a81c6; text-decoration:underline;}
a.boxLink:hover{text-decoration:none;}


/*************************BLOCK LINKS*******************************************************/
/*links that change background color*/
a.blockLink{color:#4a81c6; background:#fff;	text-decoration:none;}
a.blockLink:hover{color:#fff; background:#4a81c6;}







/*********************************HEADER STYLES***************************************/

#boxCalendar .boxHeader{background-image:url('../../../../images/design/box_calendar_head.gif');}
#boxNews .boxHeader{background-image:url('../../../../images/design/box_news_head.gif');}
#boxForum .boxHeader{background-image:url('../../../../images/design/box_forum_head.gif');}
#boxEvent .boxHeader{background-image:url('../../../../images/design/box_event_head.gif');}



/*NOTE: To add borders to floating divs (left/center/right), you must account for the width of the border in div widths! e.g. if left div is to be 175px, that total includes the border (1px?) and 'inside' (174px?).*/

/****************************BORDER STYLES***********************************/
.borderNone{border:0px;} /*no border desired  *"border=0" non-standards-compliant*/

 /*******************IMAGE BORDERS********************************************/
 .imgBorder{padding:1px; border:1px solid #000; background:#fff;} /*if border around image required*/
 .boxImgBorder{padding:2px; border:1px solid #647841; background:#fff;}
 .popImgBorder{border:1px solid #647841;} /*if border around image required*/


/****************************************BOX STYLES***************************************/
.boxLeft, .boxRight{margin:15px 0px 5px;}

.boxContents{padding:2px 4px 5px;}/*padding inside wrap to stop box going outside of where it should be*/

.sideHorLine{position:relative; width:100%; height:1px; background:transparent url('../../../../images/design/side_hor_line.gif') repeat-x 0% 0%; font:0% arial;} 

/************DROP DOWN STYLES*****************************************************/
#closer{
	position:absolute;
	z-index:1; /*lowest layer*/
	top:0px;
	visibility:hidden;
	left:-7px;
	}

.dd_all{ /*dd box of links*/
	position:absolute; 
	z-index:10; /*z-index above closer*/ 
	visibility:hidden;
	border:1px solid #96B167;
	border-width:1px 1px 0px;
	background:#DEEFC3;
	}
/*Primary dropdowns - FOR HOME PAGE ONLY! See sub.css for styling of sub-page drop downs!*/
#dd_1{top:95px; left:190px;}
#dd_2{top:120px; left:190px;}
#dd_3{top:145px; left:190px;}
#dd_4{top:195px; left:190px;}
#dd_5{top:220px; left:190px;}
#dd_6{top:270px; left:190px;}

/*secondary dropdowns (add more if needed)*/
#dd_5_1{top:220px; left:315px;}
.dd_item{
	position:relative;
	background-color:#DEEFC3; 
	color:#647841;
	font:70% Arial, Helvetica, sans-serif; 
	}
/*Links in drop down menus. Padding is added so that entire table cell is a link, rather than just words
Providing a width for the link causes the hot area to extend past the words (the width of cell)
Note that display:block is REQUIRED to get the hot area larger than the words in FF*/
a.dd_link{
	color:#647841;
	background-color:#DEEFC3;
	text-decoration:none;
	width:150px;
	display:block;
	padding:4px 4px;
	border:1px solid #96B167;
	border-width:0px 0px 1px;
	}
a.dd_link:hover{
	color:#fff;
	background-color:#31609C;
	}
	
/*********************************FORM ELEMENTS************************************/
form{margin:0px; padding:0px;}

label.reg{font:70% Arial, sans-serif; color:#647841;}

input.regText{ /*textbox*/
	font:70% Arial, sans-serif; 
	color:#647841;
	border:1px solid #96B167;
	background:#fff;
}

input.boxText{ /*textbox in side box*/
	border:1px solid #000;
	background:#fff;
	color:#647841;
	font:70% Arial, sans-serif;
}

input.regPass{ /*password field*/
	font:70% Arial, sans-serif;
	color:#647841;
	border:1px solid #96B167;
	background-color:#fff;
}

input.regFile{ /*file field*/
	font:70% Arial, sans-serif;
	color:#647841;
	border:1px solid #96B167;
	background-color:#fff;
}

input.regButt{ /*button*/
	color:#647841;
	font:bold 70% "Trebuchet MS", Arial, sans-serif;
	border:1px solid #96B167;
	background-color:#DEEFC3;
}
input.regButt:hover{background:#31609C; color:#fff;}

input.regCheck{} /*checkbox - styling in IE only!*/ 
input.regRadio{} /*radio button - styling in IE only!*/

textarea.reg{
	font:70% Arial, sans-serif;
	color:#647841;
	border:1px solid #96B167;
	background-color:#DEEFC3;
}

select.reg{ /*drop down*/
	font:70% Arial, sans-serif;
	color:#647841;
	background-color:#fff;
}

option{} /*if padding is desired*/


.logButt{padding-top:5px;}


/*************************NAVBAR LINKS*****************************************************/
a.navLink{
  	color:#87A357;
	text-decoration:none;
	padding:0px;
	margin:0px;
	display:block;
}

a.navLink:hover{
  	color:#87A357;
	text-decoration:underline;
}



/************************The Log buttons************************************/
a.logButt{ /*button*/
	color:#647841;
	font:bold 70% "Trebuchet MS", Arial, sans-serif;
	border:1px solid #96B167;
	background-color:#DEEFC3;
        padding: 2px 10px 3px 10px; 
}
a.logButt:hover{background:#31609C; color:#fff;}




/*********************DIVS & OTHER STYLES NOT APPLICABLE ANYWHERE ELSE********************************/

#contentFooter{margin-top:15px;}

/**************************ALIGNMENT (STANDARDS)***************************************/
.alignL{text-align:left;}
.alignR{text-align:right;}
.alignC{text-align:center;}
.alignT{vertical-align:top;}
.alignM{vertical-align:middle;}
.alignB{vertical-align:bottom;}
.floatL{float:left;}
.floatR{float:right;}
.clearB{clear:both;}
.padNone{padding:0px;}
.posRel{position:relative;}
.width100{width:100%;}
.width50{width:50%;}
.width75{width:75%;}

/******************************IMAGES**************************************************/
.imgMargRB{margin:0px 7px 3px 0px;}
.imgMargLB{margin:0px 0px 3px 7px; position: relative;}

/**********************************HARD RULES**************************************/
hr.reg {width:100%; height:1px; color:#ededed;}

.partnersLogos{padding:30px;}
.partnersLogosP{padding-bottom:30px;}


/**************** Button - not form *******************/
button.regButt{ /*button*/
	color:#647841;
	font:bold 70% "Trebuchet MS", Arial, sans-serif;
	border:1px solid #96B167;
	background-color:#DEEFC3;
	}


/****************************TABLE STYLES***********************************/

table{border-collapse:collapse;}
.cellPad{padding:5px;}

#contactTable{}
.contactCell{padding:3px;}

.galleryTable{width:100%; margin-top:5px;}
.galleryCell{width:33%; text-align:center; vertical-align:middle; padding:15px 5px; border:1px solid #ededed;}

.executiveTable{width:200px;}
.executiveCell{vertical-align:top; padding-bottom:10px; width:100px;}

.convenersTable{width:200px;}
.convenersCell{vertical-align:top; padding-bottom:10px; width:100px;}

.companyTable{}
.companyCell{width:100px; padding:5px; vertical-align:top; border-bottom:1px solid #ACBE8E;}


/*************************CORE POSITIONING STYLES*****************************************/
html, body{height:100%;}

body {
	background:#fff url('../../../../images/design/body_bg.gif') repeat 0% 0%;
	color:#000;
	margin:10px 0px;
	padding:10px 0px;
	font:100%/1.3 Arial, sans-serif;
	text-align:center;
	}

#pageWrapper { /*wraps all content*/
	position:relative;
	padding:0px;
	margin:0px auto;
	width:752px;
	background:#fff;
	text-align:left;
}

#topWrapper { /*wraps top divs (topRow, navbar, etc.)*/
	position:absolute;
	top:0px;
	left:0px;
	width:752px;
	height:303px; /*301px height + 2px extra space for the bottom crack = 303px + 7px top padding = 310 total height*/
	background:#fff;
	border:1px solid #91A371;
	border-width:1px 1px 0px;
	padding:7px 7px 0px;
}
#topContent{position:relative;} /*Because of 7px padding, any absolute divs inside topWrapper will go right to the border, overlaying the padding unless we always add 7px to the positioning.  Position:relative on an inner div ensures absolutes are relative to this div so 7px on each absolute isn't required.*/

#bottomWrapper{ /*wraps all lower content and appears before header content for better SEO*/
	position:absolute;
	top:310px; /*303px + 7px topWrapper top padding = 310px total*/
	left:0px;
	width:752px; /*752px + 7px left padding + 1px left border + 7px right padding + 1px right border = 768px (MAX WIDTH FOR 800x600 screens!)*/
	background:#fff url('../../../../images/design/bottomWrapper_bg.gif') repeat-y 7px 0%;
	border:1px solid #91A371;
	border-width:0px 1px 1px;
	padding:0px 7px 0px;
}

#bottSpacer{position:relative; width:752px; height:7px; background:#fff; font:0% Arial, Helvetica, sans-serif;} /*bg flows right to bottom so this is needed to give the padding and border right at the bottom*/
/*******************************TOP STYLES**********************************************/

#logo{
	position:absolute;
	top:0px;
	left:0px;
	color:#000;
	font:70% Arial, sans-serif;
}

#flashSS{position:absolute; top:0px; left:208px;} /*2px spacing from logo*/
#underBig1{position:absolute; top:241px; left:208px;}
#underBig2{position:absolute; top:241px; left:377px;}

#feature1Wrapper{position:absolute; top:0px; left:546px; width:206px; height:99px; background:#7ca7de url('../../../../images/design/feature_courses_bg.jpg') no-repeat 100% 100%;}
#feature2Wrapper{position:absolute; top:101px; left:546px; width:206px; height:99px; background:#6195d6 url('../../../../images/design/feature_trips_bg.jpg') no-repeat 100% 100%;}
#feature3Wrapper{position:absolute; top:202px; left:546px; width:206px; height:99px; background:#4a81c6 url('../../../../images/design/feature_memberships_bg.jpg') no-repeat 100% 100%;}
.featureContent{width:110px; padding:0px 0px 0px 7px; font:70% Arial, Helvetica, sans-serif; color:#fff;}


#nav_1{position:absolute; top:0px;}
#nav_2{position:absolute; top:25px;}
#nav_3{position:absolute; top:50px;}
#nav_4{position:absolute; top:75px;}
#nav_5{position:absolute; top:100px;}
#nav_6{position:absolute; top:125px;}
#nav_7{position:absolute; top:150px;}
#nav_8{position:absolute; top:175px;}



/*******************************MIDDLE STYLES**********************************************/

#contentAllWrapper{ /*wraps all middle content*/
	position:relative;
	width:100%;
	height:auto; /*allow expanding div*/
	min-height:275px; /*FF height (not supported in IE 6 or less - see ie_hacks.css)*/
}

#centerLeftWrapper{ /*wraps center & left columns*/
	position:relative; 
	float:left; 
	width:546px;
	background:transparent;
}

#center{ /*div holding content (adding a border adds width!)*/
	position:relative;
	width:340px;
	float:right;
	height:auto; /*allow expanding div*/
	min-height:275px; /*FF height (not supported in IE or less - see ie_hacks.css)*/
}

#left{ /*column holding left content (adding a border adds width!)*/
	position:relative; 
	float:right; 
	width:206px; 
	background:transparent;
}

#leftContentsWrapper{padding-left:13px;} /*left content is moved 13px from wall*/

#right{ /*column holding right content (adding a border adds width!)*/
	position:relative; 
	float:left; 
	width:206px; 
	background:transparent;
	}

#rightContentsWrapper{padding-right:13px;} /*left content is moved 13px from wall*/

#content{
	position:relative;
	margin:10px;
	background:transparent; 
	}

#slogan{text-align:center;}

/*******************************BOTTOM STYLES**********************************************/

#footer{ /*holds textlinks, copyright, and link to Kirsir*/
	position:relative; 
	width:100%; 
	text-align:left;
	color:#fff; 
	background:#87A357;
	clear:both;
	margin-top:2px; /*distance from content area*/
	border:2px solid #fff;
	border-width:2px 0px 0px;
}

/******************DISPLAY DURING PRINTING ONLY*****************************************/
/*Company Info that only appears when printed*/
#printCompanyInfo{display:none;}
#navUnder{position:absolute; top:260px; left:0px; width:206px; height:7px; font:0% Arial, Helvetica, sans-serif; background:transparent url('../../../../images/design/nav/nav_under.gif') no-repeat 0% 0%;}
#navbar, #navbar2 {
	position:absolute;
	top:36px;
	left:0px;
	width:206px;
	height:199px;
	z-index:10; /*z-index above closer - Entire row that contains navbar must have z-index so that #closer goes underneath and removes flickering in IE*/
	text-align:left;
	font:70% Arial, Helvetica, sans-serif;
}

#navbar2 h2 {display: 0px; height: 0px; width: 0px; padding: 0px; margin-top: 46px; overflow: hidden;}
#navbar h2 {display: 0px; height: 0px; width: 0px; padding: 0px; margin-top: -12px; overflow: hidden;}
#navUnder2 {position:absolute; top:294px; left:0px; width:206px; height:9px; font:0% Arial, Helvetica, sans-serif; background:transparent url('../../../../images/design/nav/nav_under.gif') repeat-y;}

#toplevel {margin:0px; padding:0px; list-style:none; clear:both;}  
#toplevel li{overflow:hidden; text-indent:-9999px; display:inline; float:left; margin-right:0px; background-image: none; padding: 0px; margins: 0px;}  
#toplevel li a{ background:url('http://www.paddle.mb.ca/images/design/nav/nav_1.jpg') no-repeat; 
    width:100%; height:100%; display:block; border: 0px; }  

 /* About Button */  
#toplevel li.page-item-2 {width:206px; height:25px;}  
#toplevel li.page-item-2 a{background-position:0px 0px;}  
#toplevel li.page-item-2 a:hover{background-position:-206px 0px;}  
 /* Learn with Us Button */  
#toplevel li.page-item-17 {width:206px; height:25px;}  
#toplevel li.page-item-17 a{background-position:0px -25px;}  
#toplevel li.page-item-17 a:hover{background-position:-206px -25px;}  
 /* Events and Clinics */  
#toplevel li.page-item-40 {width:206px; height:25px;}  
#toplevel li.page-item-40 a{background-position:0px -50px;}  
#toplevel li.page-item-40 a:hover{background-position:-206px -50px;}  
 /* Memberships */  
#toplevel li.page-item-109 {width:206px; height:25px;}  
#toplevel li.page-item-109 a{background-position:0px -75px;}  
#toplevel li.page-item-109 a:hover{background-position:-206px -75px;}  
 /* Open Paddles and Trips */  
#toplevel li.page-item-111 {width:206px; height:25px;}  
#toplevel li.page-item-111 a{background-position:0px -100px;}  
#toplevel li.page-item-111 a:hover{background-position:-206px -100px;}  
 /* Resources */  
#toplevel li.page-item-140 {width:206px; height:25px;}  
#toplevel li.page-item-140 a{background-position:0px -125px;}  
#toplevel li.page-item-140 a:hover{background-position:-206px -125px;}  
 /* The Ripple */  
#toplevel li.page-item-470 {width:206px; height:25px;}  
#toplevel li.page-item-470 a{background-position:0px -150px;}  
#toplevel li.page-item-470 a:hover{background-position:-206px -150px;}  
 /* Communication */  
#toplevel li.page-item-473 {width:206px; height:24px;}  
#toplevel li.page-item-473 a{background-position:0px -175px;}  
#toplevel li.page-item-473 a:hover{background-position:-206px -175px;}  




ul#toplevel li li {overflow:hidden; text-indent: 0px; display:block; float:left; margin-right:0px; background-image: none; padding: 0px; margins: 0px; width: 165px;}  
ul#toplevel li li a{ background-image: none; 
    width:100%; height:100%; display:block; }  
#navbar ul ul, #navbar2 ul ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; background:#6F9B5D;}
#navbar li, #navbar2 li {margin:0; padding:0; list-style:none;}
#navbar li, #navbar2 li {display:inline;}
#navbar ul ul, #navbar2 ul ul {position:absolute; left:-9999px;}
#navbar ul#toplevel, #navbar2 ul#toplevel {position:absolute; left:0; top:0;}



#navbar ul li li a, #navbar2 ul li li a{display:block; width: 165px; font:normal 85% verdana,arial,sans-serif; color:#000; line-height:20px; text-decoration:none;
	color:#647841;
	background-color:#DEEFC3;
	text-decoration:none;
	width:175px;
	display:block;
	padding:2px;
	border:1px solid #96B167;
	background:#DEEFC3;
	}
#navbar ul ul li a, #navbar2 ul ul li a {	border-right:1px solid #96B167;}
#navbar li.page-item-142, #navbar2 li.page-item-142,
#navbar li.page-item-7, #navbar2 li.page-item-7 {width: 155px;}

#navbar ul ul li a:hover, #navbar2 ul ul li a:hover{
	color:#fff;
	background-color:#31609C;
	}
#navbar ul ul ul li, #navbar2 ul ul ul li {margin-left: -15px;}

#navbar li a.fly, #navbar2 li a.fly {background: url(anywidth/arrow.gif) no-repeat right top;}

#navbar li a:hover, #navbar2 li a:hover {background-color:#09c; color:#fff;} 
#navbar li:hover > a, #navbar2 li:hover > a  {background-color:#09c; color:#fff;}

#navbar ul li:hover > ul, #navbar2 ul li:hover > ul {left:100%; margin-top:-25px; margin-left: -30px;}

#navbar a:hover ul,
#navbar a:hover a:hover ul, 
#navbar a:hover a:hover a:hover ul,
#navbar2 a:hover ul,
#navbar2 a:hover a:hover ul, 
#navbar2 a:hover a:hover a:hover ul {left:100%;}
#navbar a:hover ul ul, 
#navbar a:hover a:hover ul ul, 
#navbar2 a:hover ul ul, 
#navbar2 a:hover a:hover ul ul {left:-9999px;}


#navbar2 { margin-top: 59px;}

#rotate {
  background: url('http://www.paddle.mb.ca/includes/rotate_top.php') no-repeat center top;
  width: 335px;
  height: 95px;
}
.center {text-align: center;}









.route_index h2 { font-size: 12px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }