﻿body { background-color: #DCD8CC; }

.f_page {width: 980px;  margin: auto; background-color: #fff;}
.f_main {width: 980px; display: inline-block; text-align: left; }

.f_main .f_header_o { width: 100%; display: inline-block; clear: both; }
.f_main .f_header_o .f_header_i { padding: 0 2px 0 2px; }

.f_main .f_main_menu_o { width: 100%; display: inline-block; clear: both;}
.f_main .f_main_menu_o .f_main_menu_i { padding: 20px 20px 0 20px; }

.f_main .f_content_o { width: 100%; display: inline-block; clear: both; }
.f_main .f_content_o .f_content_i { padding: 0 20px 20px 20px; }

.f_main .f_content_o .f_content_i .f_left_o { float: left; width: 70%; margin: 0; padding: 0; }
.f_main .f_content_o .f_content_i .f_left_o .f_left_i { padding: 10px 20px 10px 0; }

.f_main .f_content_o .f_content_i .f_right_o { float: right; width: 29.8%; padding: 0; margin: 0;}
.f_main .f_content_o .f_content_i .f_right_o .f_right_i { padding: 10px 0px 10px 20px; }

/* Content */
.f_main .f_c_left_o { float: left; width: 29.8%; margin-bottom: 20px; } 
.f_main .f_c_left_o .f_c_left_i { padding: 10px 5px 10px 10px; margin-bottom: 20px; }

.f_main .f_c_main_o { float: right; width: 70%;}
.f_main .f_c_main_o .f_c_main_i { padding: 10px; }
/* Content */

/* No Nav */
.f_main .f_nonav_main_o {  }
.f_main .f_nonav_main_o .f_nonav_main_i { padding: 10px 15px 10px 15px; }
/* No Nav */
/* Footer */ 
.f_main .f_footer_o { display: inline-block; clear: both; margin: 0 10px 0 10px; background-color: #888888; padding: 0px; }
.f_main .f_footer_o .f_footer_i { padding: 0 2px 0 2px; }
/* Footer */
