/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0; line-height: 1.2;}
caption, th, td {text-align:left;font-weight:normal; padding: 0;}
table, td, th {vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size: 80%; color:#474747; background: #fff; font-family: Georgia, Times New Roman, serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:2em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.6em;margin: 0.35em 0; line-height: 1.1em;}
h3 {font-size:1.4em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.1em;margin-bottom:0.5em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:0.25em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin: 0.25em 0 0.75em 0; line-height: 1.3em; }
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#474747;font-style:italic;}
strong {font-weight:bold; }
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #474747;}
address {margin:0 0 1.5em; }
del {color:#474747;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul	{margin:0 1.5em 1.5em 2em;}
ol {margin:0 1.5em 1.5em 2.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:2px 5px 2px 3px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#474747;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* design */
body	{
	background: #fff url(img/background.jpg) top center no-repeat;
}

div#container {
	margin: 0 auto;  
	width: 960px; 
	text-align: left;
	position: relative;
}
#logo	{
	margin: 0px 0 0 70px;
}

div#wrap	{
	width: 860px;
	text-align: center;
	margin: 0 auto;
	position: absolute;
	left: 100px;
	top: -25px;
}

div#menu {
	width: 860px;
	position: relative;
	height: 90px;
}
.menucaption	{display: none;}
.navhw	{
	float: left;
	zoom: 1;
	position: relative;
}
.nav52	{margin: 0px 0 0 5px;}
.nav135	{margin: -30px 0 0 3px;}
.nav137	{margin: -48px 0 0 -11px;}
.nav140	{margin: -10px 0 0 -19px;}
.nav6	{margin: 5px 0 0 -18px;}
.nav143	{margin: -50px 0 0 -30px;}

.nav14, .nav16, .nav18, .nav20, .nav22	{margin: 0 0 0 270px;}
.nav15, .nav17, .nav19, .nav21, .nav23	{margin: -20px 0 0 10px;}

#sidebar1 {
	float: left;
	width: 130px;
	margin: 130px 10px 160px 50px;
	text-align: left;
	position: relative;
	padding-bottom: 6em; /* preserve space for copyright message */
}
#sidebar2 {
	float:right;
	width: 200px;
	margin: 100px 5px 0 30px;
	text-align: left;
}
#main {
	float:left;
	width: 700px;
	margin: 25px 0 0 0;
	text-align: left;
	position: relative;
}
#content	{
	float: left;
	width: 440px;
	text-align: left;
}
#copyright{
	position:absolute;
	bottom:0;
	left:0;
	width: 110px;
	font-size: 0.8em;
	text-align: left;
	margin: 0 30px 2em 40px;
}

#subsubmenu	{
	width: 700px;
	display: block;
	float: left;
	margin: 10px 0 0 -15px;
	text-align: left;
	clear: both;
}
.page_item	{
	float: left;
	width: 80px;
	text-align: center;
	margin: 5px 0 20px 0;
}
.submenu	{
	position: relative;
	padding-bottom: 65px;
	text-align: center;
}
.page_item a	{
	font: bold 1em/1em "Tahoma", "Arial", sans-serif;
	color: #C9A551;
	text-decoration: none;
	position: absolute;
	bottom: 0;
	left: 0;
}
.page_item a:hover	{color: #474747;}
.page_item span	{
	height: 45px;
	display: block;
	margin: 3px 0 0 0;
	background: url(img/subpage.png) center bottom no-repeat;
}
.page177 span, .page608 span	{
	background: url(img/subpage_first.png) center bottom no-repeat;
}
.page611 span	{
	background: url(img/subpage_last.png) center bottom no-repeat;
}

.current_page_item a	{
	color: #474747;
}

/* Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 1px; margin: 0 0 5px 10px; display: inline; }
img.alignleft { padding: 1px; margin: 0 10px 5px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }

/* Navigation  */
.nav { overflow: hidden; padding: 10px 0; font-size: 1.1em; line-height: 0.9em; font-weight: bold; text-align: right;  border-top: solid 2px #b9b9b9;}
.nav .left { display: block; float: left; background: url(img/nav-left.png) no-repeat left 0px; padding-left: 15px; }
.nav .right { display: block; float: right; background: url(img/nav-right.png) no-repeat right 0px; padding-right: 15px; }

.p-date { font-size: 0.8em; color:#474747; margin:0 0 10px 0; line-height: 1;}
.p-com { padding: 0px 5px 10px; }
.p-com a, .p-com a:visited { background: url(img/p-com-ico.png) no-repeat left 2px; padding-left: 15px; font-size: 1em; }

/* Comment List */	
.com-list h3 { font-size: 1.5em; line-height: 1em; font-weight: normal; padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid 2px #b9b9b9;}
.com-con { padding: 5px 5px 0px 5px; color:#474747; border-bottom: solid 1px #f6f6f6; position: relative;}
.com-name { font: 1.1em/1.1em "Tahoma", "Arial", sans-serif; margin: 5px 0;}
.com-date { font-size: 0.8em; color: #999; margin-bottom: 10px; }
.com-date a, .com-date a:visited, .com-date a:hover { color: #999; text-decoration: underline; }

/* Comment Form */		
.com-form { background: #f0f0f0; padding-top: 10px; margin-top: 20px; font:  }
.com-form-bot { padding: 5px 15px 20px 15px;}
.com-form h3 { font-size: 1.5em; border-bottom: solid 1px #b9b9b9; padding-bottom: 5px; margin-bottom: 10px;}
.com-form p { padding: 6px 0px; position: relative; color:#474747;}
.com-form p strong { color:#FF3300; font-weight: bold; }
.com-form label { position: absolute; top: 4px; left: 340px; width: 80px;}
.com-form a, .com-form a:visited, .com-form a:hover { color: #474747; text-decoration: underline; }
.com-form input { background: #fff; border: 1px solid #c3bfb5; padding: 4px; margin-right: 10px; font-size: 1.2em; }
.com-form textarea { background: #fff; border: 1px solid #c3bfb5; padding: 4px; margin-right: 10px; }

#box1{
	position:absolute;
}
#box1 span{
	display:block;
	float:left;
}
.mask1{
	position:relative;
	width:200px;
	height:200px;
	overflow:hidden;
}
span img{
	display:block;
	border:none;
}
.toggler {cursor: pointer;}
.toggler h2, .toggler h3, .toggler h4 {text-decoration: underline; color:#009;}
.toggler h2:hover, .toggler h2:active, .toggler h3:hover, .toggler h3:active, .toggler h4:hover, .toggler h4:active {text-decoration: underline; color:#000;}
.undernone h2	{text-decoration: none; color:#000;}
.undernone h2:hover, .undernone h2:active {text-decoration: none; color:#000;}
.element	{	margin: 1em 0;}

.tablewidth	{width: 100px; font-size: 0.9em; font-style: italic;}

/* Language menu */
#menu-lang	{
	margin: -80px 0 0 10px;
	position: absolute;
	z-index: 9999;
}
.mc_menu	{margin: 0; list-style: none;}
.mc_menu li {float:left; position: relative;}
.mc_menu li a {
	display:block; 
	float:left;
	width: 25px;
	height: 33px;
	background:url(img/lang-s.png) 0 4px no-repeat; 
	color:#8dc63f; 
	text-decoration:none; 
	font-size:10px; 
	font-weight:bold; 
	text-align:center; 
	padding: 12px 0 0 1px; 
	cursor:pointer;
}
.mc_menu li.current_page_item a {
	color:#000; 
	background:url(img/lang-b.png) no-repeat;
	width: 31px;
	padding: 12px 0 0 0;
}
.mc_menu li a:hover {color:#000;}

#menu_item_8	{margin: 0 0 0 0;}
#menu_item_9	{margin: 10px 0 0 -2px;}
#menu_item_10	{margin: 6px 0 0 0px;}
#menu_item_11	{margin: 35px 0 0 -65px;}
#menu_item_12	{margin: 45px 0 0 -40px;}
#menu_item_13	{margin: 65px 0 0 -70px;}