@charset "utf-8";
/* CSS Document */

/*global reset*/
* {
margin:0;
padding:0;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

body {
background:url(../images/bg.jpg) repeat;
text-align:center;
margin:50px 0px;
scrollbar-3dlight-color:#c6735a;
scrollbar-arrow-color:#990000;
scrollbar-track-color:#87100b;
scrollbar-darkshadow-color:#990000;
scrollbar-face-color:#c6735a;
scrollbar-highlight-color:#990000;
scrollbar-shadow-color:#c6735a;
}

#pane p {
padding: 0 60px 0 0
}

#container {
width:810px;
height:509px;
background-image:url(../images/base.jpg);
background-repeat: no-repeat;
margin:0px auto;
/*border:1px #000000 solid;*/
}

#content-table {
width:100%;
height:320px;
}

.content-column {
width:50%;
text-align:center;
vertical-align:top;
padding:6px 0 0 0;
}

#content-column-2 {
width:100%;
vertical-align:top;
padding:0 0 0 0;
}

#header {
padding:5px;
height:69px;
background: transparent url(../images/bg_header.gif) center no-repeat;
}

#contents {
height:320px;
}

.style3 {
font-size: 12px
}

.style4 {
	font-size: 14px;
	font-weight: bold;
}

.style5 {
font-size: 12px; font-weight: bold; 
}

.style7 {
font-size: 12px; font-style: italic;
}

.style8 {
color: #333333;
font-weight: bold;
}

.style9 {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}

.style10 {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

.style11 {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color:#990000
}

.style12 {
font-size: 11px;
font-weight: bold;
}

.style13 {
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color:#990000
}

.style14 {
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}

.style16 {
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color:#990000
}

#footer {
height:99px;
background: url(../images/bg_footer.gif) center no-repeat;
}

#logo {
float:left;
width:41%;
padding-top:9px;
}

#hometab {
float:right;
width:10%;
padding-top:64px;
padding-right:21px;
}

/*menu settings*/
#nav{
float:right;
width:374px;
margin:10px 25px 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
white-space:nowrap;
background-image: url(../images/rectclass.gif);
border:solid thin;
border-color: #660000;
}

#nav ul {
list-style: none;
height:14px;
}

#nav li {
display:inline;
float:left;
position: relative;
line-height:14px;
}

#nav a {
display: block;
font-size:11px;
padding:0px 5px 0px 10px;
text-decoration:none;
color:#FFFFCC;
}

#nav a:hover {
color: #660000;
background-image: url(../images/bar3.gif);
}

#product_1 a:hover {
background-image: url(../images/product_1_over.gif);
}

/* second-level lists */
#nav li ul {
display:none;
position:absolute;
overflow:hidden;
margin: 0;
height:auto;
color:#660000;
}

/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
li > ul {
top: auto;
left: auto;
}

#nav li li {
display:block;
line-height:15px;
/*font-size:15px;*/
width:100%;
background-image:url(../images/bar4.gif);
border:solid thin;
border-color:#660000;
}

#nav li li a {
background:none;
text-align:left;
color: #660000;
display:block;
width:100%;
}

#nav li li a:hover {
text-indent:0px;
background-image: url(../images/bar3.gif);
}

#menu1 {
z-index:10;
width:105px;
}

#menu2 {
z-index:10;
width:78px;
} 

/*eof menu settings*/

/*scroll pane settings*/

.holder {
float: left;
}
#pane {
height: 290px;
}
.scroll-pane {
width: 390px;
overflow: auto;
left: 0px;

}

div.scrollbar {
height: 290px;
width: 390px;
overflow: auto;
left: 0px;
}

a.jScrollArrowUp {
				background: url(basic_arrow_up.gif) no-repeat 0 0;
			}
			a.jScrollArrowUp:hover {
				background-position: 0 -15px;
			}
			a.jScrollArrowDown {
				background: url(basic_arrow_down.gif) no-repeat 0 0;
			}
			/*a.jScrollArrowDown:hover {
				background-position: 0 -15px;
			}
			a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
				background-position: 0 -30px;
			}*/
/*eof scroll pane settings*/