/* CSS Document */

body  {margin:0;padding:0;}

html {margin:0;padding:0;font-family:Arial, Helvetica, Verdana, sans-serif;font-size:12px;font-weight:normal;background-color:#ffffff;}

ul{list-style:none;margin:0;padding:0;}
li.general {list-style:none;margin:0;padding:0;}
li a {text-decoration:none;color:black;}
h1 {font-size:19px;font-weight:normal;color: #e74339;}
h4{font-size:14px;font-weight:normal;color: #666666;}
h3{font-size:14px;font-weight:normal;}
img {display: block;border:none;}
img p {margin:0;padding:0;}

#logo{background-image:url(images/Bonnelle_Logo.jpg);background-position: 16px 20px;width:756px;height:70px;background-repeat:no-repeat;}
#dot{background-image:url(images/gd.jpg);background-position: 30px 20px;width:756px;height:90px;background-repeat:no-repeat;}
#ring{background-image:url(images/ring.jpg);}
#center {background-color:white;border: 5px solid #000000;width:756px;margin:auto;margin-top:12px;}
#center a {text-decoration:none;color:#666666;}
.active {background-image:url(images/subnavi_active.jpg);width:185px;padding:0;margin:0;}
.current {font-weight:normal;color:#047446 !important;}
.normal {background-image:url(images/border.gif);background-repeat:no-repeat;padding:0;margin:0;}
#center a:hover {COLOR: #e74339; TEXT-DECORATION: none; font-weight: none}
#center p.leftlogo {
color:#666666;
float:left;
margin:10px 0 0 20px;
width:222px;
}
#center p.rightlinks {
color:#666666;
float:right;
margin:0px 20px 0 0;
width:175px;
}
#content {background-image:url(images/line_vert.gif);background-repeat:repeat-y;float:left;width:740px;margin-left:8px;padding-left:8px;margin-top:12px;padding-bottom:45px;}
#content a{COLOR: #666666; TEXT-DECORATION: none; font-weight: none}

#footer {background:#ffffff repeat-x scroll 0 0;height:30px;width:700px;margin-left:8px;padding-left:8px;}
#footer a {text-decoration:none;color:#000000;}
#footer a:hover {COLOR: #000000; TEXT-DECORATION: none; font-weight: none}
#footer p.copyright {
color:#ffffff;
margin-left:8px;
width:740px;
}
#powered{
width:756px;
margin:auto;
}
.popup{
width: 300px; border: 0px solid black; background-color:#d0d3d7; color: #666666;padding: 10px 10px 10px 10px;"
}
ul.arrow {
  list-style-image:url('images/arrow.jpg');
}
img { 
padding : 0px;
border : 0px solid #caff7a;
} 
img.floatTL { 
float : left;
margin-right : 10px;
margin-bottom : 5px;
margin-top : 5px;
margin-left : 0;
} 
img.floatTR { 
float : right;
margin-left : 7px;
margin-bottom : 0;
margin-top : -2px;
margin-right : 10px;
} 
#wrapper { 
margin : 0 auto;
width : 822px;
} 
#header { 
color : #333;
width : 820px;
float : left;
border : 1px solid #ccc;
height : 200px;
margin : 10px 0 5px 0;
background : #fffffe url(images/header.jpg) no-repeat bottom left;
} 
.logo { 
float : right;
} 
.logo h1#lineone { 
font-size : 1.7em;
font-weight : lighter;
padding-left : 28px;
padding-right : 30px;
color : #99ff32;
border : none;
top : 0;
left : 14px;
letter-spacing : -1px;
} 
.logo h1#lineone span { 
color : #7e7e7e;
} 
.logo h2#linetwo { 
padding-left : 45px;
font-size : 0.9em;
text-transform : none;
top : 25px;
left : 14px;
color : #7e7e7e;
} 
#header h3 { 
color : #91df0a;
font-size : 1.5em;
margin-top : 80px;
margin-left : 66px;
margin-bottom : -15px;
} 
#header em { 
margin-left : 38px;
} 
#navigation { 
float : left;
width : 756px;
margin : 0 0 0 0;
} 
.menu { 
width : 100%;
font-size : 93%;
line-height : normal;
} 
.menu ul { 
margin : 0;
padding : 10px 10px 0 246px;
list-style : none;
} 
.menu li { 
display : inline;
margin : 0;
padding : 0;
} 
.menu a { 
float : left;
background : url("images/tableft.gif") no-repeat left top;
margin : 0;
padding : 0 0 0 4px;
text-decoration : none;
} 
.menu a span { 
float : left;
display : block;
background : url("images/tabright.gif") no-repeat right top;
padding : 5px 15px 4px 6px;
color : #fff;
} 
.menu a span { 
float : none;
} 
.menu a:hover span { 
color : #fff;
} 
.menu a:hover { 
background-position : 0% -42px;
} 
.menu a:hover span { 
background-position : 100% -42px;
}