body { background-color: #E3E3E3; font-size:70%}

div.wrapper { clear: both; }
div#container { width: 1000px; }

/* HEADER */
div#header div.top_bar { height: 26px; background-color: #fff; }
div#header div.top_bar div.left { width: 50%; float: left; }
div#header div.top_bar div.search { width: 25%; float: left; height: 100%; border-left: 1px solid #fff; }
div#header div.top_bar div.left { padding-top: 0px; }
div#header div.top_bar div.search form { margin: 5px 0 0 0; }
div#header div.top_bar div.search label { font-weight: bold; }
div#header div.top_bar div.search input.keyword { border: 1px solid #666565; width: 157px; margin: 0 5px 0 6px; }

div#header div.header_box { height: 148px; }
div#header div.header_box div.navigation { width: 25%; float: left; }
div#header div.header_box div.navigation ul { list-style: none; margin: 7px 0 0 25px; padding: 0; }
div#header div.header_box div.navigation ul li { line-height: 1.3em; font-weight: bold; color: #000; position: relative; }
div#header div.header_box div.navigation ul li img.active,
div#header div.header_box div.navigation ul li img.hover { position: absolute; left: -15px; top: 4px;  }
div#header div.header_box div.navigation ul li img.hover { display: none; }
div#header div.header_box div.navigation ul li:hover img.hover { display: block;  }
div#header div.header_box div.navigation ul li a { color: #fff; text-decoration: none; }
div#header div.header_box div.navigation ul li a:hover { color: #000; }
div#header div.header_box div.logo { width: 50%; float: left; border-left: 1px solid #fff; border-right: 1px solid #fff; height: 148px; }

div#header div.header_box div.subnavigation { width: 24%; float: left; }
div#header div.header_box div.subnavigation ul { margin-top: 8px; list-style: none; margin: 10px 0 0 10px; padding: 0; }
div#header div.header_box div.subnavigation ul li { line-height: 2em; font-weight: bold; color: #000; position: relative; }
div#header div.header_box div.subnavigation ul li img { position: relative; top: -4px; display: none; }
div#header div.header_box div.subnavigation ul li a { color: #fff; text-decoration: none; }
div#header div.header_box div.subnavigation ul li a img { display: inline; }
div#header div.header_box div.subnavigation ul li a:hover { color: #000; }
div#header div.header_box div.subnavigation ul li:hover a img { display: none; }
div#header div.header_box div.subnavigation ul li:hover img { display: inline; }

div#header div.bottom_bar { background-color: #000; padding: 5px 7px; color: #939598; }
div#header div.bottom_bar span { margin-left: 1.5em; }
/* END HEADER */

/* CONTENT */
div#content { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	min-height:560px;
}

div#content div.columnbox { padding: 1em; }

* html div#content { height: 560px; }

div#content h3 { font-size: 13pt; }
div#content h2 { font-size: 13pt; margin-top: -4px; }
div#content p { margin: 1em 0; }
div#content div.banner_quiz { position: absolute; top: 0; right: 0; }

p, h2, h3 { margin: 11px 0; }
h3, h2 { margin-top: 0; }
div#content ul li, p { line-height: 140%; }

div#content div.column,
div#content div.column1,
div#content div.column2,
div#content div.column3,
div#content div.column4 { width: 25%; float: left; }
div#content div.column1.column2 { width: 50%; }
div#content div.column1.column2.column3 { width: 75%; }
div#content div.column3 { background-color: #fff; height: 100%; }
div#content div div.content { padding: 25px 17px; position: relative; }
div#content div div.content.left { padding-left: 25px; }

* html div#content div.column,
* html div#content div.column1,
* html div#content div.column2,
* html div#content div.column3,
* html div#content div.column4 { width: 250px; }
* html div#content div.column1.column2 { width: 500px; }

div#content div.pagination { text-align: center; color: #fff; }
div#content div.pagination a { font-weight: bold; text-decoration: none; color: #000; }
div#content div.pagination a:hover { text-decoration: underline; }
 
/* END CONTENT */

/* FOOTER */
div#footer { background-color: #fff; height: 28px; }
div#footer div { width: 25%; float: left; padding: 5px 0; height: 18px; }
div#footer div span { margin-left: 16px; font-weight: bold; }
div#footer div a { color: #fff; font-weight: bold; text-decoration: none; }
div#footer div a:hover { color: #000; }
div#footer div.column1 { background-color: #a7a9ac; }
div#footer div.column2 { background-color: #bbbdc0; }
div#footer div.column3 { background-color: #d1d2d4; }
div#footer div.column4 { background-color: #fff; }
/* END FOOTER */

/* SAFARI HACK */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	div#header div.top_bar div.search input.keyword { width: 156px; }
}
