forked from codeforamerica/opencounter
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
2091 lines (1777 loc) · 98.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html>
<head>
<title>OpenCounter - Start your business in Santa Cruz, CA</title>
<meta charset="utf-8">
<link href="css/style.css" media="all" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic">
</head>
<body>
<div class="container">
<div class="branding">
<h1>OpenCounter</h1>
<p>Start your business in <span class="city">Santa Cruz, CA</span>.</p>
</div>
<hr class="visuallyhidden">
<nav class="nav-main">
<ul>
<li><a href="/intro" class="section_heading">Welcome</a></li>
<li data-section="intro">
<ul>
<li><a href="/intro_big_picture">The Big Picture</a></li>
<li><a href="/intro_here_to_help">We're Here To Help</a></li>
</ul>
</li>
<li><a href="/info" class="section_heading">You & Your Business</a></li>
<li data-section="info">
<ul>
<li><a href="/info_applicant">About You</a></li></li>
<li><a href="/info_business">About Your Business</a></li>
</ul>
</li>
<li><a href="/location" class="section_heading">Location</a></li>
<li data-section="location">
<ul>
<li data-occupancy="home"><a href="/location_home_occ">Work From Home</a></li>
<li data-occupancy="non-home"><a href="/location_non_home_occ">Work From A Commercial Space</a></li>
<li data-occupancy="non-home"><a href="/location_non_home_occ_choose_site">Choose Your Site</a></li>
<li data-occupancy="non-home"><a href="/location_non_home_occ_check_site">Check Your Site</a></li>
</ul>
</li>
<li><a href="/requirements" class="section_heading">Requirements</a></li>
<li data-section="requirements">
<ul>
<li><a href="/requirement_use_permit">Use Permit</a></li>
<li><a href="/requirement_building_permit">Building Permit</a></li>
<li data-occupancy="non-home"><a href="/requirement_parking">Parking Requirement</a></li>
<li><a href="/requirement_business_license">Business License</a></li>
<li><a href="/requirement_local">Other Local Requirements</a></li>
<li><a href="/requirement_non_local">City, State, and Federal Requirements</a></li>
</ul>
</li>
<li><a href="/summary" class="section_heading">Summary & Next Steps</a></li>
</ul>
</nav><!-- /.nav-main -->
<hr class="visuallyhidden">
<section class="panel">
<section class="profile">
<h1 class="profile-toggle">Your Profile</h1>
<div class="profile-contents">
<div class="progress">
<div>
<h3>% Complete</h3>
Coming soon!
</div>
</div>
<div class="forms-and-fees">
<div>
<h3>Forms & Fees</h3>
Coming soon!
</div>
</div>
</div>
</section><!-- /.profile -->
<hr class="visuallyhidden">
<section class="content">
<div id="intro">
<h1>Welcome</h1>
<p>Starting a business? We’re here to help.</p>
<p>This website will guide you through the business permitting process in Santa Cruz, CA.</p>
<p>You’ll learn what regulations and fees apply to your business, and we’ll help you get started on — or, in some cases, complete! — the paperwork you’ll need to file to open your doors.</p>
<p class="next">Let’s begin by learning about <a href="#intro_big_picture" class="btn btn-large btn-info">the big picture →</a></p>
</div><!-- /#intro -->
<div id="intro_big_picture">
<h1>The Big Picture</h1>
<p>Here's how to start a business in the City of Santa Cruz.</p>
<ol>
<li>First, secure a <strong>use permit</strong> from the City’s Planning Department. If you’re starting a business, even if you're working from home, the City has to approve that use in your location.</li>
<li>Next, if you’re doing any renovations or tenant improvements, get a <strong>building permit</strong> from the City of Santa Cruz Building Department.</li>
<li>Finally, obtain a <strong>business license</strong> from the City of Santa Cruz Finance Department.</li>
</ol>
<p>While that covers most City processes, there are also county, regional, state, and federal regulations that may apply to your business. We’ve included tools to help you research and fulfill those requirements, too.</p>
<p class="next">Before we walk through these steps, know that <a href="#intro_here_to_help">we’re here to help →</a></p>
</div><!-- /#intro_big_picture -->
<div id="intro_here_to_help">
<h1>We’re Here To Help</h1>
<p>When starting a business, it’s helpful to have someone to talk to. The following people & organizations are here to help.</p>
<h3 class="toggle">The Santa Cruz Planning Department</h3>
<div class="drawer">
<p>The Planning Department will be your business’s main point of contact within city government.</p>
<p><img src="img/planning-department.png" alt="City of Santa Cruz Planning Department" width="450" height="302"></p>
<div class="tool status">
<p>The planning department's public counter is currently <span class="status">OPEN</span>. Come on by!</p>
<p>The planning department's public counter is currently <span class="status">CLOSED</span>. <a href="mailto:[email protected]">Email us →</a></p>
</div>
<p>You are always welcome to visit the Planning Department in person.</p>
<p>The Planning Department’s public counter is located in City Hall, on the annex building’s second floor, in room 206.</p>
<p><img src="img/planning-department-map.jpg" alt="Map to Planning Department" width="425" height="258"></p>
<p>Santa Cruz City Hall<br>809 Center Street<br>Room 206<br>Santa Cruz, CA 95060</p>
<p>Telephone: (831) 420-5100</p>
<p>Fax: (831) 420-5434</p>
<p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
<p>The public counter is open Monday – Thursday, 7am – 12pm.</p>
<p>Staff are available by phone or appointment only, Monday – Thursday, 1pm – 5pm.</p>
</div>
<h3 class="toggle">The Central Coast Small Business Development Center (SBDC)</h3>
<div class="drawer">
<p>The Central Coast Small Business Development Center at Cabrillo College offers a wide variety of services for present and potential small business owners. All counseling services are confidential and free of charge. The SBDC is unable to provide counseling for tax or legal issues, but they can provide referrals in your area.</p>
<p>Visit the <a href="http://centralcoastsbdc.org/" class="external">Central Coast Small Business Development Center (SBDC)</a>.</p>
</div>
<h3 class="toggle">Santa Cruz Public Libraries</h3>
<div class="drawer">
<p>The Santa Cruz Public Libraries have a reference desk and an <a href="http://www.santacruzpl.org/guides/1/" class="external">online guide to starting a business</a>.</p>
<p>Visit the <a href="http://www.santacruzpl.org/">Santa Cruz Public Libraries</a>.</p>
</div>
<h3 class="toggle">The Office of Economic Development</h3>
<div class="drawer">
<p>The Economic Development Department helps develop tools (like OpenCounter!) and policies that make it easier to start, sustain and grow businesses on the Central Coast. Staff collect and maintains market data, act as a concierge for City services, and are on call to help you through the process of setting up shop in Santa Cruz.</p>
<p>Visit the <a href="http://www.cityofsantacruz.com/index.aspx?page=446" class="external">Office of Economic Development</a>.</p>
</div>
<h3 class="toggle">California Secretary of State</h3>
<div class="drawer">
<p>The Secretary of State's office has a general <a href="http://www.sos.ca.gov/business/be/starting-a-business.htm" class="external">overview</a> of how to start a business.</p>
<p>Visit the <a href="#">California Secretary of State</a>.</p>
</div>
<h3 class="toggle">Your broker, property manager, or landlord.</h3>
<div class="drawer">
<p>These folks have probably been through this process before and can offer helpful pointers.</p>
</div>
<p class="next">That’s us. Next, <a href="#info">tell us about yourself →</a></p>
</div><!-- /#intro_here_to_help -->
<div id="info">
<h1>Tell us about yourself.</h1>
<p>The rest of this guide is tailored to you and your business.</p>
<p class="next"><a href="#info_applicant">First, tell us about yourself →</a></p>
</div><!-- /#info -->
<div id="info_applicant">
<h1>About you</h1>
<form method="post" action="#" id="form_info_applicant">
<label>
Your First Name
<input type="text" name="applicant_first_name" placeholder="">
</label>
<label>
Your Last Name
<input type="text" name="applicant_last_name" placeholder="">
</label>
<label>
Your Email Address
<input type="text" name="applicant_email" placeholder="">
</label>
<label>
Your Phone Number
<input type="text" name="applicant_phone" placeholder="(###) ###-####">
</label>
<label>
Are you the owner of this business, or are you filling this out for the owner?</label>
<input id="applicant_is_business_owner" name="applicant_is_business_owner" type="radio" class="radio" value="y" />I own this business
<input id="applicant_is_business_owner" name="applicant_is_business_owner" type="radio" class="radio" value="n" />I'm filling this out on behalf of the owner
</label>
<p class="next">Next, <a class="submit" href="#info_business">tell us about your business →</a></p>
</form>
</div><!-- /#info_applicant -->
<div id="info_business">
<h1>About your business</h1>
<p>Nice to meet you, <strong class="first-name"></strong>!</p>
<form method="post" action="#" id="form_info_business">
<label>
What will your business be called?
<input type="text" name="business_name" placeholder="Acme, Inc.">
</label>
<label>
What will your business do?
<input type="text" id="business_code" name="business_code" placeholder="e.g. Auto Parts">
<div id="business-type-container" style="position:absolute; width: 500px;"></div>
</label>
<!--
<iframe src="http://pdfmongotest.herokuapp.com/calgold?kywd=search" width="450" height="200"></iframe>
-->
<p>(Not sure of your business type? Not finding your business type listed? Simply enter the words "General Business Information" above, or select it from the list.)</p>
<label>
What is your business's legal structure?
<select name="business_structure">
<option value="unknown">I'm not sure / don't know / haven't decided yet</option>
<option value="individual">an Individual (Sole Proprietorship)</option>
<option value="general_partnership">a General Partnership (GP)</option>
<option value="limited_partnership">a Limited Partnership (LP)</option>
<option value="limited_liability_company">a Limited Liability Company (LLC)</option>
<option value="limited_liability_partnership">a Limited Liability Partnership (LLP)</option>
<option value="association">an Unincorporated Association other than a Partnership</option>
<option value="corporation">a Corporation</option>
<option value="trust">a Trust</option>
<option value="copartner">Copartners</option>
<option value="married">Husband and Wife</option>
<option value="joint_venture">a Joint Venture</option>
<option value="domestic_partners">State or Local Registered Domestic Partners</option>
</select>
</label>
<label>
Are you the sole owner of this business?
<input type="checkbox" name="applicant_is_sole_owner" value="y" checked="checked"> I'm the only business owner
</label>
<!-- @condition Not the sole owner -->
<div class="conditional">
<table>
<tr>
<th>Title/Role</th>
<th>First & Last Name</th>
</tr>
<tr>
<td><input type="text"></td>
<td><input type="text"></td>
</tr>
</table>
</div>
<!-- /@condition -->
<p class="next">Thanks! That's enough to get us started. <a class="submit" href="#location">Next: Location →</a></p>
</form>
</div><!-- /#info_business -->
<div id="location">
<h1>Your business's location</h1>
<h3>Where will you be working from?</h3>
<p class="next"><a href="#location_home_occ" data-occupancy="home" data-zoning-status="home">I'll be working from home →</a></p>
<p class="next"><a href="#location_non_home_occ" data-occupancy="non-home" data-zoning-status="">I'll be working out of a commercial space →</a></p>
</div><!-- /#location -->
<div id="location_home_occ">
<h1>Working From Home</h1>
<p>You can work from home as long as you're not negatively impacting the neighborhood by increasing visitors or traffic, creating a lot of noise, or working with hazardous materials. You also can't have a sign on your home advertising the business.</p>
<p>More precisely: work-from-home businesses — known as "home occupations" — need to follow the rules outlined in section <a href="http://www.codepublishing.com/CA/SantaCruz/html/SantaCruz24/SantaCruz2410.html#24.10.160">24.10.160</a> of the city of Santa Cruz's Municipal Code.</p>
<p class="toggle">Read Santa Cruz Municipal Code 24.10.160. It won't take long! We'll wait.</p>
<blockquote class="drawer">
<ol>
<li>Intent. The discretionary approval of a home occupation is intended to allow for home enterprises, which are clearly incidental and secondary to the use of the dwelling unit and compatible with surrounding residential uses. A home occupation allows for the gainful employment in the home by any occupant of a dwelling so long as the enterprise does not require frequent customer access or have associated characteristics which would reduce the surrounding residents? enjoyment of their neighborhood.</li>
<li>General. A home occupation shall be operated and maintained only by a resident of the dwelling unit in which it occurs; shall not employ any help other than the members of the resident family or household; shall not change the residential character of the dwelling units; shall not generate a vehicular traffic increase of more than six trip ends (three round trips) per day including deliveries and clients.</li>
<li>Restrictions. A home occupation shall not involve:
<ol>
<li>The use of an area greater than four hundred feet;</li>
<li>The use of any required front or exterior side yard area or setback area, nor the use of any required covered or uncovered on-site parking space;</li>
<li>Any activity or use which involves:
<ol>
<li>A significant increase in vehicular trips to the residence;</li>
<li>Storage or use of hazardous or unsanitary materials;</li>
<li>Creation of noise levels exceeding the standards of this title and/or other nuisance factors inconsistent with Chapter 24.14, Part 2: Performance Standards;</li>
<li>Auto/truck/motorcycle/motor boat repair.</li>
</ol>
</li>
<li>The placement of a sign advertising the business.</li>
</ol>
</li>
<li>Permits Required. A zoning clearance and business license shall be required, except for small family day care which is exempt from local regulations.</li>
</ol>
</blockquote>
<hr class="visuallyhidden">
<p>You've told us that you're <strong>working from home</strong>.</p>
<h3>Where do you live?</h3>
<form method="post" action="#" id="form_home_occ">
<p>What‘s your business's physical address? (This should be your home address.)</p>
<label>
Street
<input type="text" name="business_physical_address_street" placeholder="Street Address">
</label>
<label>
Detail
<input type="text" name="business_physical_address_detail" placeholder="Detail">
</label>
<label>
City
<input type="text" name="business_physical_address_city" placeholder="City">,
</label>
<label>
State
<input type="text" name="business_physical_address_state" placeholder="State">
</label>
<label>
ZIP Code
<input type="text" name="business_physical_address_zip" placeholder="Zip">
</label>
<label>
<input type="checkbox" name="does_mailing_address_match_business_address" checked="checked"> My business's mailing address is the same.
</label>
<!-- @condition If mailing address does not match business address (if box above is unchecked) -->
<div class="conditional">
<label>
Street
<input type="text" name="business_mailing_address_street" placeholder="Street Address">
</label>
<label>
Detail
<input type="text" name="business_mailing_address_detail" placeholder="Detail">
</label>
<label>
City
<input type="text" name="business_mailing_address_city" placeholder="City">,
</label>
<label>
State
<input type="text" name="business_mailing_address_state" placeholder="State">
</label>
<label>
ZIP Code
<input type="text" name="business_mailing_address_zip" placeholder="Zip">
</label>
</div>
<!-- /@condition -->
<p>Does your business comply with section 24.10.160 of the city of Santa Cruz Municipal Code?</p>
<p class="next"><a class="submit" href="#requirements">Yep, my work-from-home business complies with all these rules →</a></p>
<p class="next"><a class="submit" href="#help">Uh-oh. Sounds like I might not be able to operate this business from home. Help! →</a></p>
</form>
</div><!-- /#location_home_occ -->
<div id="location_non_home_occ">
<h1>Siting Your Business</h1>
<p>If you’re not working out of your home, you will need to pick a location that is zoned to allow businesses like yours to operate.</p>
<h3>Zoning</h3>
<p>Zoning laws limit the types of businesses that can operate within a particular area.</p>
<p>Why? By clustering types of businesses, we can help preserve neighborhoods and share services.</p>
<p>Think of it this way: zoning makes sure a rubber factory can’t open next to a preschool.</p>
<p>In Santa Cruz, all zones are defined by title 24 of the City’s municipal code.</p>
<h3>Use & Prior Use</h3>
<p>A good tip for finding a location that permits your use is to pick a space with a prior use as similar to yours as possible.</p>
<p>This will make it more likely that your use will be approved.</p>
<p>If the past use matches your use, the zoning will match and parking will likely not be an issue.</p>
<p>For example, if you are opening a restaurant, try to go into a space that previously held a restaurant.</p>
<hr>
<h3>Have you already picked out a space for your business?</h3>
<p class="next">Not yet. <a href="#location_non_home_occ_choose_site">Help me choose a site →</a></p>
<p class="next">Yes. <a href="#location_non_home_occ_check_site">Check my site's zoning and prior use →</a></p>
</div><!-- /#location_non_home_occ -->
<div id="location_non_home_occ_choose_site">
<h1>Find a site for your business</h1>
<p><a href="http://www.SiteMy.Biz">SiteMy.Biz</a> is a helpful tool to find available commercial space in Santa Cruz.</p>
<label for="site-search-address">You can check a site's zoning and prior use by entering the address here:</label>
<input id="site-search-address" class="input" type="text" name="site-search-address" />
<input id="site-search-submit" class="button" type="submit" name="button" value="Submit" />
<p class="micro"><em>Example: 1367 Pacific Avenue</em></p>
<div id="map-div" style="height: 400px;"></div>
<!--
<p class="micro">All zones are defined by title 24 of the <a href="http://www.codepublishing.com/CA/SantaCruz/" target="_blank">Municipal code</a>.</p>
<div id="tlegend" class="my-legend">
<div class="scale">
<ul class="labels">
<li><span style='background:#00652E;'></span>CBD <a class="aj-collapse" rel="cbd">Central Business District ⇣</a></li>
<li><span style='background:#859A3B;'></span>CBD-E <a class="aj-collapse" rel="cbde">Subdistrict Lower Pacific Ave ⇣</a></li>
<li><span style='background:#2DA197;'></span>CC <a class="aj-collapse" rel="cc">Community Commercial ⇣</a></li>
<li><span style='background:#2E8ACA;'></span>CN <a class="aj-collapse" rel="cn">Neighborhood Commercial ⇣</a></li>
<li><span style='background:#2E3191;'></span>CT <a class="aj-collapse" rel="ct">Thoroughfare Commercial ⇣</a></li>
<li><span style='background:#F37920;'></span>PA <a class="aj-collapse" rel="pa">Professional and Administrative Office ⇣</a></li>
<li><span style='background:#D43783;'></span>CB <a class="aj-collapse" rel="cb">Beach Commercial ⇣</a></li>
<li><span style='background:#B4892D;'></span>IG <a class="aj-collapse" rel="ig">General Industrial ⇣</a></li>
</ul>
</div>
</div>
<div id="cbd" class="aj-hidden">
<p class="closebtn"><a class="aj-collapse" rel="cbd">x</a></p>
<p class="mini">CBD Central Business District</p>
<p class="micro">Only found in Downtown Santa Cruz, this zoning allows most retail and food uses. Developed in the aftermath of the Loma Prieta earthquake, this district also includes a shared parking and marketing resources and has lower development impact fees.</p>
<p class="micro">Ex. of principally permitted uses include: restaurants, shoes, boutiques, ice cream parlors, cafes and bike shops</p>
<p class="micro">Ex. of uses that will require more staff review: barber shops, laundries and cleaning establishments, business and technical schools</p>
<p class="micro">Ex. of uses that are not allowed include: Tattoo parlor, Heavy manufacturing, and ground floor professional and administrative uses along Pacific Avenue. </p>
<p class="micro">Please read the <a href="http://www.codepublishing.com/CA/SantaCruz/html/SantaCruz24/SantaCruz2410.html#24.10.2300" target="_blank">Municipal Code</a> & the <a href="http://www.cityofsantacruz.com/Modules/ShowDocument.aspx?documentid=8911" target="_blank">downtown recovery plan</a for a complete definition.</p>
</div>
<div id="cbde" class="aj-hidden">
<p class="closebtn"><a class="aj-collapse" rel="cbde">x</a></p>
<p class="mini">CBD-E Subdistrict Lower Pacific Ave</p>
<p class="micro">
Set up to help bridge the downtown to the beach area, this district encourages mixed uses that include commercial and recreational businesses. </p>
<p class="micro">Ex. of principally permitted uses include: art galleries, restaurants, boutiques, cafes and dance studios </p>
<p class="micro">Ex. of uses that will require more staff review: bars, meeting halls, off street parking facilities, convenience stores. </p>
<p class="micro">Ex. of uses that are not allowed include: mortuaries, manufacturing</p>
<p class="micro">Please read the <a href="http://www.codepublishing.com/CA/SantaCruz/html/SantaCruz24/SantaCruz2410.html#24.10.2360" target="_blank">Municipal Code</a> for a complete definition.
</p>
</div>
<div id="cc" class="aj-hidden">
<p class="closebtn"><a class="aj-collapse" rel="cc">x</a></p>
<p class="mini">CC Community Commercial</p>
<p class="micro">Primary zoning for most major commercial corridors, this district is set up to permit many different types of uses.</p>
<p class="micro">Ex. of principally permitted uses include: Apparel stores, auto supply, restaurants, home furnishings, medical office</p>
<p class="micro">Ex. of uses that will require more staff review: fast food, educational uses, bars & brewpubs</p>
<p class="micro">Ex. of uses that are not allowed include: no new drive-through businesses, no new industrial or manufacturing uses, no new ground floor residential uses</p>
<p class="micro">Please read the <a href="http://www.codepublishing.com/CA/SantaCruz/html/SantaCruz24/SantaCruz2410.html#24.10.700" target="_blank">Municipal Code</a> for a complete definition.</p>
</div>
<div id="cn" class="aj-hidden">
<p class="closebtn"><a class="aj-collapse" rel="cn">x</a></p>
<p class="mini">CN Neighborhood Commercial</p>
<p class="micro">A low density commercial district where the customers will primarily access shops and services on foot or via alternative transportation.</p>
<p class="micro">Ex. of principally permitted uses include: Financial, insurance, real estate offices, Low Volume food uses and cafes</p>
<p class="micro">Ex. of uses that will require more staff review: Convenience stores, athletic facilities, drug and department stores</p>
<p class="micro">Ex. of uses that are not allowed include: Manufacturing</p>
<p class="micro">Please read the <a href="http://www.codepublishing.com/CA/SantaCruz/html/SantaCruz24/SantaCruz2410.html#24.10.1000" target="_blank">Municipal Code</a> for a complete definition.</p>
</div>
<div id="ct" class="aj-hidden">
<p class="closebtn"><a class="aj-collapse" rel="ct">x</a></p>
<p class="mini">CT Thoroughfare Commercial</p>
<p class="micro">This zone is only found close to state highways or other high traffic corridors and is set up to encourage high volume businesses.</p>
<p class="micro">Ex. of principally permitted uses include: banks, clothing and soft goods, hotels, nurseries, smaller professional and administrative uses</p>
<p class="micro">Ex. of uses that will require more staff review: Business and technical schools, cemeteries, recreation facilities, community care facilities, drive ins and drive thrus, social clubs</p>
<p class="micro">Ex. of uses that are not allowed include: Heavy industry</p>
<p class="micro">Please read the <a href="http://www.codepublishing.com/CA/SantaCruz/html/SantaCruz24/SantaCruz2410.html#24.10.900" target="_blank">Municipal Code</a> for a complete definition.</p>
</div>
<div id="pa" class="aj-hidden">
<p class="closebtn"><a class="aj-collapse" rel="pa">x</a></p>
<p class="mini">PA Professional and Administrative Office</p>
<p class="micro">A buffer between a major thoroughfare and a low density residential neighborhood, this district is set up to encourage daytime, low volume professional uses.</p>
<p class="micro">Ex. of principally permitted uses include: Most financial, insurance and real estate office, galleries and medical office (except vets / kennels)</p>
<p class="micro">Ex. of uses that will require more staff review: Vets, Medical Clinics, Schools and Churches</p>
<p class="micro">Ex. of uses that are not allowed include: Heavy Industry</p>
<p class="micro">Please read the <a href="http://www.codepublishing.com/CA/SantaCruz/html/SantaCruz24/SantaCruz2410.html#24.10.1200" target="_blank">Municipal Code</a> for a complete definition.</p>
</div>
<div id="ig" class="aj-hidden">
<p class="closebtn"><a class="aj-collapse" rel="ig">x</a></p>
<p class="mini">IG General Industrial</p>
<p class="micro">The primary place for making and assembling items for distribution and wholesale. Only found in Harvey West and the far Westside.</p>
<p class="micro">Ex. of principally permitted uses include: Fabrication, Laborotories, Repairs, Alterations, Assembly and R&D</p>
<p class="micro">Ex. of uses that will require more staff review: Retail Uses, Chemical and Paper production, Rubber and Metal fabrication, Medical Marijuana Dispensaries</p>
<p class="micro">Ex. of uses that are not allowed include: Any manufacturing use involving the primary production of products from new materials found to be incompatible with the neighborhood or the city as a whole based on noise, odor, air quality or other adverse environmental impact shall be prohibited.</p>
<p class="micro">Please read the <a href="http://www.codepublishing.com/CA/SantaCruz/html/SantaCruz24/SantaCruz2410.html#24.10.1500" target="_blank">Municipal Code</a> for a complete definition.</p>
</div>
<div id="cb" class="aj-hidden">
<p class="closebtn"><a class="aj-collapse" rel="cb">x</a></p>
<p class="mini">CB Beach Commercial</p>
<p class="micro">Uses that primarily serve visitors near the beach.</p>
<p class="micro">Ex. of principally permitted uses include: Ice cream parlor, Surf shop, and bike rental.</p>
<p class="micro">Ex. of uses that are not allowed include:Tattoo parlor, Heavy manufacturing, and Medical Marijuana clinic.</p>
<p class="micro">Please read the <a href="http://www.codepublishing.com/CA/SantaCruz/html/SantaCruz24/SantaCruz2410.html#24.10.1100" target="_blank">Municipal Code</a> for a complete definition.</p>
</div>
<p class="b">Please note how the prior use of your chosen site compares to your intended use.
<p class="s">If you read the full definition of your site's zoning district, try to understand if and how your intended use is permitted.</p>
-->
</div><!-- /#location_non_home_occ_choose_site -->
<div id="location_non_home_occ_check_site">
<h1>Check Your Business’s Zoning</h1>
<p>You've told us that your business is of type <strong class="business-type">[business type]</strong> (NAICS code <span class="business-naics-code"></span>).</p>
<h3>What is your business's physical address?</h3>
<form method="post" action="#" id="form_location_non_home_occ_check_site">
<label>
Street
<input type="text" name="business_physical_address_street" placeholder="Street">
</label>
<label>
Street Detail
<input type="text" name="business_physical_address_detail" placeholder="Detail (optional)">
</label>
<label>
City
<input type="text" name="business_physical_address_city" placeholder="City">
</label>
<label>
State
<input type="text" name="business_physical_address_state" placeholder="State">
</label>
<label>
ZIP
<input type="text" name="business_physical_address_zip" placeholder="ZIP">
</label>
<input type="submit" value="Check Zoning" />
<p class="text"><a class="submit" href="#requirements">Next: Requirements →</a></p>
</form>
</div><!-- /#location_non_home_occ_check_site -->
<div id="requirements">
<h1>Requirements</h1>
<p>Based on what you've told us about your business, let's walk through all of the requirements.</p>
<p class="next"><a class="submit" href="#requirement_use_permit">First, Use Permits →</a></p>
</div><!-- /#requirements -->
<div id="requirement_use_permit">
<h1>Use Permit</h1>
<p>The type of use permit your business needs depends on whether and how your zoning district permits your use.</p>
<h3 class="toggle">Principally Permitted Uses</h3>
<div class="drawer">
<p>If the zoning code specifically allows your type of business to operate at the site you chose, great!</p>
<p>All you need is a Zoning Clearance. This is the simplest form of a use permit, and is typically issued the same day, with minimal review.</p>
<a href="#requirement_use_permit" data-zoning-status="principally-permitted" data-occupancy="non-home">DEMO: Select Principally Permitted</a>
</div>
<h3 class="toggle">Non-Principally Permitted Uses</h3>
<div class="drawer">
<p>If your use is not principally permitted, you will need either an Administrative Use Permit or a Special Use Permit.</p>
<p>Administrative Use Permit (<abbr title="Administrative Use Permit">AUP</abbr>): This kind of application requires more staff analysis, and more information from the applicant. These permits entail a public hearing before the Zoning Administrator, and can take approximately 6-8 weeks to work their way through to completion.</p>
<p>Special Use Permit (<abbr title="Special Use Permit">SUP</abbr>): Requires a high level of scrutiny, typically due to the size of the project and its impact on the neighborhood. These applications go to Planning Commission, whose decision is ratified by the City Council. SUPs take 2-3 months.</p>
<a href="#requirement_use_permit" data-zoning-status="non-principally-permitted" data-occupancy="non-home">DEMO: Select Non-Principally Permitted</a>
</div>
<h3 class="toggle">Prohibited Uses</h3>
<div class="drawer">
<p>If your use is explicitly prohibited, you should probably choose a different site for your business.</p>
<p>The alternative, changing the zoning for that property, is very difficult, rare, and can take years. It is not recommended, but you are welcome to <a href="#">contact the Planning Department</a> for more information.</p>
<a href="#requirement_use_permit" data-zoning-status="prohibited" data-occupancy="non-home">DEMO: Select Prohibited</a>
</div>
<hr class="visuallyhidden">
<div data-zoning-status="none">
<p class="next">Go back and pick type of <a href="#location">location</a></p>
</div>
<!-- @condition HOME OCC - PRINCIPALLY PERMITTED -->
<div data-occupancy="home" data-zoning-status="home">
<p>You've told us that you're <strong>working from home</strong>, and you've confirmed that your business complies with Santa Cruz Municipal Code 24.10.160.</p>
<p>The use permit you need is a <em>Zoning Clearance</em>. You'll need to submit it to the Planning Department, and the fee is <strong>$221.00</strong>.</p>
<p>Fill in as much as you can below.</p>
<form method="post" action="#" id="form_zoning_clearance">
<label>
Your First Name
<input type="text" name="applicant_first_name" placeholder="">
</label>
<label>
Your Last Name
<input type="text" name="applicant_last_name" placeholder="">
</label>
<label>
Your Phone Number
<input type="text" name="applicant_phone" placeholder="(123) 456-7890">
</label>
<label>
Your Street Address
<input type="text" name="applicant_physical_address_street" placeholder="Street Address">
</label>
<label>
Your Street Address (Detail)
<input type="text" name="applicant_physical_address_detail" placeholder="Detail">
</label>
<label>
Your City
<input type="text" name="applicant_physical_address_city" placeholder="City">,
</label>
<label>
Your State
<input type="text" name="applicant_physical_address_state" placeholder="State">
</label>
<label>
Your ZIP Code
<input type="text" name="applicant_physical_address_zip" placeholder="ZIP">
</label>
<label>
Your Business's Name
<input type="text" name="business_name" placeholder="Acme, Inc.">
</label>
<label>
Your Business's Phone Number
<input type="text" name="business_phone" placeholder="">
</label>
</form>
<p class="next">Next: <a href="#requirement_building_permit">Building Permit →</a></p>
</div>
<!-- /@condition HOME OCC - PRINCIPALLY PERMITTED -->
<hr class="visuallyhidden">
<!-- @condition NON HOME OCC - PRINCIPALLY PERMITTED -->
<div data-zoning-status="principally-permitted">
<p>You've told us that you're <strong>working from 123 Anystreet Place, Santa Cruz, CA 91234</strong>, and your business is of type <strong>[business type here]</strong>.</p>
<p>This use is <strong>principally permitted</strong> at this location.</p>
<p>The use permit you need is a <em>Zoning Clearance</em>. You'll need to submit it to the Planning Department, and the fee is <strong>$221.00</strong>.</p>
<p>Fill in as much as you can below.</p>
<form method="post" action="#" id="form_zoning_clearance">
<label>
Your First Name
<input type="text" name="applicant_first_name" placeholder="">
</label>
<label>
Your Last Name
<input type="text" name="applicant_last_name" placeholder="">
</label>
<label>
Your Phone Number
<input type="text" name="applicant_phone" placeholder="(123) 456-7890">
</label>
<label>
Your Street Address
<input type="text" name="applicant_physical_address_street" placeholder="Street Address">
</label>
<label>
Your Street Address (Detail)
<input type="text" name="applicant_physical_address_detail" placeholder="Detail">
</label>
<label>
Your City
<input type="text" name="applicant_physical_address_city" placeholder="City">,
</label>
<label>
Your State
<input type="text" name="applicant_physical_address_state" placeholder="State">
</label>
<label>
Your ZIP Code
<input type="text" name="applicant_physical_address_zip" placeholder="ZIP">
</label>
<label>
Your Business's Name
<input type="text" name="business_name" placeholder="Acme, Inc.">
</label>
<label>
Your Business's Phone Number
<input type="text" name="business_phone" placeholder="">
</label>
<label>
Your Business's Street Address
<input type="text" name="business_physical_address_street" placeholder="Street">
</label>
<label>
Your Business's Street Address (Detail)
<input type="text" name="business_physical_address_detail" placeholder="Detail (optional)">
</label>
<label>
Your Business's City
<input type="text" name="business_physical_address_city" placeholder="City">
</label>
<label>
Your Business's State
<input type="text" name="business_physical_address_state" placeholder="State">
</label>
<label>
Your Business's ZIP
<input type="text" name="business_physical_address_zip" placeholder="ZIP">
</label>
<label>
APN
<input type="text" name="apn" placeholder="">
</label>
<label>
Zoning District
<input type="text" name="zoning_district" placeholder="">
</label>
<label>
Intended Property Use
<input type="text" name="intended_use" placeholder="">
</label>
<label>
Previous Property Use
<input type="text" name="prior_use" placeholder="">
</label>
<label>
Date of Occupancy
<input type="text" name="date_of_occupancy" placeholder="">
</label>
<label>
Total Area (sq. ft)
<input type="text" name="total_area" placeholder="">
</label>
<label>
First Floor Area
<input type="text" name="first_floor_area" placeholder="">
</label>
<label>
Outdoor Area
<input type="text" name="outdoor_area" placeholder="">
</label>
<label>
Is this property single-tenant or multi-tenant?
<input type="radio" name="single_or_multi_tenant" value="single"> Single-tenant
<input type="radio" name="single_or_multi_tenant" value="multi"> Multi-tenant
</label>
<label>
Auto Parking Spaces
<input type="text" name="automobile_parking_spaces" placeholder="">
</label>
<label>
Bicycle Parking Spaces
<input type="text" name="bicycle_parking_spaces" placeholder="">
</label>
</form>
<p class="next">Next: <a href="#requirement_building_permit">Building Permit →</a></p>
</div>
<!-- /@condition NON HOME OCC - PRINCIPALLY PERMITTED -->
<hr class="visuallyhidden">
<!-- /@condition NON HOME OCC - NOT PRINCIPALLY PERMITTED -->
<div data-zoning-status="non-principally-permitted">
<p>You've told us that you‘re <strong>working from 123 Anystreet Place, Santa Cruz, CA 91234</strong>, and your business is of type <strong>[business type here]</strong>.</p>
<p>This use is <strong>not principally permitted</strong> at this location.</p>
<p>You will need either an <abbr title="Administrative Use Permit">AUP</abbr> or a <abbr title="Special Use Permit">SUP</abbr> to site your business here.</p>
<p>Contact the Planning Department for next steps.</p>
<p class="next"><a href="#help">Contact the Planning Department →</a></p>
</div>
<!-- /@condition NON HOME OCC - NOT PRINCIPALLY PERMITTED -->
<hr class="visuallyhidden">
<!-- /@condition NON HOME OCC - Prohibited -->
<div data-zoning-status="prohibited">
<p>You've told us that you're <strong>working from 123 Anystreet Place, Santa Cruz, CA 91234</strong>, and your business is of type <strong>[business type here]</strong>.</p>
<p>This use is <strong>prohibited</strong> at this location.</p>
<p>Siting your business here will require changing the City of Santa Cruz's zoning; this is a difficult process and can take years.</p>
<p>Contact the Planning Department for next steps.</p>
<p class="next"><a href="#help">Contact the Planning Department →</a></p>
</div>
<!-- /@condition NON HOME OCC - Prohibited -->
</div><!-- /#requirement_use_permit -->
<div id="requirement_building_permit">
<h1>Building Permit</h1>
<p>Will you be doing tenant improvements or renovation?</p>
<p class="next"><a href="#" id="yes_building_permit">Yes, I will be doing some renovation work.</a></p>
<p class="next" data-occupancy="non-home">No. Next: <a class="submit" href="requirement_parking">Parking →</a></p>
<p class="next" data-occupancy="home">No. Next: <a class="submit" href="requirement_business_license">Business License →</a></p>
<!-- @condition YES CONSTRUCTION -->
<div class="conditional">
<p>Fill in as much as you can below.</p>
<form method="post" action="#" id="form_building_permit">
<label>
Permit ID
<input type="text" name="permit_id" placeholder="">
</label>
<label>
Date
<input type="text" name="date" placeholder="">
</label>
<label>
Expansion plan check due date
<input type="text" name="expansion_plan_check_due_date" placeholder="">
</label>
<label>
Business Street Address
<input type="text" name="business_physical_address_street" placeholder="">
</label>
<label>
Business Street Address (Detail)
<input type="text" name="business_physical_address_detail" placeholder="">
</label>
<label>
Business City
<input type="text" name="business_physical_address_city" placeholder="">
</label>
<label>
Business State
<input type="text" name="business_physical_address_state" placeholder="">
</label>
<label>
Business ZIP Code
<input type="text" name="business_physical_address_zip" placeholder="">
</label>
<label>
APN
<input type="text" name="apn" placeholder="">
</label>
<label>
New Square Footage
<input type="text" name="square_footage_new" placeholder="">
</label>
<label>
Role of Applicant
<input type="text" name="role_of_applicant" placeholder="">
</label>
<label>
Applicant First Name
<input type="text" name="applicant_first_name" placeholder="">
</label>
<label>
Applicant Last Name
<input type="text" name="applicant_last_name" placeholder="">
</label>
<label>
Applicant Street Address
<input type="text" name="applicant_address_street" placeholder="">
</label>
<label>
Applicant Street Address (Detail)
<input type="text" name="applicant_address_detail" placeholder="">
</label>
<label>
Applicant City
<input type="text" name="applicant_address_city" placeholder="">
</label>
<label>
Applicant State
<input type="text" name="applicant_address_state" placeholder="">
</label>
<label>
Applicant Zip Code
<input type="text" name="applicant_address_zip" placeholder="">
</label>
<label>
Applicant Phone Number
<input type="text" name="applicant_phone" placeholder="">
</label>
<label>
Applicant Email Address
<input type="text" name="applicant_email" placeholder="">
</label>
<label>
Role of Professional
<input type="text" name="role_of_professional" placeholder="">
</label>
<label>
Professional's Name
<input type="text" name="professional_name" placeholder="">
</label>
<label>
Professional's Address
<input type="text" name="professional_address" placeholder="">
</label>
<label>
Professional's Phone Number
<input type="text" name="professional_phone" placeholder="">
</label>
<label>
Professional's Email Address
<input type="text" name="professional_email" placeholder="">
</label>
<label>
Contractor License Number
<input type="text" name="contractor_license_num" placeholder="">
</label>
<label>
Occupancy Class
<input type="text" name="occupancy_class" placeholder="">
</label>
<label>
Type of Construction
<input type="text" name="type_of_construction" placeholder="">
</label>
<label>
Building Height (feet)
<input type="text" name="building_height_feet" placeholder="">
</label>
<label>
Building Height (stories)
<input type="text" name="building_height_stories" placeholder="">
</label>
<label>
Sprinklers?
<input type="checkbox" name="has_sprinklers" checked="">
</label>
<label>
Is Quimby Fee?
<input type="checkbox" name="has_quimby_fee" checked="">
</label>
<label>
Is TIF Project?
<input type="checkbox" name="has_tif_project" checked="">
</label>
</form>
</div>
<!-- @condition NO CONSTRUCTION -->
<p class="next" data-occupancy="non-home">Next: <a class="submit" href="requirement_parking">Parking →</a></p>
<p class="next" data-occupancy="home">Next: <a class="submit" href="requirement_business_license">Business License →</a></p>
<!-- @condition /NO CONSTRUCTION -->
</div><!-- /#requirement_building_permit -->
<div id="requirement_parking">
<h1>Parking</h1>
<div data-parking-district="none">
<p class="next">First you need to <a href="#location_non_home_occ_check_site">Check your site</a></p>
</div>
<!-- @condition parking downtown -->
<div data-parking-district="downtown">
<h3>Downtown Businesses</h3>
<p>If your business is downtown, you don't need to provide any parking spaces, but you will need to pay a Parking Deficiency Fee.</p>
<form class="well form-vertical" id="parking-deficiency-form">
<label>Business type</label>
<select id="proptype_existing" onchange="OC.calculator.parking.downtown.setUnits(this.value)">
<option value="APARTMENT">Apartment</option>
<option value="DOCTOR">Doctor or Dentist</option>
<option value="MERCANTILE">Mercantile / Professional</option>
<option value="FURNITURE">Furniture Store</option>
<option value="SERVICE">Service Area/Warehouse</option>
</select>
<label>Size of Property</label>
<input id="size_existing" name="num_units" type="text"/> <label id="units">units</label>
<label>Existing Spaces</label>
<input id="spaces_existing" name="spaces_existing" type="text" value="0"/>
<hr/>
<div id="docq" style="display:none;">
<strong>Doctors and Dentists</strong>
<br/>
<b>Practitioners:</b><input type="text" id="doctorcount" value="1"/>
<hr/>
</div>
<a class="submit" data-bypass onclick="OC.calculator.parking.downtown.calculate()">Calculate</a>
<p><span id="calculated">Fill out form to calculate</span> required spaces.</p>
<p>Estimated parking deficiency fee: <span id="fee" style="background-color:#fff;"></span></p>
</form>
</div>
<!-- @condition /parking downtown -->
<hr class="visuallyhidden">
<!-- @condition /NO CONSTRUCTION -->
<div data-parking-district="non-downtown">
<h3>Non-Downtown Businesses</h3>
<p>Your business needs to provide parking spaces.</p>
<form class="calculator" id="parkingSpacesCalculator">
<!-- 38 business types according to the SC Municipal Code, 25 when combined, 11 large categories -->
<label>
Please select a category for your business type:
<select id="business_type" name="business_type">
<option value="default">Choose one...</option>
<option value="auto">Automobiles and machinery</option>
<option value="halls">Arenas, auditoriums, halls, and meeting facilities</option>
<option value="banks">Banks</option>
<option value="billiard">Billiard parlors</option>
<option value="office">Business and professional offices</option>
<option value="communication">Communications equipment buildings</option>
<option value="funeral">Funeral homes, mortuaries</option>
<option value="furn_repair">Furniture repair</option>
<option value="household">Furniture & appliance stores and household equipment</option>
<option value="worship">Houses of worship</option>
<option value="seniors">Senior care and facilities</option>
<option value="children">Child and foster care</option>
<option value="fitness">Physical fitness facilities</option>
<option value="lodging">Lodging</option>
<option value="plants">Manufacturing, bottling, and processing plants</option>
<option value="medical">Medical facilities and offices</option>
<option value="research">Research and Development</option>
<option value="food">Restaurants, bars, and food service</option>
<option value="retail">Retail stores, shops, service establishments, & shopping centers</option>
<option value="education">Educational facilities</option>
<option value="recycle">Recycling collection facilities</option>
<option value="laundry">Self-service laundry and dry cleaning establishments</option>
<option value="theaters">Theaters</option>
<option value="warehouses">Wholesale, warehouses, and service & maintenance centers</option>
</select>
</label>
</form>
<div id="prompt">
<p>Please select your specific business type below</p>
</div><!-- /#prompt -->