@import url(typographie.css);
   
body {padding: 5px 0 0; margin:0px; padding:0px;}
#main {margin-left:auto; margin-right:auto; width:930px;}

#main {margin-left:auto; margin-right:auto; width:930px;}
#menu-bar {width:930px; text-align:center;}
#search-engine {width:930px;height:30px; text-align:center;background-color:#DCEAFF;}
#main #left {width:644px; float:left;margin:0px; padding:5px}
#main #left p {margin:0px; padding:10px; font-size:12px; font-family:Tahoma, Arial, Helvetica, sans-serif; line-height:16px;}

#languages-bar {height:15px; line-height:15px; overflow:hidden; text-align:center;}
#main #languages-bar a {font-size:9px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:blue;}
#main #languages-bar a:hover {color:#blue; text-decoration:none;}


#header {height:130px; width:930px; overflow:hidden;}
#header #logo {width:245px; height:130px; float:left;}
#header #logo img {border:none; margin:6px 0px 0px 9px;}
#header #new-map {width:503px; height:130px; text-align:center; float:left;}
#header #new-map h2 {font-size: 1.5em; padding:57px 0px 0px 0px; color:#FF6600; font-family:Tahoma, Arial, Helvetica, sans-serif; margin:0px;}
#header #boxlogin {float:right;padding-top:20px;;padding-right:10px; }
#header #boxlogin input, #header #boxlogin form {margin:0px; padding:0px;}

#menu-bar {width:930px; text-align:center;}
#main #left {width:670px; float:left;margin:0px; padding:5px}
#main #lefthigh {width:670px; min-height:900px;float:left;margin:0px; padding:5px}

#main #left .commentfooter{
background: url(../img/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 70px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #FFFFFF;
}

.index1 {
	float: left;
	width: 640px;
	height:210px;
	margin-left: 5px;
	margin-top:7px;
	background: #f6f4e4 url(../img/gradient.jpg) repeat-x 0 -25px;
	padding: 5 px;
	font-size: 12px;
}

.index2 {
	float: left;
	width: 305px;
	height:210px;
	margin-left: 5px;
	margin-top:7px;
	background: #f6f4e4 url(../img/gradient.jpg) repeat-x 0 -25px;
	padding: 5px;
	font-size: 12px;
}

.club {
width:230px; 
float:left; 
margin-left: 5px;
margin-top:7px;
background: #ccdce8;
padding: 5 px;
}

#case1{ float:left;  padding:10px;  border:1px;  text-align:left;  width:135px}

.coldroitehome {width:250px; float:left; }

#footer {clear:left; text-align:center; font-size:12px; font-family:Tahoma, Arial, Helvetica, sans-serif; padding:20px 0px 0px 0px;}

/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 275px;
height: 100px;
border: 1px solid black;
padding: 0px;
background-color: lightyellow;
padding-left:3px;

}
.tableClass{
font:Verdana, Arial, "Arial Black", "Times New Roman";
color:#000000;
font-size:13px;
}

.tableRow{
font:Verdana, Arial, "Arial Black", "Times New Roman";
color:#000000;
font-size:13px;
border-bottom:#a4d2e8;
border-bottom-style:solid;
border-bottom-width:thin;
}
.tableRow:hover{
font:Verdana, Arial, "Arial Black", "Times New Roman";
color:#333333;
font-size:13px;
background-color:#b3dff4
}


#pscroller2{
width: 275px;
height: 100px;
border: 1px solid black;
padding: 0px;
background-color: lightyellow;
padding-left:3px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}

.ref
{
font:Verdana, Arial, "Arial Black", "Times New Roman";
color:#000000;
font-size:13px;
text-decoration:none;
}
.ref:hover
{
text-decoration:none;
}

.storytitle
{
	font-size:12px;
	font:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#0066CC;
}
.storytitle:hover
{
	font-size:12px;
	font:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#003399;
}
.storydesc
{
	font-size:11px;
	font:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000033;
}

/*Adi Modifications*/
#bg_bg{
background-image:url(../img/adi2.jpg);
background-position:center top;
background-repeat:repeat-x;
height:342px;
left:0px;
position:absolute;
top:0px;
width:100%;
z-index:1;
}
#shadow{
background:url(../img/adi.jpg) center top;
position: absolute;
z-index:2;
width:952px;
top:0px;
left:2.5%;
}


/*  Style for the tabs  */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.ddoverlap{
border-bottom: 1px solid #bbb8a9;
}

.ddoverlap ul{
padding: 0;
margin: 0;
font: bold 90% default;
list-style-type: none;
}

.ddoverlap li{
display: inline;
margin: 0;
}

.ddoverlap li a{
padding: 3px 7px;
text-decoration: none;
padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
color: blue;
background: transparent url(../img/righttabdefault.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/
border-left: 1px solid #dbdbd5;
position: relative;
display: block;
float: left;
margin-left: -20px; /*shift tabs 20px to the left so they overlap*/
left: 20px;
}

.ddoverlap li a:visited{
color: blue;
}

.ddoverlap li a:hover{
text-decoration: underline;
}

.ddoverlap li.selected a{ /*selected tab style*/
color: black;
z-index: 100; /*higher z-index so selected tab is topmost*/
top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
background: transparent url(../img/righttabselected.gif) 100% 0 no-repeat;
}

.ddoverlap li.selected a:hover{
text-decoration: none;
}

<!--[if IE]>
<style type="text/css">
.ddoverlap{
height: 1%;  /*Apply Holly 3px jog hack to get IE to position bottom border correctly beneath the menu*/
}


/* ====================MENU CSS============================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.preload1 {background: url(<?php echo $root; ?>prodrop4/pro_drop4_2a.gif);}
.preload1 {background: url(<?php echo $root; ?>prodrop4/pro_drop4_2b.gif);}

.prodrop4 {padding:0 0 0 32px; margin:0; list-style:none; height:36px; background:transparent url(<?php echo $root; ?>prodrop4/pro_drop4_back.gif); position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.prodrop4 li.top {display:block; float:left;}
.prodrop4 li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#666; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;background: url(<?php echo $root; ?>prodrop4/pro_drop4_0a.gif) no-repeat;}
.prodrop4 li a.top_link span {float:left; display:block; padding:0 20px 0 10px; height:36px;background:url(<?php echo $root; ?>prodrop4/pro_drop4_0b.gif) right top;}
.prodrop4 li a.top_link:hover {color:#000; background: url(<?php echo $root; ?>prodrop4/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li a.top_link:hover span {background:url(<?php echo $root; ?>prodrop4/pro_drop4_2b.gif) no-repeat right top;}

.prodrop4 li:hover > a.top_link {color:#000; background: url(<?php echo $root; ?>prodrop4/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li:hover > a.top_link span {background:url(<?php echo $root; ?>prodrop4/pro_drop4_2b.gif) no-repeat right top;}


.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop4 ul.sub1 {width:160px;}
.prodrop4 ul.sub2 {width:240px;}
.prodrop4 ul.sub3 {width:210px;}
.prodrop4 ul.sub4 {width:200px;}
.prodrop4 ul.sub5 {width:200px;}
.prodrop4 ul.sub6 {width:200px;}
.prodrop4 ul.sub7 {width:200px;}

.prodrop4 :hover ul {left:0; top:35px; background: #b9d3fb; padding:3px; border:1px solid #3a93d2; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}
.prodrop4 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.prodrop4 :hover ul li a {display:block; font-size:11px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; text-decoration:none;}
.prodrop4 :hover ul li a:hover {background:#3a93d2; color:#fff;}