* { margin: 0; padding: 0; }
html,body { height: 100%; }
body { background: url(../images/ps2011_bg.jpg) repeat-x #373737; font-family: Arial, Helvetica, sans-serif; font-size: 85%; color: #FFF; }
a { color: #b5e148; font-weight: bold; text-decoration: none; }
a:hover { color: #777; }
h1 { font-size: 1.8em; font-family: Arial, Helvetica, sans-serif; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 0.9em; }
p { line-height: 1.5em; }
/*CLASS*/
.skyBlue { color: #4cbbea; }
.blue { color: #0162ac; }
.gray { color: #555; }
.purple { color: #86208c; }
.light-purple { color: #c376ff; }
.dark-green { color: #669933; }
.green { color: #b5e148; }
.yellow { color: #CC9900; }
.pink { color: #CC3399; }
.large { font-size: 1.5em; font-weight: bold; }
.medium { font-size: 1.2em; }
.small { font-size: 0.9em; }
.bold {font-weight: bold; }
.clear { clear: both; }
#wrapper { width: 970px; margin: 0 auto -60px; position: relative; min-height: 100%; height: auto !important; height: 100%; }
* html #wrapper { height: 100%; }
/*HEADER*/
#header { width: 970px; height: 366px; }
#headLeft { float: left; width: 390px; height: 411px; background: url(../images/ps2011_headerleft.png) no-repeat top left; }
#headRight { float: right; width: 545px; height: 361px; background: url(../images/ps2011_headerright.png) no-repeat top left; margin-top: 45px; }
#headLeft.neighborday { float: left; width: 390px; height: 411px; background: url(../images/ps2011_headerleft_neighborday.png) no-repeat top left; }
#headRight.neighborday { float: right; width: 545px; height: 361px; background: url(../images/ps2011_headerright_neighborday.png) no-repeat top left; margin-top: 45px; }
#headLeft.bikeride { float: left; width: 390px; height: 411px; background: url(../images/ps2011_headerleft_bikeride.png) no-repeat top left; }
#headRight.bikeride { float: right; width: 545px; height: 361px; background: url(../images/ps2011_headerright_bikeride.png) no-repeat top left; margin-top: 45px; }
#headLeft.artsquared { float: left; width: 390px; height: 411px; background: url(../images/ps2011_headerleft_artsquared.png) no-repeat top left; }
#headRight.artsquared { float: right; width: 545px; height: 361px; background: url(../images/ps2011_headerright_artsquared.png) no-repeat top left; margin-top: 45px; }
#headLeft.nightflicks { float: left; width: 390px; height: 411px; background: url(../images/ps2011_headerleft_nightflicks.png) no-repeat top left; }
#headRight.nightflicks { float: right; width: 545px; height: 361px; background: url(../images/ps2011_headerright_nightflicks.png) no-repeat top left; margin-top: 45px; }
#headLeft.youthprogram { float: left; width: 390px; height: 411px; background: url(../images/ps2011_headerleft_youthprogram.png) no-repeat top left; }
#headRight.youthprogram { float: right; width: 545px; height: 361px; background: url(../images/ps2011_headerright_youthprogram.png) no-repeat top left; margin-top: 45px; }
#headLeft.communitychorus { float: left; width: 390px; height: 411px; background: url(../images/ps2011_headerleft_communitychorus.png) no-repeat top left; }
#headRight.communitychorus { float: right; width: 545px; height: 361px; background: url(../images/ps2011_headerright_communitychorus.png) no-repeat top left; margin-top: 45px; }
#headLeft.lapd { float: left; width: 390px; height: 411px; background: url(../images/ps2011_headerleft_lapd.png) no-repeat top left; }
#headRight.lapd { float: right; width: 545px; height: 361px; background: url(../images/ps2011_headerright_lapd.png) no-repeat top left; margin-top: 45px; }
/*NAVCONTAINER*/
#navcontainer { width: 970px; margin: 0 auto; }
#navcontainer ul { float: left; padding: 8px 0 0 40px; height: 25px; }
#navcontainer ul li { display: inline; }
#navcontainer ul li a { padding: 0 70px 0 0; color: #FFF; font-size: 1em; text-transform: uppercase; }
#navcontainer ul li a:hover { color: #c376ff;}
#container { width: 970px; margin: 0 auto; padding-bottom: 50px; }
#pageheader { float: right; width: 560px; margin: 0; position: relative; top: -40px; *margin-top: 30px; }
#pageheader h2 { color: #b5e148; text-transform: capitalize; }
/*LEFT CONTENT*/
#rightContent { float: right; width: 560px; }
#rightContent h2 { margin: 10px 0 7px 0; }
#rightContent h3 { margin: 0 0 7px 0; border-bottom: 1px solid #b5e148; }
#rightContent h4 { margin: 0 0 0 0; }
#rightContent p { line-height: 1.6em; padding-bottom: 18px; }
#rightContent h2.subheader { padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #0162ac; }
#rightContent h3.noBottomLine { border: none; }
#rightContent h3.noMarginBottom { margin: 0; }
#rightContent h4.bottomdown { margin-bottom: 10px; }
#rightContent ul li { list-style-position: outside; margin-left: 20px; padding: 5px 0; }
#rightTitle { margin-bottom: 20px; }
#rightTitle h2, #leftTitle h3, #leftTitle h4 { margin: 0; }
.topdown { margin-top: 20px; }
.noBottomLine { border: none; }
.bottomdown { margin-bottom: 20px; }
.noMarginPadding { margin: 0; padding: 0; }
#rightContent img.webheader { margin-bottom: 20px; }
#rightContent ul li { list-style-position: outside; margin-left: 20px; padding: 5px 0; }
#skateSched p { padding: 0; }
#skateSched p label { float: left; width: 40%; font-weight: bold; }
#rightContent #concertInfo { margin: 20px 0 0 0; padding: 0; }
#rightContent #concertInfo ul { white-space: nowrap; }
#rightContent #concertInfo li { float: left; width: 130px; list-style: none; text-align: left; font-weight: bold; margin: 0; padding: 0 25px 0 0; }
#rightContent #concertInfo p { line-height: 1.4em; }
#rightContent #concertInfo img { padding: 2px; border: 1px solid #0dae59; }
#rightContent #galleryList li { list-style: none; display: inline; float: left; width: 250px; list-style-position: outside; margin-left: 0; margin-right: 20px; text-align: center; font-weight: bold; color: #b5e148; font-size: 1.2em; }
#rightContent img { border: none; }
#sponsors { background: #e4e4e4; padding: 15px; }
#sponsors h3 { border-bottom: 1px solid #999; }
#sponsorImg img { border: 1px solid #59831e; padding: 3px; margin-right: 10px; }
.floatImgTxt { height: 125px; }
.floatImgTxt2 { padding-bottom: 10px; }
.floatImgTxt3 { padding-bottom: 5px; }
.floatImgTxt4 { padding-bottom: 15px; }
.callout { width: 490px; clear: left; }
.callout .floatbox { float: left; width: 125px; height: 110px; }
.callout2 { clear: left; }
.callout2 .floatbox { float: left; width: 200px; height: 120px; }
.callout2 { clear: left; }
.callout2 .floatbox-big { float: left; width: 310px; height: 200px; }
.callout .floatbox img, .callout2 .floatbox img { border: 1px solid #444; }
* html .callout p { /* IE 3px jog hack*/ height: 1%; }
.callout h4, .callout p { margin-top: 0; margin-left: 135px; }
#rightContent .spaceland-list { height: 186px; #height: 220px; _height: 220px; }
#rightContent .spaceland-list ul li { list-style: none; float: left; display: inline; width: 250px; height: 186px; list-style-position: inside; margin: 0; }
/*LEFTCONTENT*/
#leftContent { float: left; width: 355px; margin-left: 30px; *margin-top:5px; }
#leftContent h3 { margin: 0 15px 10px 0; }
#leftContent ul li.greenBox { background: url(../images/ps2011_greenbox.gif) repeat-x top left; list-style-type: none; width: 290px; padding: 10px 0 2px 7px; color: #333; margin-bottom: 2px; }
#leftContent ul li.purpleBox { background: url(../images/ps2011_purplebox.gif) repeat-x top left; list-style-type: none; width: 290px; padding: 10px 0 2px 7px; color: #FFF; margin-bottom: 2px; }
#leftContent ul li h3 { font-size: 1em; }
#leftContent ul li h3 a { color: #FFF; }
#leftContent ul li h3 a:hover { color: #333; }
#leftContent ul li ul { margin-top: 5px; margin-bottom: 2px; }
#leftContent ul li ul li { background: #313131; list-style-type: none; width: 266px; border-bottom: 1px solid #555; color: #FFF; font-size: 1em; padding: 5px 8px; }
#leftContent ul li ul li.small { font-size: 0.9em;}
#leftContent ul li ul li a { color: #FFF; }
#leftContent ul li ul li a:hover { color: #c376ff; }
/*FOOTER*/
#footerWrapper { background: #b5e148; position: relative; margin-top: -72px; height: 72px; }
* html #footerWrapper { margin-top: -72px; }
#footer { width: 910px; margin: 0 auto; font-size: 0.9em; color: #333; padding-top: 15px; }
#footer a { color: #333; font-weight: bold; }
#footer p { padding-top: 3px; }
#footer, .push { height: 55px;}