/* iizuka website css */

body
{
	margin: 0;
	font-family: verdana, arial;
	font-size: 70%;
}

img
{
	border: none;
}

/* header */

#header
{
	height: 84px;
}

#header-logo
{
	position: absolute;
	left: 12px;
	top: 17px;
}

#header-left
{
	position: absolute;
	left: 144px;
}

#header-middle
{
	height: 84px;
	margin: 0 64px 0 288px;
	background: url('../images/header-middle.png') top repeat-x;
}

#header-right
{
	position: absolute;
	right: 12px;
}

/* nav */

#nav
{
	border-top: #e73430 solid 3px;
	border-bottom: #e3e3e3 solid 3px;
	padding: 5px 11px;
	background: #737373;
	color: #e3e3e3;
}

#nav a
{
	color: #e3e3e3;
	text-decoration: none;
}

#nav a:hover
{
	text-decoration: underline;
}

#nav-left
{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav-left li
{
	display: inline;
	margin: 0;
	padding: 0 5px 0 0;
}

#nav-right
{
	text-align: right;
}

/* breadcrumbs */

#breadcrumbs
{
	color: black;
	padding: 5px 11px 8px 212px;
	background: url('../images/breadcrumbs-middle.jpeg') bottom left no-repeat #e3e3e3;
}

#breadcrumbs a
{
	color: black;
	text-decoration: none;
}

#breadcrumbs a:hover
{
	text-decoration: underline;
}

#breadcrumbs ul
{
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

#breadcrumbs li
{
	display: inline;
	margin: 0;
	padding: 0 5px 0 0;
}

/* leftbox */

#leftbox
{
	float: left;
	width: 160px;
	background: #e3e3e3;
}

#leftbox-image
{
	display: block;
}

#leftbox-container
{
	margin: 5px;
	border: solid 1px white;
	background: white;
	color: #737373;
}

#leftbox-container a
{
	display: block;
	padding: 5px;
	color: #737373;
	text-decoration: none;
}

#leftbox-container a:hover
{
	color: #FD7717;
	text-decoration: underline;
}

#leftbox-container a.leftbox-selected
{
	background: #e3e3e3;
	color: black;
}

#leftbox-container a.leftbox-selected:hover
{
	color: black;
	text-decoration: none;
}

#leftbox-container ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#leftbox-container ul ul li a
{
	padding-left: 20px;
}

#leftbox-container ul ul ul li a
{
	padding-left: 40px;
}

#leftbox-container ul ul ul ul li a
{
	padding-left: 60px;
}

#leftbox-container ul ul ul ul ul li a
{
	padding-left: 80px;
}

/* rightbox */

#rightbox
{
	float: right;
	padding-right: 10px;
	width: 230px;
	margin-top: 24px;
}

/* box */

.box
{
	margin: 0 5px 12px 0;
}

.box a
{
	color: #737373;
}

.box a:hover
{
	color: #FD7717;
}

.box-title
{
	padding: 6px 6px;
	vertical-align: bottom;
	background: url('../images/rightbox-corner.jpeg') top right no-repeat #e3e3e3;
}

.box-container
{
	border: solid 1px #e3e3e3;
	border-top: none;
	padding: 5px 5px 0 5px;
	color: #737373;
}

.box-container p
{
	margin: 0 0 8px 0;
}

/* container */

#container
{
	background: url('../images/leftbox-bg.png') left repeat-y;
}

/* content */

#content
{
	margin: 0 220px;
	padding: 24px 24px 16px 24px;
}

#content-nosidebar
{
	margin: 0 0px;
	padding: 24px 24px 16px 24px;
}

#content h1
{
	margin: 0 0 11px 0;
	padding: 0 0 4px 0;
	border-bottom: solid 1px #e3e3e3;
	font-size: 150%;
	font-weight: bold;
	color: #e73430;
}

#content h2
{
	margin: 0 0 8px 0;
	font-size: 100%;
	font-weight: bold;
}

#content h3
{
	margin: 0 0 8px 0;
	font-size: 100%;
	font-weight: bold;
	color: #737373;
}

#content p
{
	margin: 8px 0 8px 0;
}

#content a
{
	color: #e73430;
}

#content a:hover
{
	color: #fd7717;
}

#content ul, ol
{
	margin: 0;
	padding: 0 12px 0 48px;
}

#content li
{
	padding: 0 0 8px 0;
}

#content li ul li, #content li ol li
{
	padding: 8px 0 0 0;
}

#content li p
{
	margin: 0;
}

#content div.table
{
	margin: 8px 0;
}

#content table
{
	border: solid 1px #bcbcbc;
	border-collapse: collapse;
	font-size: 100%; /* ie */
}

#content thead tr, tfoot tr
{
	background: #e3e3e3;
}

#content tr.table-odd
{
	background: #f8f8f8;
}

#content th
{
	border-left: solid 1px #bcbcbc;
	padding: 5px;
	text-align: center;
	font-weight: normal;
}

#content td
{
	border-left: solid 1px #bcbcbc;
	padding: 5px;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}

#content th p, #content td p
{
	margin: 0;
}

#content table.layout, #content table.layout th, #content table.layout td
{
	border: none;
}

div.quote
{
	width: 222px;
	margin: 0 0 5px 11px;
	background: url('../images/quote-middle.png') left repeat-y;
}

div.quote-top
{
	background: url('../images/quote-top.png') top no-repeat;
}

div.quote-bottom
{
	background: url('../images/quote-bottom.png') bottom no-repeat;
	padding: 11px 11px 24px 11px;
}

.quote h2
{
        margin: 0 0 8px 0;
	font-size: 100%;
	font-weight: bold;
}

.quote p
{
        font-style: italic;
}

#content .lflow
{
	float: left;
	margin: 0 11px 5px 0;
}

#content .rflow
{
	float: right;
	margin: 0 0 5px 11px;
}

#content .lflow img, #content .rflow img
{
	border: solid 3px #e3e3e3;
}

/* footer */

#footer
{
	clear: both;
	border-bottom: solid 3px #737373;
	background: #e3e3e3;
	color: #737373;
}

#footer a
{
	color: #e3e3e3;
	text-decoration: none;
}

#footer a:hover
{
	text-decoration: underline;
}

#footer ul
{
	float: left;
	margin: 0;
	padding: 5px 32px 2px 11px;
	background: url('../images/footer-middle.jpeg') top right no-repeat #737373;
	color: #e3e3e3;
	list-style: none;
}

#footer li
{
	display: inline;
	padding: 0 5px 0 0;
}

#footer-right
{
	text-align: right;
	padding: 3px 11px 4px 11px;
}

#footer-right a
{
	color: #737373;
}

/* footnote */

#footnote
{
	padding: 5px 6px 5px 11px;
	font-size: 80%;
	color: #737373;
}

#footnote p
{
	margin: 0;
}

#footnote-right
{
	float: right;
}

#homecontent
{
	padding: 15px;
}