* {
    padding: 0;
    margin: 0;
} 

body {
	background-color:#d1d1d1;
	background-image:url('template/images/bggrad.png');
	background-repeat: repeat-x;
	font-family: Verdana, Arial, sans-serif;
    font-size: .74em;
	z-index:0;
}

a {
	color: #B22037;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
.suggestionsBox {
    position: relative;
    left: 30px;
    margin: 10px 0px 0px 0px;
    width: 200px;
    background-color: #212427;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 2px solid #000;
    color: #fff;
}
.suggestionsBoxnav {
    position: relative;
    left: 0px;
    margin: 10px 0px 0px 0px;
    width: 145px;
    background-color: #212427;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 2px solid #000;
    color: #fff;
	text-align:left;
}
.suggestionList {
    margin: 0px;
    padding: 0px;
}

.suggestionList li {
    margin: 0px 0px 3px 0px;
    padding: 0px;
    cursor: pointer;
	list-style-type: none;
}

.suggestionList li:hover {
    background-color: #659CD8;
}
#hojulogo {
	position:absolute;
	background-image:url(template/images/headerlogo.png);
	width:670px;
	height:166px;
	left:50%;
	margin-left:-440px;
	top:48px;
	z-index:10;
}
#tooltip { 
    display:none; 
    background:transparent url(jquery/tooltip/black_arrow.png); 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#fff;     
}
#nav {
	position:relative;
	background-image:url('template/images/settingsbar.png');
	background-repeat: repeat-x;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:25px;
	padding-left:15px;
	text-align:right;
	line-height:40px;
	margin-bottom:25px;
}
tr { }
  .forumhighlight { background-color: #CCCCCC }
.forumnormal {  }

#box1 {
	position:absolute;
	top: 23px;
	left: 10px;
}
#box2 {
	position:absolute;
	top: 194px;
	left: 11px;
}
#box3 {
	position:absolute;
	top: 364px;
	left: 33px;
}
#box4 {
	position:absolute;
	top: 532px;
	left: 16px;
}
#box5 {
	position:absolute;
	top: 704px;
	left: 37px;
}
#loginlink {
	position:absolute;
	width:300px;
	left:50%;
	margin-left:200px;
	top:205px;
	z-index:9;
	font-size:10px;
	font-weight:bold;
}

#sliderWrap {
	position:absolute;
margin: 0 auto;
width: 00px;
top:0px;
left:50%;
margin-left:-850px;
margin-top: -156px;
z-index:5;
}
#slider {

position: absolute;
background-image:url('template/images/headerbg.png');
background-repeat:no-repeat;
background-position: bottom;
width: 1000px;
height: 190px;
margin-top: -240px;
z-index:5;
}
#slider img {
border: 0;
}
#sliderContent {
	padding-top:70px;
	padding-right:500px;
text-align:center;
font-weight:bold;
padding-left:650px;
}

#openCloseWrap {
position:absolute;
margin: 190px 0 0 190px;
font-size:12px;
font-weight:bold;
}

#rightbar {
	position:fixed;
	background-color:#1b587c;
	left:50%;
	margin-left:335px;
	width:170px;
	z-index:0;
	height:100%;
}

#rightboxes {
	position:absolute;
	background-image:url('template/images/barbox.png');
	top:260px;
	left:50%;
	margin-left:335px;
	width:170px;
	height:850px;
	z-index:5;
}

#topbanner {
	position:absolute;
	top:240px;
	left:50%;
	margin-left:-250px;
	width:500px;
	height:50px;
	z-index:5;
}

#hojuheader 
{
	position:relative;
	padding-top:50px;
	top:50px;
    margin: 0 auto;
    width: 1000px;
	height: 190px;
	background-image:url('template/images/headerbg.png');
	background-repeat: no-repeat;
	z-index:1;
   
}

#header h1 { padding-left: 30px; padding-top: 22px; font-size: 1.4em; color: #FFF; }
#header h1 a { font-size: 1.4em; color: #FFF; text-decoration: none;}
#header h2 { padding-right: 30px; padding-top: 0px; font-size: .8em; color: #FFF; text-align:right;}
#headerlogin {
	position:relative;
	margin: 0 auto;
    width: 100px;
	height: 50px;
	z-index:1;
	padding-left:0px;
}
#headerlogin h4 { padding-right: 30px; padding-top: 0px; font-size: .8em; color: #000; text-align:right;}
#headerlogin h4 a { padding-right: 30px; padding-top: 0px; font-size: .8em; color: #000; text-align:right;}

#wrap {
    margin: 0 auto;
    width: 615px;
	background: url('template/images/midmid.png');
	background-repeat: repeat-y;
	z-index:1;
}

#topwrap {
background: url('template/images/midtop.png');
background-repeat: no-repeat;
width: 615px;
height: 28px;
margin: 0 auto;
z-index:1;
}

#botwrap {
background: url('template/images/midbot.png');
background-repeat: no-repeat;
width: 615px;
height: 28px;
margin: 0 auto;
z-index:1;
}




#left {
	position:absolute;
	top:210px;
	left:50%;
	margin-left:-570px;
	background-image:url(images/left.png);
	width:292px;
	height:767px;
	z-index:1;
}

.left {
	position:absolute;
	left:80px;
	padding-top:100px;
	width: 160px;	
	margin: 0 10px 0 10px;
	z-index:5;
	}

.left ul {
	padding: 0px 0px 15px 0px;
	margin:0;
		z-index:5;
}

.left li {
	margin-bottom:5px;
	list-style-type: none;
	color: #B22037;
	background-image:url(images/button.png);
	height: 30px;
	padding: 5px;
	font-size: .9em;
		z-index:5;
}

.left li a{ color: #fff;
padding: 10px;
line-height:20px;
font-weight:bold;
}
#right {
	position:fixed;
	top:100px;
	left:50%;
	margin-left:307px;
	background-image:url(images/right.png);
	width:292px;
	height:767px;
	z-index:1;
	opacity:0.1;
	filter:alpha(opacity=10);
}
#menu {
	position:absolute;
	top:0px;
	left:50%;
	margin-left:0px;
	width: 160px;	
	margin: 0 10px 0 10px;
	z-index:5;
	
}
#content {
padding: 0 30px 0 30px;
z-index:5;
position:relative;
width:570px;
}

.right {
	float: left;
	width: 525px;
	margin: 0 10px;
	font-size: 1em;
	color: #222;
}

.left {
	position:absolute;
	top:0px;
	margin-left:-500px;
	width: 160px;	
	margin: 0 10px 0 10px;
	z-index:5;
	}

.left ul {
	padding: 0px 0px 15px 0px;
	margin:0;
		z-index:5;
}

.left li {
	margin-bottom:5px;
	list-style-type: none;
	color: #B22037;
	background-image:url(images/button.png);
	height: 30px;
	padding: 5px;
	font-size: .9em;
		z-index:5;
}

.left li a{ color: #fff;
padding: 10px;
line-height:20px;
font-weight:bold;
}
.right h2 { color: #B22037; font-size: 14px; margin-bottom: 10px;}

#clear {
	display: block;
	clear: both;
	width: 100%;
	height:1px;
	overflow:hidden;
}

#footer {
	
    margin: 0px auto 0 auto;
	text-align: center;
	padding: 10px 0 10px 0;
	color: #666;
}

img { border: none;}
