body{
background-image: url(../images/background.jpg);
background-repeat: repeat-y;
background-position: center;
background-color: #f7f4ee;
margin:0;
padding:0;
font:12px/18px Arial, Sans Serif;
text-align:justify;
color:#25262A;
}

a{
outline:none;
font-family:"Arial Narrow", Arial, Sans Serif;
font-weight:bold;
color:#CCC;
letter-spacing:2px;
}

a.link{
color:#333;
}

a.read_more{
display:block;
margin-top:10px;
text-align:right;
color:#2A5372;
}
.left_item a.read_more{
color:#FFF;
}

img{
border:none;
}

h1,h2,h3{
margin:0;
padding:0;
font-family:"Arial Narrow", Arial, Sans Serif;
}
h1{
font-size:26px;
}
h2{
font-size:20px;
}
h3{
font-size:18px;
margin-bottom:20px;
}

.title {
	font-size: 18px;
	padding-left: 20px;
	text-align: left;
}

.bread-crumb {
	color: #333;
	font-size: 10px;
	padding-left: 20px;
	text-align: left;
}

ul{
list-style:square;
}

.clearfix{
clear:both;
}

#container{
background-color:#FFF;
width:880px;
margin: 0 auto;
}


#header{
position:relative;
}

#logo{
width:271px;
float:left;
}

#menu{
position:absolute;
right:0;
top:0;
}
#menu a, #footer_menu a{
padding:0 10px;
border-right:1px solid #CCCCCC;
text-decoration:none;
font-size:13px;
color:#333333;
}
#menu a:hover, #menu a.selected, #menu a:hover.selected{
color:#B61616;
}
#menu a.last, #footer_menu a.last{
border-right:none;
}
#menu a.last_selected, #footer_menu a.last_selected{
color:#B61616;
border-right:none;
}

#top{
height:340px;
position:relative;
margin-top:20px;
background:#7A6726 url(../images/top_bg.jpg) repeat-x top left;
color:#FFFFFF;
border:2px solid #CCC;
}
#top_left, #top_right{
width:400px;
height:300px;
padding:20px;
}
#top_left{
overflow:auto;
}
#top_right{
position:absolute;
top:0;
right:0;
}

#images{
height:10px;
margin:1px 0;
}
#images a{
display:block;
width:166px;
padding:0 5px;
height:90px;
float:left;
position:relative;
text-align:center;
text-decoration:none;
color:#333333;
}
#images a.last_img{
padding-right:0;
}
#images a img{
padding:5px;
border:1px solid #CCCCCC;
}
#images a span{
display:none;
}
#images a:hover span{
display:block;
width:156px;
height:25px;
position:absolute;
bottom:4px;
left:10px;
background:url(../images/images_bg.jpg) repeat-x;
line-height:25px;
}
#images a:hover img{
opacity:0.7;
filter: alpha(opacity=60);
}

#left_col{
float:left;
width:440px;
}
.left_item{
background:#7D0F0F url(../images/left_item_bg.jpg) repeat-x top left;
padding:20px;
margin-bottom:20px;
border:2px solid #CCC;
font-size:11px;
color:#FFF;
}

#left_col_body{
float:left;
width:350px;
}
.left_item_body{
background:#FFF repeat-x top left;
padding:20px;
margin-bottom:10px;
border:2px none #CCC;
font-size:11px;
color:#000;
}
.left_item_body img{
float:left;
padding:5px;
margin-right:10px;
border:1px solid #CCC;
}

#full_col_body{
float:left;
width:840px;
}
.full_item_body{
background:#FFF repeat-x top left;
padding:20px;
margin-bottom:10px;
border:2px none #CCC;
font-size:11px;
color:#000;
}
.full_item_body img{
float:left;
padding:5px;
margin-right:10px;
border:1px solid #CCC;
}

#right_col{
float:left;
width:400px;
padding:20px;
}
.right_item{
margin-bottom:30px;
padding-bottom:30px;
border-bottom:1px dotted #CCC ;
}
.right_item img{
float:left;
padding:5px;
margin-right:10px;
border:1px solid #CCC;
}

.shadow {
-moz-box-shadow: 3px 3px 4px #999;
-webkit-box-shadow: 3px 3px 4px #999;
box-shadow: 3px 3px 4px #999;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

#footer{
text-align:center;
padding:20px;
border-top:1px dotted #CCC;
}

#mySlideshow { clear: both; width: 880px; height: 250px; z-index: 5; }
.jdSlideshow { display: none; overflow:hidden; position: relative; }
.jdSlideshow img { border: 0; margin: 0; }
.jdSlideshow .slideElement { width: 100%; height: 100%; background-color: #262B2E; background-repeat: no-repeat; }
.jdSlideshow .loadingElement { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #262B2E; 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: #262B2E; color: #fff; text-indent: 0; }
.jdSlideshow .slideInfoZone h2 { padding: 0; font-size: 18px; margin: 0; margin: 2px 5px; font-weight: normal; color: inherit; }
.jdSlideshow .slideInfoZone p { padding: 0; font-size: 80%; margin: 2px 5px; color: #262B2E; }
.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=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; }
* 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('img/fleche1.png') no-repeat top left; }
* html .jdSlideshow a.left { background: url('img/fleche1.gif') no-repeat top left; }
.jdSlideshow a.right { right: 0; top: 0; background: url('img/fleche2.png') no-repeat top right; }
* html .jdSlideshow a.right { background: url('img/fleche2.gif') no-repeat top right; }

