HTMLで２分割されない。

###前提・実現したいこと
HTMLでページを作っているのですが、idタグがおそらく反映されていないです。
2分割にするために#pageBodyMain,#pageBodySubの範囲の大きさを変えてfloatタグで寄せようと考えています。

###発生している問題・エラーメッセージ

タグのCSSが反映されていない。

###該当のソースコード

HTML
1<div id="page">
2<header id="pageHead">
3<h1 id="siteTitle">HPの共通タイトル</h1>
4<p id="catchcopy">サブタイトル</p>
5</header>
6
7<div id="pageBody">
8<div id="pageBodyMain">
9<article class="articleDetail">
10<header class="articleDetailHead">
11<h1 class="pageTitle">タイトル</h1>
12<figure>
13<img src="images/fixed_sample_01.jpg" alt=""  >
14<figcaption>○○○○○</figcaption>
15</figure>
16<p>
17文<br>
18文
19</p>
20</header>
21
22<section class="articleDetailBody">
23<h2 class="heading-typeA">文</h2>
24<p>
25文
26</p>
27<p>
28文
29</p>
30<p>
31文
32</p>
33
34<table>
35<caption>表のタイトル</caption>
36<tr>
37	<th>データ</th>
38	<td>データ</td>
39<tr>
40	<th>データ</th>
41	<td>データ</td>
42<tr>
43	<th>データ</th>
44	<td>データ</td>
45</table>
46
47<section>
48<h3 class="heading-typeB">文</h3>
49<img src="images/fixed_sample_02.jpg" alt="文" >
50<p>
51文
52</p>
53</section>
54
55<section>
56<h3 class="heading-typeB">文</h3>
57<figure>
58<img src="images/fixed_sample_03.jpg" alt="文" >
59<figcaption>文</figcaption>
60</figure>
61<p>
62文
63</p>
64</section>
65
66<section>
67<h3 class="heading-typeB">文</h3>
68<figure>
69<img src="images/fixed_sample_04.jpg" alt="文" >
70<figcaption>文</figcaption>
71</figure>
72<p>
73文</p>
74</section>
75
76</section>
77
78<footer class="articleDetailFoot">
79<section>
80<class="heading-typeC">文</h2>
81<ul>
82	<li>リスト</li>
83	<li>リスト</li>
84	<li>リスト</li>
85	<li>リスト</li>
86</ul>
87</section>
88
89<aside class="creditUnit">
90	<p>文</p>
91	<h2 class="heading-typeC">文</h2>
92	<p>文</p>
93
94<ul>
95	<li>文</li>
96	<li>文</li>
97</ul>
98	<p>文</p>
99</aside>
100</footer>
101
102
103
104</article>
105</div>
106
107<div id="pageBodySub">
108<section class="newList">
109<h2>お知らせ</h2>
110<ul>
111	<li><time datatime="2013.10.01">2013.10.01</time>
112	文</li>
113	<li><time datatime="2013.10.01">2013.10.01</time>
114	文</li>
115</ul>
116</section>
117</div>
118
119</div>
120
121<footer id="pageFoot">
122<p id="copyright"><small>Copyright&copy; 2013 @ All Rights Reserved.</small></p>
123</footer>
124</div>
125
126</body>
127
128</html>
129
130CSS
131@import url(https://fonts.googleapis.com/css?family=Neuton);
132
133body{ color: #333333;}
134
135/* ページ */
136#page { width: 980px; 
137	margin: 0 auto;
138}
139
140/*ページヘッダ*/
141#siteTitle{
142	font-size: 30px;
143	line-height:1.2px;
144	font-family: 'Slabo 27px', serif;
145}
146
147#catchcopy{
148	font-size: 12px;
149	line-height: 1.5;
150	
151
152}
153
154/*ページフッター*/
155#pageFoot{
156	border-top: solid 1px #CCCCCC;
157	margin-top: 15px;
158}
159
160#copyright small{
161	font-size: 12px;
162	line-height: 1.5;
163
164/*ページボディ*/
165#pageBodyMain {
166	width: 720px;
167	background-color: #66CCFF;
168}
169#pageBodySub {
170	width: 220px;
171	background-color: #99FF66;
172}
173
174}
175
176p { font-size: 14px; }
177
178/* List */
179ul li{
180
181	font-size:14px;
182	list-style-type: square;
183}
184
185/* table */
186table {
187	font-size: 14px;
188	border: 1px solid #CCCCCC;
189	border-collapse: collapse;
190	width: 100%;
191}
192
193table th,
194table td {
195	border: 1px solid #CCCCCC;
196	padding: 5px 10px;
197}
198
199table th {
200	background-color: #EEEEEE;
201	text-align: left;
202}
203
204table caption {
205	text-align:left;
206	font-weight:bold;
207}
208
209/* 画像キャプション */
210figcaption {
211	font-size: 12px;
212}
213