/* HTML tags */
body								{ background: #FFF url(../images/bg.jpg); font: normal 62.5% Georgia,'Times New Roman',Times,serif; margin: 0; padding: 0; }
img									{ border: 0; }
blockquote							{ background: #faecd5; margin: 5px 0 0; padding: 10px; }
cite								{ display: block; font-size: 0.8em; margin-top: 5px; color: #8e0f18; }

/* Structure */
.site-wrapper						{ width: 950px; background: #FFF; font-size: 1em; margin: 0 auto; padding: 10px 10px 10px 0; }
.left-column						{ width: 230px; float: left; }
.logo								{ padding-left: 10px; }
.menu 								{ width: 221px; background: url(../images/nav-box-bg.gif) repeat-y; margin-top: 10px; padding: 12px 0 15px 9px; }
.menu ul 							{ width: 211px; margin: 0; padding: 0; list-style: none; overflow: hidden; }
.menu ul li 						{ height: 1%; background: url(../images/sep01.gif) repeat-x; padding-bottom: 1px; margin-top: -1px; vertical-align: top; }
.menu ul li a 						{ width: 206px; display: block; font-size: 1.4em; font-weight: bold; color: #fff; }
.menu ul li a 						{ padding:4px 0 11px 5px; text-decoration: none; }
.menu ul li a.active,
.menu ul li a:hover 				{ background: url(../images/nav-hover-bg.gif) no-repeat 0 100%; }
.post-it .top						{ background: url(../images/post-it-top.png) no-repeat; margin-top: 10px; padding-top: 30px; }
.post-it .tile						{ background: url(../images/post-it-tile.png) repeat-y; font-weight: bold; padding: 0 10px 0 30px; }
.post-it .tile a					{ font-size: 1.1em; color: #8e0f18; }
.post-it .tile a:hover				{ background: none; text-decoration: underline; }
.post-it .bottom					{ background: url(../images/post-it-bottom.png) no-repeat bottom; padding-bottom: 40px; }
.right-column						{ width: 710px; padding-left: 10px; float: left; }
.box-area 							{ width: 710px; background: url(../images/box-area-bg.gif) repeat-y; }
.box-area 							{ font-size: 1.2em; line-height: 1.6em; margin: 0 0 20px 0; float: right; }
.box-area-btm 						{ height: 1%; background: url(../images/box-area-brm-bg.gif) no-repeat 0 100%; padding: 2px; }
.box-area-btm:after 				{ display: block; content: ""; clear: both; }
.box-area .box 						{ width: 216px; margin-right: 24px; padding-bottom: 10px; float: left; }
.box-area .box img 					{ display: block; }
.box-area .box.last 				{ width: 226px; margin: 0; }
.box-area .text 					{ padding: 8px 8px 8px 9px; }
* html .box-area .text 				{ padding-bottom: 4px; }
* +html .box-area .text 			{ padding-bottom: 4px; }
.box-area .text h3 					{ font-size: 1.8em; line-height: 1.2em; color: #fff; margin: 0; margin: 0; }
.box-area .text p 					{ font-size: 1.1em; line-height: 1.6em; color: #fff; }
.box-area a							{ color: #FFF; }
.box-area a:hover					{ text-decoration: none; }
.certified							{ background: #333; font-size: 2em; color: #dcc398; padding: 20px; text-align: center; clear: both; }
.certified-smaller					{ background: #333; font-size: 1.2em; color: #dcc398; padding: 10px; text-align: center; }
.certified-smaller span,
.certified span						{ color: #FFF; }
.content-area						{ background: url(../images/front-body-bg.gif) repeat-x; font-size: 2em; margin-top: 20px; padding: 20px; clear: both; }
.sub-content-area					{ background: url(../images/front-body-bg.gif) repeat-x; font-size: 1.4em; margin-top: 0; padding: 20px; clear: both; }
.sub-content-area h1				{ font-size: 1.9em; line-height: 1.2em; margin: 0 0 20px 0; }
.sub-content-area h2				{ font-size: 1.4em; color: #8e0f18; line-height: 1.2em; margin: 20px 0; }
.sub-content-area h3				{ font-size: 1.1em; line-height: 1.2em; }
.left								{ margin: 0 15px 10px 0; float: left; }
.right								{ margin: 0 0 10px 15px; float: right; }
.sub-content-area a					{ color: #8e0f18; }
.sub-content-area a:hover			{ text-decoration: none; }
.sub-content-area ul li				{ margin-bottom: 13px; }
.sub-content-area .no-space li		{ margin-bottom: auto; }
.sub-content-area li small			{ display: block; margin-top: 5px; }
.attention-box						{ background: #F5F5F5; padding: 15px; color: #8e0f18; border: 1px dashed #8e0f18; }
.project							{ border: 1px solid #e1cca7; margin: 20px 0; padding: 15px; }
.footer								{ background: #FFF; color: #ad700a; margin-left: 20px; padding: 10px 0; clear: both; }
.sub-footer							{ background: url(../images/menu-divider.gif) repeat-x top; color: #ad700a; margin: 20px 0 0 20px; padding: 10px 0; clear: both; }

/* form styles ********************************************************************/
.form form					{ padding: 20px 0 0 0; }
.form 						{ width: 95%; }
.form fieldset				{ background: #e1cca7; border: 0; margin: 3px 0; padding: 5px 10px; }
.form label					{ width: 200px; display: block; float: left; }
.form input					{ margin: 3px 3px 3px 0; vertical-align: middle; }
.form input, .form select	{ font: normal 1em Arial,Sans-serif; }
.form .formsubmit			{ font-weight: bold; padding: 5px 10px; }
.form .important			{ color: #F00 !important; }