/*-------------------------------------------------
GLOBALS CLASSES 
-------------------------------------------------*/
*{padding:0; margin:0;}
body{font-family: Verdana, Geneva, serif; font-size:12px; color:#7b7e7a; background:#e1ece7;}
img{border:none;}
h1{ font-size:18px; color:#3173d1; font-family: Verdana, Geneva, sans-serif; font-weight:normal;}
h2{ font-size:16px; color:#1f7872; font-family: Georgia, Times New Roman, Times, serif; font-weight:normal;}
h3{ font-size:14px; color:#3173d1; font-family: Cambria, Georgia, serif; font-weight:normal;}
boldf{font-weight: bold;}
P{ line-height:20px;}
a{text-decoration:none; color:#1f7872;}
a:hover{color:#d13f31;}
/*-------------------------------------------------
GENERAL CLASSES
-------------------------------------------------*/
.mar-top30{margin-top:30px;}
.mar-top20{margin-top:20px;}
.mar-top15{margin-top:15px;}
.mar-right30{margin-right:20px;}
.mar-bottom20{margin-bottom:20px;}
.float-left{ float:left;}
.float-right{ float:right;}
.clearing { clear:both;}
.panel{ background:#ffffff;}
.title{}
.content{}
.button a{text-decoration:none; display:block; width:70px; height:30px; background:#1f7872; color:#ffffff; font-family: 'Oswald', sans-serif; line-height:30px; text-align:center;}
.button a:hover{ background:#1f7872;}
.page{ width:960px; margin:0 auto;overflow:hidden;}
/*-------------------------------------------------
MENU CLASSES
-------------------------------------------------*/
.menu-wrap{ overflow:hidden; background:#1a202c; background:url(../images/blackbg.jpg) no-repeat;  background-size:100%;}
.menu{margin:0 auto; width:960px; background:#3173d1; height:65px; margin-top:60px; }
.menu ul li{list-style:none; float:left; width:auto;}
.menu ul li a{ display:block; height:65px; line-height:65px; padding-left:16px; padding-right:16px; font-size:14px; font-family: 'Oswald', sans-serif; color:#ffffff; border-right:#1a202c solid 1px;}
.menu ul li a:hover{background:#e1ece7; color:#1a202c;}
.menu ul li a.active{background:#e1ece7; color:#1a202c;}

/*-------------------------------------------------
HEADER CLASSES
-------------------------------------------------*/
.header{margin:0 auto; width:960px; height:70px;}
.logo{width:960px; float:left; line-height:80px;}
.logo h1{ font-size:18px; color:#3173d1; font-weight:normal;}
.logo h1 span{ color:#1a202c;}
.logo h1 cap{ color:#1f7872}
.social{ float:right; margin-top:45px;}
.social ul li{list-style:none; float:left; margin-left:15px;}

/*-------------------------------------------------
BANNER CLASSES
-------------------------------------------------*/
.banner{width:960px; height:280px; margin:0 auto; margin-bottom:0px; background:url(../images/vancouver.jpg) no-repeat;  background-size:100.5%; position:relative;}
.banner h1{ padding:10px; float:right; background:#1a202c; color:#ffffff;  font-size:30px; font-weight:normal; position:absolute; top:123px; right:0;}
.banner h2{ padding:10px; float:right; background:#ffffff; color:#1a202c;  font-size:22px; font-weight:normal; font-family: 'Oswald', sans-serif;position:absolute; top:195px; right:0;}

.banner_topic{width:960px; height:280px; margin:0 auto; margin-bottom:0px; background:url(../images/chem.jpg) no-repeat;  background-size:100%; position:relative;}
.banner_topic h1{ padding:10px; float:right; background:#1a202c; color:#ffffff;  font-size:30px; font-weight:normal; position:absolute; top:123px; right:0;}
.banner_topic h2{ padding:10px; float:right; background:#ffffff; color:#1a202c;  font-size:22px; font-weight:normal; font-family: 'Oswald', sans-serif;position:absolute; top:195px; right:0;}

.banner_speaker{width:960px; height:280px; margin:0 auto; margin-bottom:0px; background:url(../images/plan.jpg) no-repeat;  background-size:100.5%; position:relative;}
.banner_speaker h1{ padding:10px; float:right; background:#1a202c; color:#ffffff;  font-size:30px; font-weight:normal; position:absolute; top:123px; right:0;}
.banner_speaker h2{ padding:10px; float:right; background:#ffffff; color:#1a202c;  font-size:22px; font-weight:normal; font-family: 'Oswald', sans-serif;position:absolute; top:195px; right:0;}

.banner_dates{width:960px; height:280px; margin:0 auto; margin-bottom:0px; background:url(../images/compass.jpg) no-repeat;  background-size:100.2%; position:relative;}
.banner_dates h1{ padding:10px; float:right; background:#1a202c; color:#ffffff;  font-size:30px; font-weight:normal; position:absolute; top:123px; right:0;}
.banner_dates h2{ padding:10px; float:right; background:#ffffff; color:#1a202c;  font-size:22px; font-weight:normal; font-family: 'Oswald', sans-serif;position:absolute; top:195px; right:0;}

.banner_bookings{width:960px; height:280px; margin:0 auto; margin-bottom:0px; background:url(../images/hotel.jpg) no-repeat;  background-size:100.8%; position:relative;}
.banner_bookings h1{ padding:10px; float:right; background:#1a202c; color:#ffffff;  font-size:30px; font-weight:normal; position:absolute; top:123px; right:0;}
.banner_bookings h2{ padding:10px; float:right; background:#ffffff; color:#1a202c;  font-size:22px; font-weight:normal; font-family: 'Oswald', sans-serif;position:absolute; top:195px; right:0;}

.banner_submissions{width:960px; height:280px; margin:0 auto; margin-bottom:0px; background:url(../images/chem-2.jpg) no-repeat;  background-size:100%; position:relative;}
.banner_submissions h1{ padding:10px; float:right; background:#1a202c; color:#ffffff;  font-size:30px; font-weight:normal; position:absolute; top:123px; right:0;}
.banner_submissions h2{ padding:10px; float:right; background:#ffffff; color:#1a202c;  font-size:22px; font-weight:normal; font-family: 'Oswald', sans-serif;position:absolute; top:195px; right:0;}

.banner_program{width:960px; height:280px; margin:0 auto; margin-bottom:0px; background:url(../images/vanc-1.jpg) no-repeat;  background-size:100.2%; position:relative;}
.banner_program h1{ padding:10px; float:right; background:#1a202c; color:#ffffff;  font-size:30px; font-weight:normal; position:absolute; top:123px; right:0;}
.banner_program h2{ padding:10px; float:right; background:#ffffff; color:#1a202c;  font-size:22px; font-weight:normal; font-family: 'Oswald', sans-serif;position:absolute; top:195px; right:0;}

.banner_registration{width:960px; height:280px; margin:0 auto; margin-bottom:0px; background:url(../images/vanc-3.jpg) no-repeat;  background-size:100.2%; position:relative;}
.banner_registration h1{ padding:10px; float:right; background:#1a202c; color:#ffffff;  font-size:30px; font-weight:normal; position:absolute; top:123px; right:0;}
.banner_registration h2{ padding:10px; float:right; background:#ffffff; color:#1a202c;  font-size:22px; font-weight:normal; font-family: 'Oswald', sans-serif;position:absolute; top:195px; right:0;}

.banner_tourism{width:960px; height:280px; margin:0 auto; margin-bottom:0px; background:url(../images/lgb-1.jpg) no-repeat;  background-size:100%; position:relative;}
.banner_tourism h1{ padding:10px; float:right; background:#1a202c; color:#ffffff;  font-size:30px; font-weight:normal; position:absolute; top:123px; right:0;}
.banner_tourism h2{ padding:10px; float:right; background:#ffffff; color:#1a202c;  font-size:22px; font-weight:normal; font-family: 'Oswald', sans-serif;position:absolute; top:195px; right:0;}

.banner_contacts{width:960px; height:280px; margin:0 auto; margin-bottom:0px; background:url(../images/vanc-2.jpg) no-repeat;  background-size:100.7%; position:relative;}
.banner_contacts h1{ padding:10px; float:right; background:#1a202c; color:#ffffff;  font-size:30px; font-weight:normal; position:absolute; top:123px; right:0;}
.banner_contacts h2{ padding:10px; float:right; background:#ffffff; color:#1a202c;  font-size:22px; font-weight:normal; font-family: 'Oswald', sans-serif;position:absolute; top:195px; right:0;}

/*-------------------------------------------------
MAIN COLUMNS CLASSES
-------------------------------------------------*/
.primary-col{ width:670px; overflow:hidden; float:left;}
.primary-col p{ padding-bottom:16px;}
.generic{ float:left; overflow:hidden; width:100%;}
.generic .panel{ padding:20px 20px 20px 20px; }
.generic .date h3{ padding-bottom:20px;}
.generic .title h1{ padding-bottom:20px;}
.generic .content{overflow:hidden;}
.generic .content h2{ padding-bottom:15px;}
.generic .content span{ font-weight:bold;}
.generic .content a:link{color:#1f7872;}
.generic .content a:visited{color:#1f7872;}
.generic .content a:hover{ text-decoration:none; color:#d13f31;}
.generic .content ul li span{ font-weight:bold;}
.generic .content ul li fsize{ font-size:13px;}
.generic .content ul li{list-style:none; border-bottom:#e2e6e9 solid 1px;color:#3b3e3a;line-height:30px; }
.generic .content ul li.-no-border-bottom{border-bottom:none;}
.generic .content ul li a{ text-decoration:none;color:#dbdeda;}
.generic .content ul li a:hover{ text-decoration:none; color:#d13f31;}
.generic .content pa{ padding-bottom:5px;}
.generic .content .postR{ float:right; width:490px; border-bottom:#e2e6e9 solid 1px; padding-top:10px;  padding-bottom:10px;}
.generic .content .postR a{ text-decoration:none; color:#d13f31;}
.generic .content .postR a:hover{ color:#d13f31;}
.generic .content .img {margin: 5px; border: 1px solid #ccc; float: left; height: 180px;}	
.generic .content .img img {width: 105%; height: 100%}
.generic .content .img_s {margin: 1px; margin-top: 10px; border: 1px solid #cccccc; float: left; height: 22px;}	
.generic .content .img_s img {width: 100%; height: 100%}
.generic .content .desc {padding: 15px; text-align: center;}

.news_blk{width:670px;}
.news_blk .panel{padding:20px 20px 20px 20px;}
.news_blk .date h3{ padding-top:15px; padding-bottom:5px; border-top:#e2e6e9 solid 1px;}
.news_blk .title h1{ padding-bottom:20px;}
.news_blk .content img{ padding-bottom:20px;}
.news_blk .content h2{ padding-bottom:10px;}
.news_blk .content p{ padding-bottom:20px; border-bottom:#e2e6e9 solid 1px;}

.block{width:310px;}
.block .panel{padding:20px 20px 20px 20px;}
.block .title h1{ padding-bottom:20px;}
.block .content img{ padding-bottom:20px;}
.block .content h2{ padding-bottom:10px;}
.block .content p{ padding-bottom:20px;}

/*-------------------------------------------------
SIDE BAR CLASSES #a6192e (SFU)
-------------------------------------------------*/
.side-bar{ width:270px; overflow:hidden; float:right;}
.search{background:#3173d1; padding:15px 20px 15px 20px; overflow:hidden;}
.search .title h1{ color:#fff; padding-bottom:10px;}
.search ul li{list-style:none; float:left; list-style:none;}
.textfiled{ background:#fff; width:200px; height:36px;  text-indent:5px; border: none;}
.side-bar .panel{ padding:25px 20px 25px 20px; overflow:hidden;}
.side-bar .panel_pic{ padding:0px 0px 0px 0px; overflow:hidden;}
.side-bar .panel .title{padding-bottom:20px;}
.side-bar .panel .title span{float:left; padding-right:12px;}
.side-bar .content spanh{color:#1f7872;}
.side-bar .content span{color:#d13f31; font-weight:600;}
.side-bar .content ul li{list-style:none; border-bottom:#e2e6e9 solid 1px;color:#9b9e9a;line-height:30px;}
.side-bar .content ul li.-no-border-bottom{border-bottom:none;}
.side-bar .content ul li a{ text-decoration:none;color:#9b9e9a;}
.side-bar .content ul li a:hover{ text-decoration:none; color:#d13f31;}
.side-bar .content img{float:left;}
.side-bar .content .recentPost{ float:right; width:130px; line-height:18px;}
.side-bar .content .recentPost a{ text-decoration:none; color:#1f7872; float:left; padding-top:20px;}
.side-bar .content .recentPost a:hover{ color:#d13f31;}
/*-------------------------------------------------
IMG CLASSS
-------------------------------------------------*/
.img {margin: 5px; border: 1px solid #ccc; float: left; width: 180px;}	
.img:hover {border: 1px solid #777;}
.img img {width: 100%; height: auto;}
.desc {padding: 15px; text-align: center;}
/*-------------------------------------------------
CONTACT FORM CLASSS
-------------------------------------------------*/
.contact-form { background:#f4f8f6; padding:30px; width:440px; float:left;}
.contact-form label {display: block; padding:10px 0 10px 0;}
.contact-form label span {display: block; color:#939191;font-size:14px; float:left; width:80px; text-align:left; padding:5px 20px 0 0;}
.contact-form .input_text {padding:10px 10px;width:318px;background:#ffffff;border:#e1ece7 1px solid; color:#939191;}
.contact-form .message{padding:10px 10px;width:318px; background:#ffffff; border:#e1ece7 1px solid;overflow:hidden;height:150px; color:#939191; font-size:14px;}
.contact-form .button{padding:8px;background:#1f7872; color:#ffffff; font-family:'Oswald', sans-serif;border:0px solid;margin-left:100px;margin-top:20px;}

.address { float:left; width:370px; margin-left:0px;}
.address .panel { border:none; color:#9b9e9a}
.address .panel .title h1 {  color:#d13f31; padding-bottom:10px;}
.address .panel .content p span { color:#9b9e9a;}

/*-------------------------------------------------
FOOTER CLASSES
-------------------------------------------------*/
.primary-footer{ overflow:hidden; margin:0 auto; }
.footer-wrap{ background:#1a202c; overflow:hidden; padding-top:40px; margin-top:40px; padding-bottom:40px; background:url(../images/blackbg.jpg) no-repeat;  background-size:100%;}
.footer{width:960px; margin:0 auto;}
.footer .panel{float:left; background:none; width:300px;}
.footer .panel .title h1{ color:#ffffff;}
.footer .panel .content{padding-top:25px;}
.footer .panel .content p{ color:#435059;}
.footer .panel .content .button a{ margin-top:30px; background:#d13f31; width:70px; height:30px;}
.footer .panel .content .button a:hover{ margin-top:30px; background:#3173d1;}
.footer .panel .content ul li{ list-style:url(../images/arrow.png) inside; border-bottom:#273042 solid 1px; line-height:35px;}
.footer .panel .content ul li a{text-decoration:none; color:#435059;}
.footer .panel .content ul li a:hover{color:#d13f31;}
.footer .panel .content ul li.-no-border-bottom{border-bottom:none;}
.copyright-wrap{ background:#3173d1; overflow:hidden; padding:20px 0px 20px 0px;}
.copyright-wrap .panel{width:960px; margin:0 auto; background:none;}
.copyright-wrap .panel .content p{ color:#ffffff; text-align:center; font-size:12px;}
.copyright-wrap .panel .content p a{ text-decoration:none; color:#ffffff;}
.copyright-wrap .panel .content p a:hover{ color:#1a202c;}