#top {text-align: left; width: 960px; margin: 20px auto 0 auto; padding: 0; background: #3399cc; }

.container {text-align:left; background: #3399cc; width: 960px; margin: 0px auto 10px auto;}
.container #container {padding: 0 10px 1px 10px;}

.container #container .content_top {text-align:center;  margin:10px 0 0 0;} /* background: #margin:20px 0 0 0;*/
.container #container .content_top #content_top {padding: 0}  /*padding:20px;*/

.container #container .content_main {margin:20px 0; padding: 10px; background:#fff;}

.container #container .content { width: 630px;}
.container #container .content #content { padding: 0 20px 0 10px}

.container #container .side {width: 310px;}
.container #container .side #side { padding:0 0 0 0;}

/* TODO move non layout CSS to content */
.container #container .side .section {background: #cce5f2; margin-bottom:10px; padding: 10px;}
.container #container .side .section h5 {font-size: 20px; color: #666;}
.container #container .side .section ul.link_list li {list-style: none;}
.container #container .side .section ul.link_list li a {color: #666;}

.container #container .side .section .social_media img {width:24px; height: 24px;}
.container #container .side .section .social_media a {color: #666;}
.container #container .side .section .social_media .sm_text {padding: 0 0 5px 10px;}

.container #container .content #content .social_media img {width:48px; height: 48px;}
.container #container .content #content .social_media a {color: #666;}
.container #container .content #content .social_media .sm_text {padding: 0 0 0 10px;}

.footer {text-align:center; background: #cce5f2; width: 960px; margin: 0px auto 10px auto;}
.footer #footer {padding: 0 10px 1px 10px;}