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

body {
	background			:#000;
	background-image	:url(../images/pgbackgrnd.gif);
	background-repeat	:repeat-x; 
	font-family			:arial,sans-serif,verdana,helvetica;
	font-size			:12px;
	color				:#adadad;
	line-height			:1.4;
	margin				:0;
	padding				:0;
}

a {color: #CCC;}
a:hover {color: #ffffff;}

/*Frame work*/
#outer {
    width: 950px;
    background-color:#000;
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    border: 7px solid #333;
}

#lbmheader {
	/*background:url(../images/header.gif) left top;*/
	width: 950px;
	height: 75px;
}

#nav {
    width: 950px;
	height:40px;
    padding: 0px;
    margin-top: 1px;
    font-size:9px;
    border-top: 1px solid #999;
}

#banner {
	background:center;
	background:top;
    margin-top: 12px;
    margin-bottom: 12px;
    width: 950px;
    height: 100px;
    padding: 0px;
}

#main {
    width: 950px;
    padding: 0px;
}

#footer {
    padding: 0px;
    margin: 0px;
    border-top: thin solid #000000;
    text-align: center;
}

#footer hr {
	border: 0;
	width:940px;
	margin-left: auto ;
 	margin-right: auto ;
	background-color: #666;
	padding:0px;
	color:#666;
	height:1px;
}

/*Navigation*/
#tab-nav  {
	background:url(../images/tab.gif) left top repeat-x;
	padding-left:40px;
	padding-right:8px;
	float: left;
	height:40px;
	font-size:13px;
	margin: 0;
	border-top:1px solid #666;
}

#tab-nav li{
	display:inline;
	margin:0;
	float:left;
	height:39px;
	width:150px;
	border-bottom:1px solid #666;
}

#tab-nav li a{
	background:url(../images/tab-divider.gif) left top no-repeat;
	display:block;height:39px;
	line-height:39px;
	text-decoration:none;
	text-align:center;
	color:#CCC;
}

#tab-nav li a:hover{
	text-decoration:none;
	color:#ffffff;
}

#tab-nav li.selected{
	background:url(../images/tab-selected.gif) left top repeat-x;
	width:150px;
	height:40px;
	border-bottom:none;
	border-right:2px solid #000;
}

#tab-nav li.selected a{
	background:url(../images/tab-selected-divider.gif) left top no-repeat;
	padding-left:1px;
	height:40px;
	color:#963;
}

/*search box*/
#search_box {
	float:right;
	margin-top:15px;
	margin-right:15px;
    	width: 200px;
    	height: 25px;
    	background: url(../images/search-bkgrnd.gif);
}
#search_box #s {
    	float: left;
    	padding: 0;
    	margin: 4px 0px 0px 4px;
    	border: 0;
    	width: 170px;
    	background: none;
	color:#adadad;
	vertical-align:middle;
}
#search_box #go {
    float: right;
    margin: 0px;
}


/*boxes*/
#box {
	float: left;
	display: inline;
	background-color:#000;
	margin-top: 8px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 1px;
	border: 1px solid #666;
}

#boxheader {
	background:url(../images/boxtop.gif) left top repeat-x;
	float: left;
	width: 100%;
	height: 32px;
}

#boxheader p {
	font-size:13px;
	padding: 5px;
	margin: 0px;
}

/*scroller*/
#scrollcontainer {
	position	: relative;
	float		: left;
	display		: inline;
	width		: 208px;
	height		: 393px;
	background	: #0000;
	overflow	: hidden;
}

#scrollcontent {
	position	: relative;
	width		: 200px;
	left		: 5px;
}

#scrollArea {

	float		: right;
	display		: inline;
	background	: #111;
	left		: 213px;
	top			: 10px;
	height		: 393px;
	width		: 10px;
	border-top	: 1px solid #666;
	border-bottom	: 1px solid #666;
	border-left	: 1px solid #666;
	overflow	: hidden;
}

#scroller {
	position	: relative;
	top		: -1px;
	width		: 10px;
	background	: #333;
	border-top	: 1px solid #666;
	border-bottom	: 1px solid #666;
}

a.imagelink {
	display: inline;
	float: left;
 	border: 1px solid #333;
	width: 197px;
	height: 85px;
    	margin-top: 15px;
	margin-left: 13px;
}

a.imagelink:hover {
 	border: 1px solid #CCC;
}

a.smallimagelink {
	display: inline;
	float: left;
 	border: 1px solid #333;
	width: 197px;
	height: 65px;
    	margin-top: 10px;
	margin-left: 13px;
}

a.smallimagelink:hover {
 	border: 1px solid #CCC;
}