@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0
}

html, body{
	
	
	/*background:#dedede;*/
	background:#fff;
	width:100%;
   margin:0;
   padding:0;
   height:100%;

}


#wrapper{
	width:100%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	/*background:url(../images/wrapperback.jpg) top left repeat-x;*/
	/*background-color:#DEDEDE;*/
	background-color:#fff;
 min-height:100%;
margin-bottom:-100px;
}

#header{
	width:100%;
	height:141px;
	margin-left:auto;
	margin-right:auto;
	position:relative;


}

#header1{
	width:640px;
	height:141px;
	background:url(../images/newwhiteheader.png);
	margin-left:auto;
	margin-right:auto;
	position:relative;

}
#header h1 {
    background: url("../images/phone.png") no-repeat scroll 0 3px transparent;
    color: #333333;
    display: inline;
    float: right;
    font-family: Meiryo UI;
    font-size: 12px;
    font-weight: bold;
    left: 50%;
    margin-left: -65px;
    margin-right: 75px;
    padding-left: 30px;
    padding-top: 5px;
    position: absolute;
    top: 105px;
}



img.logo{
	margin-top:10px;
	width:329px;
	height:93px;
	margin-left:50px;
}

/*Nav Css Begins*/
#nav{
	width:100%;
	height:45px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	border-bottom:1px solid white;
	display:none;
	
}
#holder{
	width:800px;
	height:45px;
	margin-left:auto;
	margin-right:auto;
	
}
#holder li{
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	position:relative;
	height:45px;
}
#holder li a{
	display:block;
	color:#ffffff;
	float:left;
	padding-left:15px;
	padding-right:15px;
	line-height:45px;
	font-size:12px;
	font-family:Meiryo UI;
	text-transform:uppercase;
	font-weight:lighter;
	height:45px;
	text-align:center;
	margin-right:1px;
	border-top-right-radius:3px;
	border-top-left-radius:3px;
	text-decoration:none;
	background:url(../images/greybutton.png);
	box-shadow:0px -2px 5px #1A1A1A;
	/*border-left:1px solid #b77609;
	border-right:1px solid #f7f1f1;
	text-shadow:1px 1px 1px #333;*/
}
#holder li a:hover{
-moz-transition-duration: 0.5s;
    -moz-transition-timing-function: ease-in-out;
	display:block;
	color:#ffffff;
	float:left;
	padding-left:15px;
	padding-right:15px;
	line-height:45px;
	font-size:12px;
	font-family:Meiryo UI;
	text-transform:uppercase;
	font-weight:lighter;
	height:45px;
	text-align:center;
	margin-right:1px;
	border-top-right-radius:3px;
	border-top-left-radius:3px;
	text-decoration:none;
	background:url(../images/greenbutton.png);
	/*border-left:1px solid #b77609;
	border-right:1px solid #f7f1f1;
	text-shadow:1px 1px 1px #333;*/
}

#holder li a.visited{
	display:block;
	color:#ffffff;
	float:left;
	padding-left:15px;
	padding-right:15px;
	line-height:45px;
	font-size:12px;
	font-weight:bold;
	font-family:Meiryo UI;
	text-transform:uppercase;
	font-weight:lighter;
	height:45px;
	text-align:center;
	margin-right:1px;
	border-top-right-radius:3px;
	border-top-left-radius:3px;
	text-decoration:none;
	background:url(../images/greenbutton.png);
	/*border-left:1px solid #b77609;
	border-right:1px solid #f7f1f1;
	text-shadow:1px 1px 1px #333;*/
}

/*Nav Css Ends*/


/*Banner Css Begins*/

#mainbanner{
	width:100%;
	height:300px;
	background:url(../images/mainbanner.jpg);
	position:relative;
	box-shadow:0px -3px 15px #121212;
	border-bottom:2px ridge white;
	border-top:2px ridge white;
	display:none;
}


#banner{
	width:943px;
	height:300px;
	background:url(../images/banner.jpg);
	position:relative;
	margin-left:auto;
	margin-right:auto;
	
}


#banner h2{
	color:#A8C58E;
	font-size:60px;
	font-family:Meiryo UI;
	text-shadow:2px 4px 5px #333;
	padding-left:20px;
	padding-top:90px;
	margin:0;
	font-weight:bolder;
	text-transform:uppercase;
	font-style:italic;
}

#banner h2{
	color:#A8C58E;
	font-size:55px;
	font-family:Meiryo UI;
	text-shadow:2px 4px 5px #333;
	padding-left:20px;
	padding-top:90px;
	margin:0;
	font-weight:bolder;
	text-transform:uppercase;
	font-style:italic;
}

#banner h2.order{
	color:#A8C58E;
	font-size:45px;
	font-family:Meiryo UI;
	text-shadow:2px 4px 5px #333;
	padding-left:20px;
	padding-top:90px;
	margin:0;
	font-weight:bolder;
	text-transform:uppercase;
	font-style:italic;
}



#banner h2.goods{
	color:#A8C58E;
	font-size:50px;
	font-family:Meiryo UI;
	text-shadow:2px 4px 5px #333;
	padding-left:20px;
	padding-top:90px;
	margin:0;
	font-weight:bolder;
	text-transform:uppercase;
	font-style:italic;
}

#banner h2.terms{
	color:#A8C58E;
	font-size:50px;
	font-family:Meiryo UI;
	text-shadow:2px 4px 5px #333;
	padding-left:20px;
	padding-top:90px;
	margin:0;
	font-weight:bolder;
	text-transform:uppercase;
	font-style:italic;
}

#banner p{
	color:#FFF;
	font-size:12px;
	font-family:Meiryo UI;
	padding-left:20px;
	margin:0;
	width:550px;
	line-height:17px;

}

/*Banner Css Ends*/


h3{
	color:#0000ff;
	font-size:14px;
	font-family:Meiryo UI;
	text-shadow:2px 4px 5px #333;
	margin:0;
	font-weight:bolder;
	text-transform:uppercase;
	font-style:italic;
}

#canada{
	position:absolute;
	left:50%;
	margin-left:90px;
	top:0px;
	z-index:10;
	
	
}

#alberta{
	position:absolute;
	left:50%;
	margin-left:200px;
	top:15px;
	
	
}


#bc{
	position:absolute;
	left:50%;
	margin-left:150px;
	top:15px;
	
	
}



#content{
	
	    background: url("../images/greyfade.jpg") repeat-x scroll left top white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 2px 2px 5px #666666;
    height: auto;
    /*margin-top:-40px;*/
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
    padding-top: 15px;
    position: relative;
    width: 800px;
padding-bottom:15px;
margin-top:5px;
	


	

}

#left{
	width:630px;
	float:left;
	margin-left:10px;
	
	
}

#right{
	width:160px;
	float:right;
	height:200px;
	margin-top:100px;
	
}

#content2{
	background:url(../images/greyfade.jpg) top left repeat-x;
	background-color:white;
	height:auto;
	width:800px;
	margin-left:auto;
	margin-right:auto;

	border-top-right-radius:10px;
	border-top-left-radius:10px;
	position:relative;
	padding-top:15px;

	

} 

/*Grey Boxes Css Begins*/

#nav1{
	width:800px;
	height:393px;
	margin-top:15px;
	margin-bottom:15px;
	
}
#holder1{
	width:547px;
	height:393px;
	margin-left:auto;
	margin-right:auto;

}
#holder1 li{
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;	
	
}



#holder1 li {
	list-style-type:none;

}


#holder1 li a.home{
	background:url(../images/grey5.jpg);
	width:149px;
	height:189px;
	text-decoration:none;
	display:block;
	padding:0;
	float:left;

	



}

#holder1  li a:hover span.h {
	background:url(../images/grey5hover.jpg);
	display:block;
	width:149px;
	height:189px;
	padding:0;
	float:left;
	
	
}


#holder1 li a.schedule{
	background:url(../images/grey1.jpg);
	width:149px;
	height:189px;
	text-decoration:none;
	display:block;
	padding:0;
	float:left;
	margin-left:50px;


	



}

#holder1  li a:hover span.s {
	background:url(../images/grey1hover.jpg);
	display:block;
	width:149px;
	height:189px;
	padding:0;
	float:left;
	
	
}

#holder1 li a.archive{
	background:url(../images/grey2.jpg);
	width:149px;
	height:189px;
	text-decoration:none;
	display:block;
	padding:0;
	float:left;
	margin-left:50px;
	
	



}

#holder1  li a:hover span.a {
	background:url(../images/grey2hover.jpg);
	display:block;
	width:149px;
	height:189px;
	padding:0;
	float:left;
	
	
}


#holder1 li a.test{
	background:url(../images/grey3.jpg);
	width:149px;
	height:189px;
	text-decoration:none;
	display:block;
	padding:0;
	float:left;
	margin-top:15px;


	



}

#holder1  li a:hover span.t {
	background:url(../images/grey3hover.jpg);
	display:block;
	width:149px;
	height:189px;
	padding:0;
	float:left;
	
	
	
}


#holder1 li a.contact{
	background:url(../images/grey4.jpg);
	width:149px;
	height:189px;
	text-decoration:none;
	display:block;
	padding:0;
	float:left;
	margin-left:50px;
	margin-top:15px;

	



}

#holder1  li a:hover span.c {
	background:url(../images/grey4hover.jpg);
	display:block;
	width:149px;
	height:189px;
	padding:0;
	float:left;
	
	
}

#holder1 li a.register{
	background:url(../images/grey6.jpg);
	width:149px;
	height:189px;
	text-decoration:none;
	display:block;
	padding:0;
	float:left;
	margin-left:50px;
	margin-top:0;
	margin-top:15px;
	

	



}

#holder1  li a:hover span.r {
	background:url(../images/grey6hover.jpg);
	display:block;
	width:149px;
	height:189px;
	padding:0;
	float:left;
	margin-top:0;
	
	
}

/*Grey Boxes Css Ends*/

/*Circle Boxes Css Begins*/

#nav2{
	width:800px;
	height:119px;
	margin-top:5px;
	margin-bottom:5px;
	
}
#holder2{
	width:709px;
	height:119px;
	margin-left:auto;
	margin-right:auto;

}
#holder2 li{
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;	
	
}


#holder2 li {
	list-style-type:none;



}

#holder2 li a#application{
	background:url(../images/applicationcircle.png);
	width:118px;
	height:119px;
	text-decoration:none;
	display:block;
	padding:0;
	float:left;


	



}

#holder2  li a:hover span.a {
	background:url(../images/applicationcirclehover.png);
	display:block;
	width:118px;
	height:119px;
	padding:0;
	float:left;
	
	
}

#holder2 li a#environment{
	background:url(../images/environmentcircle.png);
	width:118px;
	height:119px;
	text-decoration:none;
	display:block;
	padding:0;
	float:left;


	



}

#holder2  li a:hover span.e {
	background:url(../images/environmentcirclehover.png);
	display:block;
	width:118px;
	height:119px;
	padding:0;
	float:left;
	
	
}


#holder2 li a#health{
	background:url(../images/healthcircle.png);
	width:118px;
	height:119px;
	text-decoration:none;
	display:block;
	padding:0;
	float:left;


	



}

#holder2  li a:hover span.h {
	background:url(../images/healthcirclehover.png);
	display:block;
	width:118px;
	height:119px;
	padding:0;
	float:left;
	
	
}

#holder2 li a#regulations{
	background:url(../images/regulationscircle.png);
	width:118px;
	height:119px;
	text-decoration:none;
	display:block;
	padding:0;
	float:left;


	



}

#holder2  li a:hover span.r {
	background:url(../images/regulationscirclehover.png);
	display:block;
	width:118px;
	height:119px;
	padding:0;
	float:left;
	
	
}

#holder2 li a#pest{
	background:url(../images/pestcircle.png);
	width:118px;
	height:119px;
	text-decoration:none;
	display:block;
	padding:0;
	float:left;


	



}

#holder2  li a:hover span.p {
	background:url(../images/pestscirclehover.png);
	display:block;
	width:118px;
	height:119px;
	padding:0;
	float:left;
	
	
}


#holder2 li a#pro{
	background:url(../images/procircle.png);
	width:118px;
	height:119px;
	text-decoration:none;
	display:block;
	padding:0;
	float:left;


	



}

#holder2  li a:hover span.pr {
	background:url(../images/pestscirclehover.png);
	display:block;
	width:118px;
	height:119px;
	padding:0;
	float:left;
	
	
}


/*Circle Boxes Css Ends*/
.dividertop{
	background:#179AEA;
	height:8px;
	width:677px;
	margin-left:auto;
	margin-right:auto;
}


.divider{
	background:#179AEA;
	height:8px;
	width:630px;
	margin-left:auto;
	margin-right:auto;
}

.divider2{
	background: none repeat scroll 0 0 #179AEA;
    height: 8px;
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
    width: 677px;
	
}

/*Php for courses*/
#listingstitle{
	background:url(../images/shadowbox.png);
    height: 79px;
    left: 50%;
    line-height: 60px;
    margin-left: -420px;
    position: absolute;
    top: 170px;
    width: 840px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	
}

#listingstitle h2{
	color:#A8C58E;
	font-size:30px;
	font-style:normal;
	text-align:center;
	font-family:Meiryo UI;
	text-shadow:1px 1px 1px #000;
	
	
}

#coursebox{
	width:677px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:45px;
	margin-top:10px;
	border:1px #CCC solid;
	border-top-right-radius:3px;
	border-top-left-radius:3px;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	overflow:auto;
	
	
	
}

#leftbox{
	width:300px;
	height:auto;
	float:left;

}


/*Title Begins*/
.title {
    background: url("../images/greencourse.jpg") repeat scroll 0 0 transparent;
    color: white;
    height: 40px;
	align: center; 
    line-height: 40px;
    width: 677px;
}
.title a {
    color: #EFEFEF;
    font-family: Meiryo UI;
	font-size: 11px;
    padding-left: 10px;
    text-decoration: none;
    text-shadow: 1px 1px 2px #333333;
    text-transform: uppercase;
}



/*Date Begins*/
#datebox {
    height: auto;
    margin-top: 15px;
    width: 300px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.date1 {
    color: #999999;
    display: inline;
    font-weight: bold;
    margin-left: 30px;
    margin-top: 10px;
}
.date2 {
    color: black;
    display: inline;
    font-weight: bold;
 
}

.time {
    color: black;
    margin-left:77px;
    font-weight: bold;
 
}



/*Class Begins*/
#classbox {
    height: auto;
    margin-top: 15px;
    width: 300px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.class1 {
    color: #999999;
    display: inline;
    font-weight: bold;
    margin-left: 7px;
    margin-top: 10px;
}

.class2 {
    color: black;
    display: inline;
	margin-left: 10px;
    font-weight: bold;
 
}

/*Credit Begins*/
#creditbox {
    height: auto;
    margin-top: 15px;
    width: 300px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.credit1 {
    color: #999999;
    display: inline;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 10px;
}

.credit2 {
    color: black;
    display: inline;
    font-weight: bold;
 
 
}
/*Register Button Begins*/
.register {
    height: 40px;
    margin-left: 40px;
    margin-top: 20px;

}
.register a {
    background: url("../images/shadowbox.png") repeat scroll 0 0 transparent;
    color: white;
    font-family: georgia;
    padding: 7px;
    text-decoration: none;
    text-shadow: 1px 1px 2px #333333;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	font-weight:bold;
}



/*Descbox Begins*/
#descbox {
    height: auto;
    margin-top: 15px;
	margin-bottom: 15px;
    width: 376px;
	font-family:Georgia, "Times New Roman", Times, serif;
	float:left;
}

.desc2 {
    color: black;
	font-size:12px;
	line-height:19px;
	padding-right:2px;
 
 
}
/*Pagination Begins*/
.subPageLinks{
	font-size:10px;
	margin-top:10px;
	margin-bottom:10px;
	color:#999;
	margin-left:60px;
		font-weight:bold;
		font-family:Meiryo UI;
}

strong{
	color:#A8C58E;
}


a.numbers {
	color:#A8C58E;
		font-weight:bold;
}
.numbers{
	color:#EABC02;
	text-decoration:none;
		font-weight:bold;

}

.prev{
	text-decoration:none;
	color:#A8C58E;
	font-weight:bold;
}

.next{
	text-decoration:none;
	color:#A8C58E;
	font-weight:bold;
	
}

/*
*/

#footer{
position:relative;
padding-top:100px;
margin-top:100px;
   width:100%;
	background:#000;
	height:100px;
	
	font-family:Meiryo UI;
	font-weight:normal;
	
}

.clearfooter {
height: 100px;
clear: both;

}


#rights{
	font-family:Meiryo UI;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
	font-size:16px;
	text-align:center;
	padding-top:20px;
	font-weight:normal;
	
}

#copy{
	font-family:Meiryo UI;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
	font-size:12px;
	text-align:center;
	margin-top:0;
	font-weight:normal;
	width:635px;
	
}

ul.rowlist{
	margin:0;
	padding:0;
	width:530px;
	margin-left:auto;
	margin-right:auto;
	height:15px;
	font-weight:normal;

	
}

ul.rowlist li{
	list-style-type:none;
	display:inline;
	font-weight:normal;
}

ul.rowlist li a{
	float:left;
	text-decoration:none;
	color:#999;
	font-family:Meiryo UI;
	padding-right:5px;
	font-size:12px;
	font-weight:normal;
}

ul.rowlist li a:hover{
	float:left;
	text-decoration:none;
	color:black;
	font-family:Meiryo UI;
	padding-right:5px;
	font-size:12px;
	font-weight:normal;
}

h2.courses{
		 
        font-family:Meiryo UI;
		color:#DDA632;
		text-transform:uppercase;
		margin-top:15px;
		margin-left:80px;
   		 text-shadow: 1px 1px 1px #373737;
   
		
      }
	  
	  h2.courses1{
		 
           color: #DDA632;
    font-family: Meiryo UI;
    margin-top: 15px;
    text-shadow: 1px 1px 1px #373737;
    text-transform: uppercase;
		
      }
	  
.divider3{
	 background: none repeat scroll 0 0 #179AEA;
    height: 8px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 630px;
}

.tablemain{
text-align:"center";
border:0;
cellpadding:0;
cellspacing:10px;
width:677px;
}

table#termscond{
	
	height:auto;
	font-family:Meiryo UI;
		color:#000000;
		margin-left:auto;
		margin-right:auto;
		font-size:12px;
		margin-bottom:15px;
		line-height:20px;
	
}

.td1{
text-align:center;
width:44px;
}

.td2{
text-align:center;
width:41px;
}

.td3{
text-align:center;
width:144px;
}

.td4{
text-align:center;
width:175px;
}

.textcenter{
text-align:center;
}

p#termscond{
	width:630px;
	height:auto;
	font-family:Meiryo UI;
		color:black;
		margin-left:auto;
		margin-right:auto;
		font-size:12px;
		margin-bottom:15px;
		line-height:20px;
	
}


table#termscond a{
	color:#00f;
	text-decoration:none;
	
	
}

p#termscond a{
	color:#900;
	text-decoration:none;
	
	
}

table#termscond a:hover{
	color:#900;
	
	
}

p#termscond a:hover{
	color:#999;
	
	
}

/*Accordian*/

ol#box {

	margin-top:10px;
	width:630px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	
	
	
	
}

ol#box li{
	font-family:Meiryo UI;
	color:#889F71;
	font-size:16px;
	line-height:21px;
	list-style-type:none;
	text-decoration:none;
	
	
}

ol#box li a{
	text-decoration:none;
	font-weight:bold;
	   font-family:Meiryo UI;
		color:#889F71;
	
	
}

ol#box li a:hover{
	text-decoration:none;
	   font-family:Meiryo UI;
		color:#999;
	font-weight:bold;
	
}

	


ul#box2 li{
	  font-family:Meiryo UI;
	color:#999;
	font-size:12px;

	list-style-type:none;
	margin-top:10px;
}

ul#box3 li{
	   font-family:Meiryo UI;
		color:black;
	font-size:12px;
	margin-left:40px;
	list-style-type:disc;
	margin-top:0;
}

ul#box3 li a{
	   font-family:Meiryo UI;
		color:#900;
	font-size:12px;
	list-style-type:disc;
}

ul#box3 li a:hover{
	   font-family:Meiryo UI;
		color:#999;
	font-size:12px;
	list-style-type:disc;
}

#color  a {

	text-decoration:none;
	
	
}

#color  a:hover {
color:#999;
	text-decoration:none;
	
	
}

li.contact{
	font-family:Meiryo UI;
	font-size:13px;
	color:#555555;
	text-align:left;
	list-style-type:none;
	
	
	
	
}

.green{
	color: #dda632;
    font-family: Meiryo UI;
	font-weight:bold;
}

#bottomcontent{
    clear: both;
    height: 0;
    margin-left: auto;
    margin-right: auto;
	margin-top: 700px;
    width: 960px;
}

/*Sidenav*/

#nav100{
	width:160px;
	height:auto;
	

	
}
#holder100{
	width:160px;
	height:auto;
	margin-left:auto;
	margin-right:auto;

}
#holder100 li{
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;	
	padding-top:3px;
	padding-bottom:3px;
	margin-right:1px;
	text-align:center;
	color: #174867;
	border-radius:25px 0px 0px 25px;
	border:#000 2px;
	border-style:solid;
	border-color:#999;
	background-color:#FFF;
}


#holder100 li a{
	   color: #333333;
    font-family: Meiryo UI;
	font-size:10px;
    font-weight: normal;
    margin-top: 15px;
    padding: 0;
    text-align: right;
    text-decoration: none;
    text-shadow: 1px 1px 1px #373737;
    text-transform: uppercase;
	
}

#holder100 li a:hover{
	   color: black;
    font-family: Meiryo UI;
    font-weight: bold;
    margin-top: 15px;
    padding: 0;
    text-align: right;
    text-decoration: none;
    text-shadow: 1px 1px 1px #373737;
    text-transform: uppercase;
	
	background-color:#F60;
	
	
	text-decoration: none;
	
}

#holder100 li a:visited{
	   color: #333333;
    font-family: Meiryo UI;
    font-weight: bold;
    margin-top: 15px;
    padding: 0;
    text-align: right;
    text-decoration: none;
    text-shadow: 1px 1px 1px #373737;
    text-transform: uppercase;
	
}

.capbox {
	background-color: #92D433;
	border: #B3E272 0px solid;
	border-width: 0px 12px 0px 0px;
	display: inline-block;
	*display: inline; zoom: 1; /* FOR IE7-8 */
	padding: 8px 40px 8px 8px;
	}

.capbox-inner {
	font: bold 11px arial, sans-serif;
	color: #000000;
	background-color: #DBF3BA;
	margin: 5px auto 0px auto;
	padding: 3px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}

#CaptchaDiv {
	font: bold 17px verdana, arial, sans-serif;
	font-style: italic;
	color: #000000;
	background-color: #FFFFFF;
	padding: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}

#CaptchaInput { margin: 1px 0px 1px 0px; width: 135px; }