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

/* 
	Burnaby KidSport - Screen Stylesheet
	October 2008
	Atomic Crayon / Gray
*/

/* COLOURS
#ffffff - white - text and headers
#fcea48 - yellow -links
#fbc000 - orange - header bg
#95b200 - darker green - content bg
#9ac201 - lighter green - footer bg
*/

/* Sections flagged with =
	GENERIC
	HEADER
	MENU-HOMEPAGE
	MENU-INSIDE
	CONTENT
		Breadcrumbs
	FOOTER
	IMAGES
*/

/* =GENERIC
----------------------------------------------------*/

body, html { height:100%; min-height:100%; background: #9ac201;}

* { margin:0; padding:0; }

#clear { clear:both; }

a, a:link, a:visited, a:active { color:#fcea48; font-weight:bold; text-decoration:none; outline:none; }

a:hover { color:#fcea48; font-weight:bold; text-decoration:underline; }

h1 { font-size:1.9em; font-family: Helvetica, sans-serif; font-weight:normal; color:#fff; padding:25px 0 5px 75px; margin-bottom: 15px; }

h2 { font-size:1.3em; font-family: Helvetica, sans-serif; font-weight:normal; color:#fff; padding:0 0 5px 75px; }

h3 { font-size:1em; font-family:Arial,Helvetica, sans-serif; font-weight:bold; color:#fff; padding:90px 0 0 75px; margin:0 0 -20px 0; }

p { font-size:.8em; font-family:Tahoma, Arial, Helvetica, sans-serif; line-height:1.2; padding:0 425px 10px 75px; color:#fff; }




/* =HEADER
----------------------------------------------------*/

#headwrapper { margin:auto; width: 100%; background: #fbc000;}

#insideheader { height:116px; width:950px; background:url('images/in_header.jpg') no-repeat; margin: auto;}

#header { height:196px; width:950px; background:url('images/header.jpg') no-repeat; margin: auto;}


/* =MENU-HOMEPAGE
----------------------------------------------------*/

#menu {height:25px; width:700px; margin-left:250px;  }

.hzmenu ul li {display: inline;}

.hzmenu ul li a { float:left; display: block; text-indent: -9999px; }

a.about { width:112px; height:90px; background:url('images/menu/images/about.gif') no-repeat; background-position: 0 0; }

a.about:hover {width:112px; height:90px; background-position: 0 -90px; }

a.application { width:92px; height:90px; background:url('images/menu/images/app.gif') no-repeat; background-position: 0 0;}

a.application:hover { width:92px; height:90px; background-position:0 -90px }

a.help { width:127px; height:90px; background:url('images/menu/images/help.gif') no-repeat; background-position: 0 0; }

a.help:hover { width:127px; height:90px; background-position:0 -90px; }

a.supporters { width:92px; height:90px; background:url('images/menu/images/support.gif') no-repeat; background-position: 0 0; }

a.supporters:hover { width:92px; height:90px; background-position:0 -90px; }

a.whatsnew { width:95px; height:90px; background:url('images/menu/images/new.gif') no-repeat; background-position: 0 0; }

a.whatsnew:hover { width:95px; height:90px; background-position:0 -90px; }

a.links { width:52px; height:90px; background:url('images/menu/images/link.gif') no-repeat; background-position: 0 0; }

a.links:hover { width:52px; height:90px; background-position:0 -90px; }

a.contact { width:130px; height:90px; background:url('images/menu/images/contact.gif') no-repeat; background-position: 0 0; }

a.contact:hover { width:130px; height:90px; background-position:0 -90px; }

/* =MENU-INSIDE
----------------------------------------------------*/

a.inabout { display:block; width:112px; height:90px; background:url('images/in_menu/about.gif') no-repeat; background-position: 0 0; }

a.inabout:hover { display:block; width:112px; height:90px; background-position:0 -90px; }

a.inapplication { display:block; width:92px; height:90px; background:url('images/in_menu/app.gif') no-repeat; background-position: 0 0; }

a.inapplication:hover { display:block; width:92px; height:90px; background-position:0 -90px; }

a.inhelp { display:block; width:127px; height:90px; background:url('images/in_menu/help.gif') no-repeat; background-position: 0 0; }

a.inhelp:hover { display:block; width:127px; height:90px; background-position:0 -90px; }

a.insupporters { display:block; width:92px; height:90px; background:url('images/in_menu/support.gif') no-repeat; background-position: 0 0; }

a.insupporters:hover { display:block; width:92px; height:90px; background-position:0 -90px; }

a.inwhatsnew { display:block; width:95px; height:90px; background:url('images/in_menu/new.gif') no-repeat; background-position: 0 0; }

a.inwhatsnew:hover { display:block; width:95px; height:90px; background-position:0 -90px; }

a.inlinks { display:block; width:52px; height:90px; background:url('images/in_menu/link.gif') no-repeat; background-position: 0 0; }

a.inlinks:hover { display:block; width:52px; height:90px; background-position:0 -90px; }

a.incontact { display:block; width:130px; height:90px; background:url('images/in_menu/contact.gif') no-repeat; background-position: 0 0; }

a.incontact:hover { display:block; width:130px; height:90px; background-position:0 -90px; }


/* =CONTENT
----------------------------------------------------*/

#contentwrap { width: 100%; background: #95b200; margin: auto; padding-bottom: 50px; }

#content { width:950px; min-height:500px; background:url('images/content.jpg') no-repeat top center; margin:auto; }

#contentwrap ul, #contentwrap ol { font-size:.8em; font-family:Tahoma, Arial, Helvetica, sans-serif; line-height:1.2; padding:0 425px 10px 95px; color:#fff; }



#contentwrap a:link, #contentwrap a:visited { color:#fcea48!important; font-weight:bold; text-decoration:none; }

#contentwrap a:hover, #contentwrap a:active { color:#fcea48!important; font-weight:bold; text-decoration:underline!important; }

#insidecontent { width:950px; min-height:500px; background:url('images/in_content.jpg') no-repeat top center; margin:auto; }

#content_text{padding-top: 250px;}

ul.inside { font-size:.8em; font-family:Tahoma, Arial, Helvetica, sans-serif; line-height:1.2; padding:0 425px 10px 90px; color:#fff; }

/* =Breadcrumbs
----------------------------------------------------*/

#bread { width:430px; background:#a6bf00; border-top:solid #7d9501 1px; border-bottom:solid #7d9501 1px; padding:5px 0 5px 20px; margin: 0 425px 10px 75px; font-family: Tahoma, arial; font-size: .86em; line-height:1.2; color:#fcea48;}

#bread ul {
	display: inline;
	list-style:disc;
	border: none;
	} 

#bread ul li {
	margin-left: 20px;
	margin-right: 20px;
	border: none;
	}

#bread ul li a {
	color:#fcea48;
	font-weight:bold;
	font-size:.8em;
	display: inline;
	}
	
#bread ul li a:hover {
	text-decoration:underline;
	}



/* =FOOTER
----------------------------------------------------*/

#footerwrap { width:100%; background:url('images/footer_grass.jpg') repeat-x #9ac201;}

#footer {min-height:180px; padding-bottom:20px; margin:auto; width:950px; background: url('images/footer_kidscan.jpg') no-repeat #9ac201;}

#footer a, a:link, a:visited {font-weight:bold; text-decoration:none; }

#footer a:hover, # footer a:active{ font-weight:bold; text-decoration:underline!important; }

#footer p { padding: 0 0 0 75px; font-size:.7em; line-height:1.2; }

#footer h3 { font-size:1em; font-family:Arial,Helvetica, sans-serif; font-weight:bold; color:#fff; padding:0 0 0 75px; margin:0 0 -20px 0; }

.footerleft { float:left; display:block; text-align:left; }

.footerleft a:link, .footerleft a:visited{color: #fcea48; font-weight: bold; text-decoration: none;}

.footerleft a:active, .footerleft a:hover{text-decoration: underline!important;}

.footercen { float:right; text-align:center; padding:10px 325px 0 0; }

.footercen a{color: #fff;}
.footercen a:active, .footercen a:hover{text-decoration: underline!important;}

/* =IMAGES
----------------------------------------------------*/

img {border:none;}

img.homebutton { float:left }

.clip { padding:145px 0 0 0; float:right; }

img.pictures { float:right; }