body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background:#666666;
	margin:0px;
	padding-top:20px;
	padding-bottom:10px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	color:#990000;
	font-size:22px;
	font-weight: normal;
	padding-top:10px;
	margin-top:0px;
	padding-bottom:5px;
	margin-bottom:0px;
	background:url(/images/h1.jpg) left no-repeat;
	padding-left:15px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:14px;
	font-weight: bold;
	padding-top:15px;
	margin-top:0px;
	padding-bottom:5px;
	margin-bottom:0px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	color:#990000;
	font-size:20px;
	font-weight: bold;
	padding-top:0px;
	margin-top:0px;
	padding-bottom:12px;
	margin-bottom:0px;
	background:url(/images/h3.jpg) no-repeat 0px 4px;
	padding-left:20px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	color:#990000;
	font-size:13px;
	font-weight: normal;
	padding-top:7px;
	margin-top:0px;
	padding-bottom:5px;
	margin-bottom:0px;
}

p {
	padding-top: 5px;
	padding-bottom:5px;
	margin-top:0px;
	margin-bottom:0px;
}
.clear {clear:both}

img {border:0px none;}
img a {border:0px none;}
ul {margin:0px; padding:0px;}

/* FRAME */
.left-top {width:27px; height:17px; background:url(/images/corner-left-top.jpg) left top no-repeat;}
.top {width:793px; height:17px; background:url(/images/bg-top.jpg) left top repeat-x;}
.right-top {width:40px; height:17px; background:url(/images/corner-right-top.jpg) left top no-repeat;}
.left {width:27px; background:url(/images/bg-left.jpg) left top repeat-y;}
.right {width:40px; background:url(/images/bg-right.jpg) left top repeat-y;}
.left-bottom {width:27px; height:30px; background:url(/images/corner-left-bottom.jpg) left top no-repeat;}
.bottom {width:793px; height:30px; background:url(/images/bg-bottom.jpg) left top repeat-x;}
.right-bottom {width:40px; height:30px; background:url(/images/corner-right-bottom.jpg) left top no-repeat;}

/* content */
.main {width:793px; vertical-align:top; background-color:#FFFFFF;}

/* header */
#header {width:793px; height:56px; vertical-align:top;}
#header .logo {width:310px; height:56px;}
#header .hakkaido {width:140px; height:56px;}

/* menu */
#menu {width:793px; height:40px; background:url(/images/bg-menu.jpg) left bottom repeat-x; vertical-align:top;}
#menu ul {
  margin:0px;
  padding:0px;
  list-style:none;
  }
#menu li {
  float:left;
  margin:0px;
  margin-right:1px;
  }
#menu a {
  float:left;
  display:block;
  background:url(/images/tab.jpg) no-repeat right top;
  padding:10px 0px 10px 0px;
  text-decoration:none;
  font-weight:bold;
  color:#FFFFFF;
  font-size:11px;
  width:79px;
  text-align: center;
  line-height:10px;
  }

#menu a {float:none;}

#menu a:hover {
  color:#FFFFFF;
  background-image:url(/images/tab-on.jpg);
  }
#menu #current {
  
  }
#menu #current a {
  background-image:url(/images/tab-on.jpg);
  color:#FFFFFF;
  padding:10px 0px 10px 0px;
  }


/* content */
#content {width:793px; min-height:470px; vertical-align:top;}
#content a {color:#990000;}
.gtext {width:415px; vertical-align:top;}
.gimage {
	width:347px;
	vertical-align:top;
	padding-top:13px;
	padding-bottom: 10px;
}

.boxtop {width:240px; height:21px; background:url(/images/top-cell.jpg) left top no-repeat; font-size:15px; font-weight:bold; color:#FFFFFF; padding-left:31px; padding-top:2px;}
.boxtop a {color:#FFFFFF; text-decoration:none;}
.boxtop a:hover {color:#FFFFFF; text-decoration:none;}
.boxtxt {
	width:239px;
	height:148px;
	border-left:1px solid #C38588;
	border-right:1px solid #C38588;
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:0px;
}
.boxbottom {width:271px; height:12px; background:url(/images/bottom-cell.jpg) left top no-repeat;}

/* contact */
#form {width:253px; vertical-align:top; padding-top:42px;}
#form p {padding-bottom:2px; padding-top:5px; margin:0px;}
.input {width:219px; height:16px; border:1px solid #CCCCCC; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; margin-top:5px; padding-top:2px;}
.textarea {width:219px; height:185px; border:1px solid #CCCCCC; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; margin-top:5px; padding-top:2px;}
.submit {background-color:#FFFFFF; border:0px none; font-size:11px; color:#333333; cursor:pointer}
.contactimg {width:253px; vertical-align:top; padding-top:13px; padding-bottom:13px;}


/* detail */
#detail {width:220px; vertical-align:top;}
#detail h1 {
	font-family: Arial, Helvetica, sans-serif;
	color:#990000;
	font-size:20px;
	font-weight: bold;
	padding-top:0px;
	margin-top:0px;
	padding-bottom:12px;
	margin-bottom:0px;
	background:url(/images/h3.jpg) no-repeat 0px 4px;
	padding-left:20px;
}
.images {vertical-align:top; padding-top:9px; text-align:right; padding-bottom:14px;}
.images img {border:1px solid #909090;}
.detail {border:1px solid #CCCCCC}
.detail td {border:1px solid #CCCCCC}
.vecacelija {
	width:150px;
	padding-left:15px;
	vertical-align:middle;
	padding-top:5px;
	padding-bottom:5px;
}
.manjacelija {
	width:250px;
	padding-left:15px;
	height:22;
	vertical-align:middle;
	padding-top:5px;
	padding-bottom:5px;
}

#register {border-left:1px dotted #ABABAB; width:215px; padding-left:15px; vertical-align:top; padding-top:15px;}
#register p {padding-bottom:2px; padding-top:5px; margin:0px;}
.input2 {width:185px; height:16px; border:1px solid #CCCCCC; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; margin-top:5px; padding-top:2px;}
.textarea2 {width:185px; height:52px; border:1px solid #CCCCCC; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; margin-top:5px; padding-top:2px;}
.submit {background-color:#FFFFFF; border:0px none; font-size:11px; color:#333333;}

/* list */
.tablelist {margin-bottom:20px; width:354px;}
.thumbs {width:116px; height:86px; vertical-align:middle; text-align:center;}
.listtxt {width:227px; height:86px; vertical-align:top;}
.more a {color:#990000; padding-right:12px; background:url(/images/arrow.jpg) right no-repeat; text-decoration:none;}
.more a:hover {color:#990000; text-decoration:underline;}
#list {
	width:793px;
	vertical-align:top;
	padding-left: 0px;
}
li {
	padding-left: 0px;
	padding-bottom: 5px;
}

#list h2 {
	font-family: Arial, Helvetica, sans-serif;
	color:#990000;
	font-size:15px;
	font-weight: bold;
	padding-top:2px;
	margin-top:0px;
	padding-bottom:5px;
	margin-bottom:5px;
	
}
#list h2 a {color:#990000; text-decoration:none; background:none; font-size:15px; font-weight:bold;}


/* footer */
#footer {width:793px; height:19px; text-align:right; padding-top:5px; border-top:1px solid #8E8E8E; font-size:10px; color:#666666;}
#footer a {color:#666666; text-decoration:none;}
#footer a:hover {color:#666666; text-decoration: underline;}
hr {
	color: #CCCCCC;
	font-size: 1px;
}
.currentMenuItem a
{
	  background-image:url(/images/tab-on.jpg) !important;
  color:#FFFFFF !important;
  padding:10px 0px 10px 0px !important;
}