/********************************************************************************************

	TOC:	- GENERAL & HEADINGS
			- STRUCTURE
			- NAVIGATION
			- CONTENT & FORMS
			- FOOTER

********************************************************************************************/


/****************************************  GENERAL  ****************************************/

/* backslash hack \*/
html, body {height:100%;}
/* end hack */

html, body, ul {
	border:0;
	margin:0;
	padding:0
}

body {
	background:#fff url(images/bg.gif) repeat-x;
	color:#666;
	font:0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

img {border:none}


/*** Links ***/

a {outline:none}
a:link, a:visited {color:#CC3300; text-decoration:underline}
a:active, a:hover {color:#FF3300; text-decoration:none}

a.news {background:url(images/icon_arrow2.gif) right 5px no-repeat; font-weight:bold; padding-right:12px}
a.contact {background:url(images/icon_contact.gif) left 5px no-repeat; font-weight:bold; padding-left:16px}
#side a.contact {background:url(images/icon_contact.gif) left 4px no-repeat; font-weight:bold; padding-left:16px}


/*** Headings ***/

h1 {
	color:#CD0505;
	border-bottom:#F5CDCD 1px solid;
	font:bold 1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	text-transform:uppercase;
}
	#side h1 {font-size:1.4em; margin:0 0 22px 0;}


h2 {
	color:#666;
	font:normal 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:20px 0 8px 0;
	padding:0;
}


/****************************************  STRUCTURE  ****************************************/

#wrapper {
	background:url(images/bg_content.gif) repeat-y;
	width:748px;
	margin:0 auto;
	min-height:100%;
	margin-bottom:-64px;
	height:auto;
}

#header {background:url(images/bg_header.gif) repeat-y; height:106px}

#logo {background:url(images/logo_top.gif) 20px 0 no-repeat; height:106px}
	#logo img {padding:30px 0 0 220px}

#contentwrapper {margin:0 20px; position:relative; width:708px}

#navigation {background:url(images/bg_navigation.gif) no-repeat; float:left; height:225px; padding:0 20px 0 0; width:169px}

#photo {background:url(images/photo_header.jpg) right; border-left:#fff 1px solid; float:left; height:225px; width:518px}

#content {float:left; margin:40px 0; min-height:380px; padding:0 0 0 15px; width:490px}
*html #content {height:380px} /* For IE eyes only */

#side {float:left; margin:40px 5px 20px 0; padding:0 15px 0 5px; width:160px}

#contact {
	background:url(images/bg_contact.gif) no-repeat;
	bottom:80px;
	font-size:0.85em;
	height:138px;
	left:0;
	line-height:1.25em;
	padding:20px;
	position:absolute;	
	width:138px
}

#footerwrapper {background:url(images/bg_footer.gif) repeat-x; color:#B5B5B5; font-size:0.9em; height:64px; letter-spacing:-0.05em; position:relative;}
	#footer {
		background:url(images/bg_footer2.gif) no-repeat;
		height:64px;
		margin:0 auto;
		padding:0 20px;
		width:708px;
}

	#footerleft {float:left; margin-top:20px}
	#footerright{float:right; margin:20px 0 0 0}


/****************************************  NAVIGATION  ****************************************/

#navigation ul, #side ul {
   list-style:none;
}

#navigation li {font:bold 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:right; text-transform:uppercase}

#navigation li a {
	display:block;
	background:url(images/icon_arrow.gif) right 12px no-repeat;
	color:#F5CDCD;
	height:18px;
	text-decoration:none;
	padding:7px 10px 6px 0;
}

#navigation li a:hover {
	background:url(images/icon_arrow_on.gif) right 12px no-repeat;
	color:#fff;
}

#navigation .currentpage, #navigation .activeparent {
	display:block;
	background:url(images/icon_arrow_on.gif) right 12px no-repeat;
	color:#fff;
	font-style:italic;
	text-decoration:none;
	padding:7px 10px 6px 0
}


#side li a {
	display:block;
	border-bottom:#ECECEC 1px solid;
	color:#666;
	height:18px;
	text-decoration:none;
	padding:6px 0;
}

#side li a:hover {
	color:#CC3300;
	font-weight:bold
}

#side .currentpage {
	display:block;
	background:url(images/icon_arrow.gif) right 12px no-repeat;
	border-bottom:#ECECEC 1px solid;
	color:#CC3300;
	font-weight:bold;
	height:18px;
	text-decoration:none;
	padding:6px 0;
}

/****************************************  CONTENT & FORMS  ****************************************/

#paragraph {
	color:#fff;
	background:url(images/quote_start.png) no-repeat;
	font:italic 1.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:40px 0 0 20px;
	padding:0 30px 0 30px;
	width:360px
}

#paragraph span {background:url(images/quote_end.png) no-repeat; margin-left:5px; padding:0px 15px 0px 5px;}

#paragraph, #paragraph span {behavior:url(iepngfix.htc)} /*** Transparency hack for IE6 ***/

.kanji {padding:20px 0 0 20px}

.marquee {color:#FF0000; font-weight:bold}

div.separator {background:url(images/separator.gif) no-repeat; height:18px; margin:15px 0}
div.separator2 {background:url(images/separator2.gif) no-repeat; height:18px; margin:15px 0}

#termin th {border-bottom:#ECECEC 1px solid; font-weight:normal; padding:10px 0; text-align:left; vertical-align:top}
#termin th.marquee {font-weight:bold}
#termin td {border-bottom:#ECECEC 1px solid; padding:10px 0; vertical-align:top}

#print a {background:url(images/icon_printer.gif) left 1px no-repeat; float:right; font-size:0.9em; font-weight:bold; padding:0 0 10px 22px}

span.date {font-size:0.9em; font-style:italic}

div.links {padding:20px 0; border-bottom:1px solid #e0e0e0; width:490px; height:60px}
img.linkimg {padding:10px 20px 0 0; margin-top:-12px}

.imgmargin {margin-right:6px}

#content li {margin:0 0 10px 30px}


/*** Form ***/

form {margin:0; padding:10px 0 0 0}
form p {clear:left;	margin:0; padding:0}
label {float:left; width:100px; margin:4px 0 5px 0}
label.labelsecond {float:none; width:300px; margin:4px 0 5px 0}

input, textarea, select {
	background:#F7F7F7;
	border:#ccc solid 1px;
	color:#4F3426;
	font:1em Arial, Helvetica, sans-serif;
	width:250px;
	margin:0 0 5px 0;
	padding:2px 3px 2px 3px;
}

textarea {height:100px}

#submit {
	width:80px;
	margin:10px 0 0 100px;
	margin-bottom:4px !important;
	margin-bottom:0;
}

.error {background:#FDF5F5; border:1px solid #F01C26}

#red {
	color:#F01C26;
	display:block;
	height:25px;
	margin:10px 0;
	padding:0;
}

#url {
	z-index:999;
	position:absolute;
	height:0;
	width:0;
	border:none;
	background:none;
	margin:0;
	top:0;
	left:0;
	clear:both;
	font-size:0px;
	line-height:0px;
}

.small {font-size:0.9em; font-style:italic}

/****************************************  FOOTER  ****************************************/



#footer a:link, #footer a:visited {color:#B5B5B5; text-decoration:none}
#footer a:active, #footer a:hover {color:#999; text-decoration:underline}