Solve the following math problem efficiently and clearly:

- For simple problems (2 steps or fewer):
Provide a concise solution with minimal explanation.

- For complex problems (3 steps or more):
Use this step-by-step format:

## Step 1: [Concise description]
[Brief explanation and calculations]

## Step 2: [Concise description]
[Brief explanation and calculations]

...

Regardless of the approach, always conclude with:

Therefore, the final answer is: $oxed{answer}$. I hope it is correct.

Where [answer] is just the final number or expression that solves the problem.

Problem: [asy] fill(circle((4,0),4),grey); fill((0,0)--(8,0)--(8,-4)--(0,-4)--cycle,white); fill(circle((7,0),1),white); fill(circle((3,0),3),white); draw((0,0)--(8,0),black+linewidth(1)); draw((6,0)--(6,sqrt(12)),black+linewidth(1)); MP("A", (0,0), W);  MP("B", (8,0), E);  MP("C", (6,0), S); MP("D",(6,sqrt(12)), N); [/asy]
In this diagram semi-circles are constructed on diameters $\overline{AB}$, $\overline{AC}$, and $\overline{CB}$, so that they are mutually tangent. If $\overline{CD} \bot \overline{AB}$, then the ratio of the shaded area to the area of a circle with $\overline{CD}$ as radius is:
$\textbf{(A)}\ 1:2\qquad \textbf{(B)}\ 1:3\qquad \textbf{(C)}\ \sqrt{3}:7\qquad \textbf{(D)}\ 1:4\qquad \textbf{(E)}\ \sqrt{2}:6$
user