p, ul, ol, h1, h2, h3, h4, h5, h6 {margin:0;padding:0;border:0;}
body{margin:0 auto 0 auto; padding:0; font:11px/18px arial, verdana, tahoma, helvetica, sans-serif; color:#5A5A54; text-align:center; background:#8B8A6C;}
#site_search{width:760px;margin:5px auto 0px auto;text-align:right;font-weight:bold; color:#F3F3CC;}
#wrapper {margin:0px auto 0px auto; width:760px; background:#FFF;border:1px solid #FFF;}
#header {width:760px; height:120px; background: #C56B29;margin:0px;}

#logo a{float:left; padding:0px; margin:30px 0 0 20px; background: transparent url(../images/logo.gif) no-repeat; width:220px; height:70px;}
#photos {float:right;}
#photos img{border-left:1px solid #FFF;margin:0;padding:0;}

/* Main navigation area 
-------------------------------------------------------*/

#main_navigation {width:760px; height:29px; border-top:1px solid #FFF;background: url(../images/main_nav_bg.gif) repeat-x;text-align:left;}

#menu {
	float:left;
	margin: 0;
	padding:0 0 0 16px;
	list-style-type: none;
	height:28px;
	width:380px;
	
}
#menu li {display:inline;background:none;}
#menu li a,
#menu li div {
	float: left;
	margin: 0px;
	padding: 0;
	height: 28px;
}
#menu span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}
#menu .menu1 {width: 47px; background: url(../images/buttons/home.gif) no-repeat;}
#menu .menu1:hover, #menu .menu1active {width: 47px;background: url(../images/buttons/home_on.gif) no-repeat;}
#menu .menu2 {width: 48px; background: url(../images/buttons/about.gif) no-repeat;}
#menu .menu2:hover, #menu .menu2active {width: 48px; background: url(../images/buttons/about_on.gif) no-repeat;}
#menu .menu3 {width: 68px; background: url(../images/buttons/programs.gif) no-repeat;}
#menu .menu3:hover, #menu .menu3active {width: 68px; background: url(../images/buttons/programs_on.gif) no-repeat;}
#menu .menu4 {width: 68px; background: url(../images/buttons/locations.gif) no-repeat;}
#menu .menu4:hover, #menu .menu4active {width: 68px; background: url(../images/buttons/locations_on.gif) no-repeat;}
#menu .menu5 {width: 77px; background: url(../images/buttons/resources.gif) no-repeat;}
#menu .menu5:hover, #menu .menu5active {width: 77px; background: url(../images/buttons/resources_on.gif) no-repeat;}

#font_resize {color:#FFF; font-weight:bold; float: right; text-align:right; width:150px; height:30px; padding:0; margin:0px 5px;}
#font_resize p{margin-top:5px; }
a.font1, a.font2, a.font3 {color:#FFF; font-weight:bold;text-decoration:none; padding:0px 2px;}
a.font1 {font-size:11px;}
a.font2 {font-size:13px;}
a.font3 {font-size:15px;}


/* Search area 
-------------------------------------------------------*/

#search_bar{width:758px; background:#F3F3CC; font-weight:bold; padding:8px 2px 5px 0px; margin:0px;text-align:left;}
.submit{border:0;}
#program_search{width:700px;margin-left:23px;padding:0;}
#language_search {width:700px;margin:-8px 0 0 38px;padding:0;}
#language_search img{border:0;}
#language_search ul{margin-left:-16px;}
#language_search li{background:none;display:inline;padding-right:4px;}
#chinese{padding-top:2px;}
#vietnamese{padding-top:3px;}
#punjabi{padding-top:6px;}
#location_search{padding-left:20px;margin:0px;font-weight:bold;overflow:visible;}
#location_search input, #location_search select{display:inline;}
label, input, select { vertical-align: middle; border:1px solid #888; margin-right:4px;}
#submit {margin-bottom:4px;}

#content{width:760px; margin:0; text-align:left;  border-top:1px solid #FFF;background:#F4F3DF;}

/* Layout for home page columns 
----------------------------------------*/
#left {float:left; width:390px; padding:0px; margin:0; border-right:1px solid #FFF;background: #FFF url(../images/left_bg.gif) repeat-x;}
#left p{padding:20px 20px 10px 25px; margin:0;}

#right {position:relative;float:left; width:369px; padding:0px; margin:0px; background:#F4F3DF;height:421px;}

#right p{padding:0; margin: 0 30px 20px 23px;}
#map{height:338px;position:absolute;bottom:0px;margin:0;}
/* Layers for map area 
----------------------------------------*/
#marpole,#westside,#kitsilano,#southvanf,#southvann,#froghollow,#collingwood,#littlemountain,#mtpleasantf,#mtpleasantn,#gordon,#eastside,#kiwassa,#aboriginal,#innercity{
      display:none; 
      position:absolute; 
      border: 1px solid #C56B29; 
      background-color: #F4F3DF ;
      padding: 10px;}

#marpole{top:290px;left:-40px;}      
#westside{top:100px;left:-95px;}
#kitsilano{top:100px;}
#southvanf{top:290px;left:165px}
#southvann{top:250px;left:100px;}
#froghollow{top:210px;left:170px;}
#collingwood{top:145px;left:115px;}
#littlemountain{top:160px;right:170px;}
#mtpleasantf{top:135px;left:67px;}
#mtpleasantn{top:115px;left:25px;}
#gordon{top:100px;left:170px;}
#eastside{top:75px;right:90px;}
#kiwassa{top:20px;right:60px;}
#aboriginal{top:30px;left:-30px;}
#innercity{top:30px;left:0px;}

#whats_inside{position:relative; color:#F3F3CC;background:#9EB847;padding:20px 20px 15px 20px;}
#whats_inside h2 {width:140px; height:22px; margin:0px; padding:0; background:url(../images/whats_inside.gif) no-repeat; }
#whats_inside p{padding:5px;}

/* Layout for main content area 
----------------------------------------*/
#main {float:left; width:730px; padding:0 10px 20px 20px; margin:0;}
#main h2, #main h3 {padding:0; margin:10px 10px 2px 0px;}
#main p { padding:3px 0px;}

#programs {float:right;width:300px; margin-top:0px;padding:25px 15px;border:1px solid #E5E6D1;}

/* footer
----------------------------------------------*/
#footer{margin:0px auto 0px auto; width:760px;}
#footer p {font:10px verdana, arial, tahoma, sans-serif; color: #E0E0D8;padding:5px; margin:0; text-align:left;}


a{color:#C56B29;}
a:hover{color:#E58E19;}
.hide {display:none;}
h2 {color:#C56B29; font:bold 16px arial, verdana, tahoma, sans-serif;}
h3 {color:#788104; font:bold 14px arial, verdana, tahoma, sans-serif;}

#content ul{margin:8px 10px;}
#content li { padding-left:15px; padding-bottom:5px; list-style:none; background: url("../images/bullet.gif") no-repeat 0 4px;}

.listitem td{padding:0 15px 5px 0;border-bottom:1px solid #E5E6D1;vertical-align:top;} /*formats search results*/
.list{border-collapse:collapse;}
.list td{padding-left:5px;}
.list th{background:#E5E6D1;padding-left:5px;}
.pagination{border:0;text-align:center;}


.advanced_search {padding-top:10px;}

.padLeft {float:right; padding-right:8px;}
hr {color: #C56B29;
	background-color: #C56B29;
	height: 1px;
	border: 0;
	width:92%;
	margin: 8px 0 0 20px ;
	padding:0;
}