/*
Theme Name:Project Give Back
*/
/* --------------------------------- =CSS Reset -------- */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;;vertical-align:baseline;}
/* remember to define focus styles! */
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
bold,strong{font-weight:bold;}
italic,em{font-style:italic;}
small{font-size:80%;}
.hide,#tagline{display:none;}
.clear{clear:both;}
.alignleft{float:left;}
.alignright{float:right;}
.center{text-align:center;}
/* --------------------------------- =general style & page layout -------- */
/* generated by csscreator.com */ 
html,body{margin:0;padding:0;}
#mainContainer{width:840px;margin:0 auto 0 auto;border:1px dotted #CCCCCC;}
#pagewidth{width:840px;}
#header{display:block;width:100%;margin:0 0 15px 0;}
ul#nav{width:300px;float:left;padding:0 0 0 0;text-align:right;}
#maincol{background-color:#FFFFFF;float:left;width:530px;height:360px;padding:0 8px 0 0;margin:0 0 20px 0;}
#footer{height:54px;clear:both; margin-top:8px;}
/* *** Float containers fix:http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */ 
/*printer styles*/ 
@media print{/*hide the left column when printing*/ 
ul#nav{display:none;}
#twocols,#maincol{width:100%;float:none;}
}
/* --------------------------------- =imported styles -------- */
/* --------------------------------- =layout -------- */
#header{background:url('images/headerBackground.jpg') repeat-x;padding:100px 0 0 0; margin-top:-1px;}
#headerBlueBar{background:#0074C7;display:block;height:20px;padding:2px 0 0 0;text-align:center;}
.missionStatement {margin:10px auto 0 auto;width:95%;text-align:center;background:url('images/roundedBox.jpg') 50% top no-repeat;width:466;height:154px;display:block;}
/* --------------------------------- =typography -------- */
h2{font:normal small-caps bold 13px Arial,sans-serif;margin:30px 0 0 0;color:#0474C8;}
.missionStatement h2 {margin:none;font: normal normal normal 13px Arial, sans-serif;color:#FFF;margin:0 0 5px 0;padding:5px 0 0 0;}
#footer h3{width:290px;height:47px;float:left;font:normal normal bold 11px 'Arial', sans-Serif; font-size:14px; text-align:center;margin:18px 0 0 0;}
h4 {font: normal normal bold 12px Arial, sans-serif;color:#0474C8;margin:0;}
#headerBlueBar p{font:italic normal normal 12px 'Arial', sans-Serif;color:#FFF; margin:0;}
#maincol p{font:normal normal normal 12px Arial, Helvetica, sans-serif; margin:0 0 14px 0;}
.hilight{color:#0094DE;}
.homepageTitle, .missionStatement{font:normal normal normal 15px 'Helvetica',sans-serif;text-align:center;margin:0 0 23px 0;}
/* --------------------------------- =links -------- */
h1 a {display:block;background:url('images/h1-logo.jpg') no-repeat;width:300;height:152px;text-indent:-9999px;}
ul#nav li#homelinkwrapper {background:url('images/h1-logo-new.gif') no-repeat;display:block; width:300;height:96px; text-indent:-9999px; padding:3px 0 17px 0;}
ul#nav li a#homeLink {display:block; width:300;height:96px;text-indent:-9999px; }
#maincol a:link, #maincol a:visited {color:#0094DE;text-decoration:underline;}
#maincol a:hover {background:#0094DE;color:#FFF;text-decoration:none;}
/* --------------------------------- =lists -------- */
ul#sponsors{list-style:none;}
ul#sponsors li{float:left;}
li#foundingSponsor,li#supportingSponsors{width:60px;height:48px;text-indent:-9999px;display:block;}
li#foundingSponsor{background:transparent url(images/title-foundingSponsor.gif) no-repeat scroll 40% 40%;}
ul#sponsors li#supportingSponsors{background:url('images/title-supportingSponsors.gif') 40% 40% no-repeat;}
ul#sponsors li a{height:52px;display:block;text-indent:-9999px;margin:0 3px 0 3px;}
ul#sponsors li#starbucks{ background:url('images/logo-starbucks.gif') 40% 40% no-repeat;}
ul#sponsors li a#starbucks{width:51px;}
ul#sponsors li#onroad{background:url('images/logo-onroad.gif') 40% 40% no-repeat;}
ul#sponsors li a#onroad{width:67px;}
ul#sponsors li#uja{background:url('images/logo-uja.gif') 40% 40% no-repeat;}
ul#sponsors li a#uja{width:21px;}
ul#sponsors li#bordenComm{background:url('images/logo-bordenComm.gif') 40% 40% no-repeat;}
ul#sponsors li a#bordenComm{width:69px;}
ul#sponsors li#telus{background:url('images/logo-telus.gif') 40% 40% no-repeat;}
ul#sponsors li a#telus{width:74px;}
ul#sponsors li#spinmaster{background:url('images/logo-spinmaster.gif') 40% 40% no-repeat;}
ul#sponsors li a#spinmaster{width:51px;}
ul#sponsors li#jf{background:url('images/logo-jewishfoundation.gif') 40% 40% no-repeat; }
ul#sponsors li a#jf{width:80px;}
ul#sponsors li#uja{background:url('images/logo-UJAsponsor.gif') 40% 40% no-repeat; }
ul#sponsors li a#uja{width:70px;}
ul#sponsors li#stjoseph{background:url('images/logo-stjoseph.gif') 40% 40% no-repeat; }
ul#sponsors li a#stjoseph{width:70px;}
#maincol ul{list-style:none outside;margin:0px 0 0px 0; padding:0; font:normal normal normal 12px Arial, Helvetica, sans-serif;}
#maincol ul li{margin:0 0 5px 5px;}
/* --------------------------------- =navigation -------- */
ul#nav{list-style:none; margin-top:0px;}
ul#nav li{margin:0 0 -5px 0;}
ul#nav li a{font:normal normal normal 1.1em 'Arial', sans-Serif;}
ul#nav li a:link,ul#nav li a:visited{color:#000;text-decoration:none;}
ul#nav li a:hover,ul#nav li #currentpage{color:#0094de;text-decoration:none;}
ul#nav li.navItem {padding:0 37px 0 0;width:230px;background:url('images/icon-boomerang.jpg') right 50% no-repeat; margin:0 0 -4px 0}
/* --------------------------------- =forms -------- */
/* --------------------------------- =tables -------- */
/* --------------------------------- =comments -------- */
/* --------------------------------- =search-bar -------- */
/* --------------------------------- =IE HACKS -------- */
#mainContainer{_border-style:solid;}
ul#nav li.navItem {margin:0 20px 4px 0;}
ul#nav li.navItem img { margin:0 0 -6px 0}
ul#gallery {list-style:none;}
ul#galler li {float:right;}
ul#gallery li a {margin:7px;padding:3px;border:1px solid #CCC;float:right;}
ul#chosen li{
clear:left;
margin-left:0;
margin-top:20px;
margin-bottom:25px;
}
ul#chosen{
margin:0;
padding:0;}
.scroll2{
	height:360px;
	overflow:hidden;
	padding: 0 12x 0 12px;
	xborder:1px dashed black;
	xborder-right:0;
	/*font: 1.4/1.4em;*/
}
.scroll h2{
font-size:14px;
margin:0;
padding:0;
}
.charityimage {
float:left;
text-align:center;
margin-bottom:0px;
margin-top:12px;
margin-right:15px;
}
ul#chosen li .charityimage a{
text-decoration:none;
width:147px;
margin-bottom:20px;
display:block;}
ul#chosen li .charityimage a.hidden{
margin:0;
width:0;
height:0;

}
#chosenscroll {
margin-top:-5px;
height:322px;}