/*----------------------------------------------------------------------------*/
/*      Body and Page                                                         */
/*----------------------------------------------------------------------------*/
body
{
  margin:0px;
  padding:0px;
  line-height:1.6em;
  background:#fff url(../images/background.gif) top center repeat-y;
  color:#333;
}

#page
{
  width:876px;
  _width:872px;
  margin:0 auto;
  margin-bottom:0px;
  border-left:1px solid black;
  border-right:1px solid black;
  border-bottom:0px solid black;
  position:relative;
  background:#eee url(../images/page_bg.jpg) top left no-repeat;
  background-position:0px 205px;
  color:#333;
  display:block;
}

/*----------------------------------------------------------------------------*/
/*      Top Navigation                                                        */
/*----------------------------------------------------------------------------*/
#top_menu
{
	height:25px;
	width:764px;
}
#top_menu ul
{
	width:876px;
	_width:872px;
	height:25px;
    list-style:none;
    margin:0px;
    padding:0px;
    position:absolute;
	background:#0066ff;
}
#top_menu ul li
{
	float:left;
	margin:0px;
    padding:0px;
    margin-top:0px;
    border-bottom:0px solid black;
	margin-bottom:0px;

}
#top_menu ul li a, #top_menu ul li a:visited
{
    display:block;
    _display:inline;
	height:25px;
    padding-left:10px;
	padding-right:10px;
    text-decoration:none;
    font:bold 12px/25px arial;
    color:#eee;
}
#top_menu ul li a:hover
{
    color:white;
	background:#4b9010;
}
#top_menu ul li:hover ul, #top_menu ul li.over ul
{
	display:block;
}
#top_menu ul li ul
{
	display:none;
	position:absolute;
	margin-top:0px;
	border:0px solid black;
	width:200px;
	-moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
	_margin-top:20px;
	_margin-left:-70px;
}
#top_menu ul li ul li 
{
	width:200px;
}
#top_menu ul li ul li a, #top_menu ul li ul li a:visited 
{ 
	background:#0066ff;
	_display:block;

} 
#top_menu ul li ul li a:hover 
{ 
	background:#4b9010;
}
#top_menu ul li a.arrow 
{ 
	background:transparent url(../images/menu_arrow_bg.gif) top right no-repeat; 
}
#top_menu ul li a:hover.arrow 
{ 
	background:transparent url(../images/menu_arrow_hover_bg.gif) top right no-repeat; 
}

/*----------------------------------------------------------------------------*/
/*      Page Banner                                                           */
/*----------------------------------------------------------------------------*/
#banner{
  height:180px;
  width:876px;
  background-position:0 25;
  border-bottom:0px solid #222;
  background-color:#000;
  background-image:url(../images/page_banner.jpg);
  border-color:black;
}

/*----------------------------------------------------------------------------*/
/*     Page Footer                                                            */
/*----------------------------------------------------------------------------*/
#footer
{
	_float:left;  
	clear:both;
	background:transparent url(../images/page_footer.gif) top left repeat-x;
  	border-bottom:1px solid black;
}

/*----------------------------------------------------------------------------*/
/*      Left Column - Menu                                                    */
/*----------------------------------------------------------------------------*/
#left_column
{
  width:112px;
  height:auto;
  float:left;
  margin-bottom:2px;
  background:transparent;
  border-color:black;
}

/*----------------------------------------------------------------------------*/
/*      Middle Column                                                     */
/*----------------------------------------------------------------------------*/
#middle_column
{
    display:block;
	float:left;
    width:651px;
    height:1%;
    margin:0px;
    background:transparent;
}

/*----------------------------------------------------------------------------*/
/*      Right Column - Adverts                                                    */
/*----------------------------------------------------------------------------*/
#right_column
{
  width:112px;
  padding-top:12px;
  height:auto;
  float:left;
  margin-bottom:2px;
  background:transparent;
  border-color:black;
}

/*----------------------------------------------------------------------------*/
/*      Advertisment Divs                                                     */
/*----------------------------------------------------------------------------*/
#vertical_advert
{
    display:block;
    margin-top:10px;
	margin-left:4px;
}
#vertical_advert img
{
    border:1px solid #ccc;
}
.hot_link_title
{
	margin-left:-3px;
	width:110px;
	height:17px;
	margin-bottom:5px;
	margin-top:-1px;
	background:#000 url(../images/hot_links.gif) top center no-repeat;
	border:1px solid #ccc;
}
#cmpny_logo
{
	display:block;
	margin-left:-3px;
	margin-top:0px;
}
#cmpny_logo img
{
	border:1px solid #ccc;
}

#horizontal_advert
{
	width:876px;
	text-align:center;
	display:block;
	padding-top:15px;
	padding-bottom:5px;
}

#horizontal_advert img
{
	margin:0px;
	padding:0px;
    border:1px solid black;
}

/*----------------------------------------------------------------------------*/
/*      Article Listings                                                      */
/*----------------------------------------------------------------------------*/
.article_entry
{
	_float:left;
	_width:633px;
	height:89px;
	display:block;
    background:#fff;
    margin:10px 0px;
    _margin:5px 0px;
}
.article_entry .left_image
{
	float:left;
    padding:0px;
    margin:0px;
}
.article_entry .left_image .thumbnail
{
	display:block;
    border:0px;
    margin:0px;
    padding:0px;
}

.article_entry .description
{
	float:left;
	height:89px;
	width:423px;
	display:block;
}

.article_entry .description .title
{
	float:left;
	width:430px;
    padding-left:2px;
    margin:0px;
    margin-bottom:5px;
    _margin-bottom:0px;
    padding-top:2px;
    font:bold 0.8em arial;
    color:black;
	background:#fff url(../images/entry_title_back.jpg) bottom left no-repeat;
}

.article_entry .description .blurb
{
	_float:left;
	padding:10px;
	padding-left:0px;
    color:black;
    font:normal 0.7em verdana;
    text-align:justify;
}

.article_entry .description .link, .link:visited
{
	color:#0072FF;
    text-decoration:underline;
    font-size:0.8em;
    font-weight:bold;
}

.article_entry .description .link:hover
{
    color:orange;
}

/* ---------------------------------------------------------------------------*/
/*                        XHTML Validator                                     */
/*----------------------------------------------------------------------------*/
#validator
{
    background:transparent;
    width:108px;
    text-align:center;
	display:block;	
	padding-top:10px;
	margin-bottom:5px;
}
#validator img
{
    border:0px solid black;
}

/* ---------------------------------------------------------------------------*/
/*                        AJAX Slideshow                                      */
/*----------------------------------------------------------------------------*/
.jdSlideshow
{
	display: none;
	overflow:hidden;
	position: relative;
}

.jdSlideshow img
{
	border: 0;
	margin: 0;
}

.jdSlideshow .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: top left;
}

.jdSlideshow .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/loading-bar-black.gif);
}

.jdSlideshow .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #333;
	color: #fff;
	text-indent: 0;
	display:none;
}

.jdSlideshow .slideInfoZone h2
{
	padding: 0;
	margin: 0;
	margin: 4px 5px;
	color: inherit;
	font:bold 12px arial;
}

.jdSlideshow .slideInfoZone p
{
	padding: 0;
	margin: 2px 5px;
	color: #eee;
	font:normal 12px arial;
}

.jdSlideshow a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdSlideshow a.right, .jdSlideshow a.left
{
	position: absolute;
	height: 100%;
	width: 40%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

* html .jdSlideshow a.right, * html .jdSlideshow a.left
{
	filter:alpha(opacity=50);
}

.jdSlideshow a.right:hover, .jdSlideshow a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdSlideshow a.left
{
	left: 0;
	top: 0;
	background: url(../images/fleche1.png) no-repeat top left;
}

* html .jdSlideshow a.left { background: url(../images/fleche1.gif) no-repeat top left; }

.jdSlideshow a.right
{
	right: 0;
	top: 0;
	background: url(../images/fleche2.png) no-repeat top right;
}

* html .jdSlideshow a.right { background: url(../images/fleche2.gif) no-repeat top right; }