﻿/* this is for mian page */
body {
	margin: 0;
	padding: 0;
	background: 94;
	font: normal 14px "Times New Roman", Times, serif;
	color: #7f7f7f;
	line-height: 150%;
}
#header {
	margin:0; padding:0;
	width:100%; height:84px;
	background:#e1ebef url(homeimages/header-bg.jpg) no-repeat top;
}
#header img { margin: 10px 0px 5px 10px;}
#logo-back {
	margin:0; padding:0;
	width:100%; height:92px;
	background:url('homeimages/logo-back.gif') no-repeat bottom left;
}
.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
/*- Nav -*/
#categories {
	margin:0; padding:0;
	width:auto; height:auto;
	background:#fefefe;
	border-bottom: 10px #ffcd03 solid;
}
#category-list {
	margin:0; padding:0;
}
#category-list li {
	margin:0 0px 0 0px !important; 
	padding:0px;
	float:left;
	list-style: none;
	line-height:35px;
}
#category-list li a{
	/*padding:14px 15px;*/
	padding: 10px 34px;
	display: block;
	font: bolder 1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}

#category-list li a:hover{
	color:#fefefe;
}

#category-list li ul li a{
	padding:10px 10px 10px 10px;
    display:block
}
#category-list li.current-cat, #category-list li:hover {
	background:#666666; color:#fefefe;
}
#category-list li ul {
	position: absolute;
	width: 15em;
	left: -999em;
	margin:0;
	padding:0; 
}
#category-list li:hover ul, #category-list li.sfhover ul {
	left: auto;
	z-index:1000;	
}
#category-list li ul li {
    background: #FFFFFF;
	border-bottom:1px solid #d7e5e9;	
	border-left:1px solid #d7e5e9;	
	border-right:1px solid #d7e5e9;			
	line-height:28px;	
	width:15em;
	margin:0px;
}
#category-list li:hover, #category-list li.hover {
    position: static;
}
#category-list li ul ul {
	margin: -35px 0 0 15em;
}
#category-list li:hover ul ul, #category-list li.sfhover ul ul {
	left: -999em;
}
#category-list li:hover ul, #category-list li li:hover ul, #category-list li.sfhover ul, #category-list li li.sfhover ul {
	left: auto;
}
#category-list li:hover ul ul, #category-list li:hover ul ul ul, #category-list li.sfhover ul ul, #category-list li.sfhover ul ul ul {
	left: -999em;
}
#category-list li:hover ul, #category-list li li:hover ul, #category-list li li li:hover ul, #category-list li.sfhover ul, #category-list li li.sfhover ul, #category-list li li li.sfhover ul {
	left: auto;
} 
/*- Search -*/
#search {
	margin:0px 0px 0 0;
	float:right; background:#000000；
}
.search-form {
	margin:0; padding:0;
	height:33px; width:230px;
	background:url('homeimages/search-bar.gif') repeat-x top center;
}
.search-box {
	margin:7px 10px 0 10px; padding:2px;
	width:130px; height:auto;
	background: transparent;
	font:1em Arial, Helvetica, sans-serif; color:#FFF;
	border:0; float:left; display:inline;
}
.search-button {
	margin:1px 0 0 0;
	width:71px; height:31px;
	float:right;
}
/*- styling -*/
.centerimg{ border: 8px solid #ffffff; float:left;}
.container {
	margin:0 auto; padding:0;
	width:914px; height:auto;
}
.rightpanel a { text-decoration:none; color:#ffffff;}
.rightpanel a:hover { text-decoration:underline; color:#ffffff;}
.newspadded{ padding:10px; color: #000000; font-size: 14px;}
.newspadded a {color:#708697; text-decoration:none; font: bold 12px Arial, Helvetica, sans-serif;}
.newspadded p {font: normal 11px Arial, Helvetica, sans-serif;}
.box2 {	background:#FFFFFF url(homeimages/bg-box2.jpg) top repeat-x; height: 130px; float: left; width:760px; padding: 4px 0px 4px 0px;}
.box3 {background:#FFFFFF url(homeimages/bg-box3.jpg) bottom repeat-x; padding: 0px; height:56px; border-top: 10px #ffcd03 solid; clear:both;}
.rightpanel { width: 166px; padding: 14px 10px 14px 10px; background:#FFFFFF url(homeimages/bg-right.jpg) left repeat-y; height:100%; font: normal 10px Arial, Helvetica, sans-serif; color: #FFFFFF; line-height:10px;}
.rightpanel img { float: left; margin:6px 10px 6px 0px;}
.rightpanel .cleaner {clear: left; line-height: 0; height: 0;}
.white14bold { font: bold 14px Arial, Helvetica, sans-serif; color:#FFFFFF;}
.liner{ margin: 10px 5px 10px 5px; background-color:#FFFFFF; height:1px; clear:both;} 
.divider { width: 9px; background: url(LOBA/bg-divider.png) repeat-y;}
.mainimg{ border: 8px solid white; background-color:white; background: url(LOBA/bg.jpg) no-repeat; height: 410px;}
.mainimgcaption{ top: -5px; left: 20px; width: 770px; height: auto; overflow:hidden; position:relative; color:#ffffff; line-height:normal; font: normal 20px Arial, Helvetica, sans-serif}
.headerse {
	height: 94px;
	overflow: hidden;
}
