/* WLC Default CSS */

body {
	margin: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #4A401D;
	background: #EDECE8 url(backgrounds/body_bg.gif) repeat-x;
}

h1 { margin: 0px; padding: 0px; }

h2 { margin: 0px 0px 20px 0px; padding: 0px; font-size: 22px; font-weight: normal; }
h3 { margin: 5px 0px 5px 0px; padding: 0px; font-size: 15px; font-weight: bold; }
h4 { margin: 12px 0px 0px 0px; padding: 0px; font-size: 11px; font-weight: bold; }
h5 { margin: 0px 0px 15px 0px; padding: 0px; font-size: 12px; font-weight: bold; }

body.about h2, body.about h4 { color: #0473c0; }
body.canada h2, body.canada h4 { color: #de0808; }
body.overseas h2, body.overseas h4 { color: #028605; }
body.events h2, body.events h4 { color: #7308b1; }
body.volunteer h2, body.volunteer h4 { color: #ff6d02; }

p { line-height: 20px; }

a { color: #4C7A8C; }
a:hover { color: #265160; }

#container {
	position: relative;
	margin: 0px auto;
	width: 750px;
	background: url(backgrounds/container_bg.jpg) no-repeat;
}

#header {
	height: 100px;
	background: url(backgrounds/header_bg.gif) no-repeat;
}
#header a {
	position: absolute;
	display: block;
	top: 13px;
	left: 20px;
	width: 540px;
	height: 80px;
	background: url(logos/wlc_header.gif) no-repeat;
}
#header h1 span { display: none; }
#header img { margin: 0px 0px 0px 10px; }

#menu-main ul {
	position: relative;
	margin: 0px;
	padding: 0px 0px 0px 14px;
	height: 23px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	list-style: none;
	background: url(backgrounds/menu_bg.gif) no-repeat;
}
#menu-main li {
	position: relative;
	float:left;
	margin: 0px 0px 0px 1px;
	padding: 0px 0px 0px 6px;
	background: url(backgrounds/menu_main_lt.gif) no-repeat left top;
}
#menu-main a {
	position: relative;
	display: block;
	float: left;
	margin: 0px;
	padding: 6px 12px 6px 20px;
	height: 11px;
	text-decoration: none;
	color: #000;
	background: url(backgrounds/menu_main_rt.gif) no-repeat right top;
}

#menu-main a img { position: absolute; top: 3px; left: 2px; border: none; }

#menu-main li.active { background-position: 0% -48px; }
#menu-main li.active a { background-position: 100% -48px; }

/* ie hover hack */
* html #menu-main li { 
	behavior: expression( 
		this.onmouseover = new Function("this.className += ' hover'"), 
		this.onmouseout = new Function("this.className = this.className.replace(' hover','')"), 
		this.style.behavior = null 
	); 
} 

#menu-main li:hover,#menu-main li.hover { background-position: 0% -24px; }
#menu-main li:hover a,#menu-main li.hover a { background-position: 100% -24px; }

#menu-main li:hover ul,#menu-main li.hover ul { display: block; }

#menu-main ul ul {
	display: none;
	position: absolute;
	top: 23px;
	left: -8px;
	margin: 0px 0px 0px 8px;
	padding: 8px 0px 0px 0px;
	width: 152px;
	border-left: 1px solid #DAD9D3;
	border-right: 1px solid #DAD9D3;
	background: #FFFFFF;
}
#menu-main ul ul li {
	display: block;
	float: none;
	background: none;
}
#container #menu-main ul ul a {
	display: block;
	float: none;
	margin: 0px 0px 0px -9px;
	padding: 4px 5px 4px 20px;
	width: 127px;
	border-left: 1px solid #DAD9D3;
	border-right: 1px solid #DAD9D3;
	background: #FFFFFF url(bullets/submenu.gif) no-repeat 8px 6px;
}
#container #menu-main ul ul li.last {
	margin: 0px 0px 0px -1px;
	padding: 0px 3px 13px 9px;
	width: 144px;
	background: url(backgrounds/submenu_bottom.gif) no-repeat 0px bottom;
}
#container #menu-main ul ul a:hover { background-color: #F6F5F2; }

body.home #banner, body.category #banner {
	height: 255px;
	background: url(backgrounds/banner_category_bg.gif) no-repeat;
}
body.content #banner {
	height: 106px;
	background: url(backgrounds/banner_content_bg.gif) no-repeat;
}
#banner img {
	margin: 0px 0px 0px 10px;
	padding: 1px 0px;
	border: none;
	overflow: hidden;
}
body.category #banner img { width: 730px; height: 250px; }
body.content #banner img { width: 730px; height: 101px; }

body.about #banner img { border-bottom: 3px solid #0473c0; }
body.canada #banner img { border-bottom: 3px solid #de0808; }
body.overseas #banner img { border-bottom: 3px solid #028605; }
body.events #banner img { border-bottom: 3px solid #7308b1; }
body.volunteer #banner img { border-bottom: 3px solid #ff6d02; }

body.home #banner div { display: none; }
body.home #banner div.show { display: block; }

#breadcrumb {
	margin: 0px;
	padding: 4px 0px 0px 38px;
	height: 20px;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background: url(backgrounds/breadcrumb_bg.gif) no-repeat;
}
#breadcrumb li {
	display: block;
	float: left;
	padding: 2px 5px 0px 13px;
	height: 16px;
	background: url(bullets/breadcrumb.gif) no-repeat;
}

#breadcrumb li.first { padding: 2px 3px 0px 22px; }


body.about #breadcrumb li.first { background: url(icons/about.gif) no-repeat; }
body.canada #breadcrumb li.first { background: url(icons/canada.gif) no-repeat; }
body.overseas #breadcrumb li.first { background: url(icons/overseas.gif) no-repeat; }
body.events #breadcrumb li.first { background: url(icons/events.gif) no-repeat; }
body.volunteer #breadcrumb li.first { background: url(icons/volunteer.gif) no-repeat; }


#breadcrumb a {
	color: #000;
}

#content {
	position: relative;
	padding: 0px 10px;
	background: url(backgrounds/content_bg.gif) repeat-y;
}

#content #main {
	position: relative;
	top: 0px;
	padding: 25px 0px 20px 25px;
	width: 465px;
	line-height: 20px;
}
body.home #content #main { width: 400px; }
#content #main p { margin: 0px 0px 15px 0px; padding: 0px; }
#content #main ul {
	margin: 0px; padding: 0px 0px 0px 25px;
}

#content #sidebar {
	position: absolute;
	right: 10px;
}
body.home #content #sidebar { top: 20px; width: 220px; }
body.category #content #sidebar { top: 10px; width: 450px; }
body.content #content #sidebar { top: 40px; width: 220px; }

#content #sidebar #sidebarImage { padding: 10px 0px 0px 15px; }

#content #related {
	padding: 9px 32px 0px 12px;
	width: 188px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background: url(backgrounds/related_bg.gif) no-repeat;
}
#content #related ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#content #related li {
	padding: 2px 0px 5px 12px;
	background: url(bullets/related.gif) no-repeat;
}
#content #related h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
}
#content #related p {
	line-height: 12px;
}

#cat-features {
	padding: 20px 0px 0px 20px;
	height: 275px;
	font-size: 11px;
	background: url(backgrounds/cat_features_bg.gif) no-repeat;
}
#cat-features .feature {
	float: left;
	margin: 2px 7px 17px 12px;
	width: 325px;
	height: 120px;
}
#cat-features .feature img {
	float: left;
	margin: 8px 8px 26px 4px;
	padding: 2px;
	width: 69px;
	background: #FFFFFF;
}
body.home #cat-features { padding: 5px 0px 10px 10px; width: 490px; height: 120px; background-image: none; }
body.home #cat-features .feature { margin: 2px 2px 17px 12px; width: 225px; }
body.home #cat-features .feature img { border: 1px solid #0473c0; }
body.about #cat-features .feature img { border: 1px solid #0473c0; }
body.canada #cat-features .feature img { border: 1px solid #de0808; }
body.overseas #cat-features .feature img { border: 1px solid #028605; }
body.events #cat-features .feature img { border: 1px solid #7308b1; }
body.volunteer #cat-features .feature img { border: 1px solid #ff6d02; }

#cat-features .feature p {
	line-height: 14px;
}
#cat-features .cat-link { color: #4C7A8C; }

#footer {
	padding: 15px 0px 20px 0px;
	height: 90px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7B735D;
	background: url(backgrounds/footer_bg.gif) no-repeat;
}
#footer-contact {
	clear:both;
	float: left;
	margin: 17px 0px 0px 42px;
	width: 470px;
}
#footer-contact p { margin: 0px; padding: 0px; line-height: 15px; }

#footer-menu {
	display: block;
	float: left;
	margin: 18px 0px 0px 5px;
	padding: 0px;
	list-style: none;
}
#footer-menu li { display: inline; }
#footer-menu a {
	display: block;
	float: left;
	padding-left: 12px;
	background: url(bullets/footer.gif) no-repeat 3px 3px;
}
#footer-menu li.first a { background: none; }