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

body {
 background: #CCC;
 margin: 40px auto;
 font-family: Tahoma;
 color: #FFF;
}
a:link {
 color:#FFFFCC;
}
a:visited {
 color:#FFFFCC;
}
a:hover {
 color:#FFF;
}
#header {
 width: 760px;
 margin: 0 auto;
}

#wrapper { 
 background: #891716;
 border-right: 2px solid #FFF;
 border-left: 2px solid #FFF;  
 margin: 0 auto 1px;
 width: 756px;
}
#leftcolumn {
 color: #333;
 margin: 0px;
 width: 150px;
 float: left;
}
#leftcolumn #block {
 margin-top: 16px;
 margin-left: 16px; 
 text-align:center;
 background: #701212;
 border: 2px solid #520E0D; 
 padding: 6px;
 height: 220px;
}
#leftcolumn #block h4 {
 color:#FFFFCC;
 font-style:italic;
}
#leftcolumn #block p {
 color:#FFF;
 font-size:13px;
 font-weight:bold;
}
#leftcolumn #block a h5 {
 color:#EFEFEF;
 font-style:italic;
 text-decoration:underline;
}
#leftcolumn #block a:hover h5 {
 color:#FFFFCC;
 font-style:italic;
}
#navigation { margin-top: 20px;}
#navigation ul {
 list-style: none;
 padding: 0;
 margin: 0;

}
#navigation li a {
 display: block;
 padding-left: 10px;
 font-size: 12px;
 color: #666666;
 text-decoration: none;
 background: url(../img/menu_bg.png) no-repeat;
 width: 150px;
 height: 30px;
 line-height: 30px; 
 font-weight: bold;
}

#navigation li a:hover {
 background-position: 0px -30px;
 text-decoration: none;
 color: #FFFFCC;
}

/********** Active MainLevel Links **********/
#navigation li #active_menu {
	background-position: 0px -30px;
	text-decoration: none;
	color: #FFFFFF;
}


#maincolumn { 
 float: right;
 margin: 0px;
 width: 590px;
 display: inline;
}
#heading h3 {
 text-align: center;
 font-weight: bold;
 color: #FFFFCC;
 margin: 15px auto;
}
#content_wrapper {
 background: #520E0D url(../img/main_bottomleft_corner.gif) left bottom no-repeat;
 min-height: 525px;
}
#content_wrapper #content_left { 
 float: left;
 width: 440px; 
 min-height: 525px; 
}
#content_wrapper #content_right img { padding: 5px 0px; }
#content_wrapper #content_right {
 text-align: right;
 padding-top: 30px;
}
#content_wrapper #content_base {
}
#map {
 color:#000000;
}
#footer_bar {
 clear: both;
 color: #FFF;
 margin-left: 120px; 
 text-align: center;
}
#promote_bar h5 {
 color: #FFF;
 padding: 4px;
 margin: 0px;
 text-align: center; 
 background: #653147;
 border-top: 2px solid #520E0D;
 border-bottom: 2px solid #520E0D;  
}
#footer { 
 width: 760px;
 padding: 5px 0 10px;
 background: url(../img/footerbg.jpg) no-repeat;
 margin: 0 auto;
}
#footer p {
 text-align:center;
 font-style:italic; 
 font-weight:bold;
 font-size:13px;
 color:#FFFFCC;
}
#footer a, #footer a:visited {
 color:#FFFFCC;
}
#footer a:hover {
 color:#FFF;
}

/* Spry Tabs ////////////////////////////////////////////////////  */

.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
/*	width: 100%;  IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	list-style: none;
	border-left: solid 1px #771513;
	border-bottom: solid 1px #771513;
	border-right: solid 1px #771513;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}
.TabbedPanelsTabHover {
	background-color: #555;
}
.TabbedPanelsTabSelected {
	background-color: #400000;
	color: #FFFFCC;
}
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
.TabbedPanelsContentGroup {
	clear: both;
	font-size:12px;
}
.TabbedPanelsContent {
	padding: 10px;
}
.TabbedPanelsContent h5 { margin: 0px;}
.TabbedPanelsContent p { margin: 10px 0px;}
.TabbedPanelsContentVisible {
}

/* GALLERY ////////////////////////////////////////////////////  */

#myGallery {
text-align:left;
margin:0 auto;
}

#myGallery,#myGallerySet,#flickrGallery {
width:500px;
height:350px;
z-index:5;
}

#myGallery img.thumbnail,#myGallerySet img.thumbnail {
display:none;
}

.jdGallery {
overflow:hidden;
position:relative;
border:0;
margin:0;
}

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

.jdGallery .slideElement {
width:100%;
height:100%;
background-color:#000;
background-repeat:no-repeat;
background-position:center center;
background-image:url('img/loading-bar-black.gif');
margin-top:0;
}

.jdGallery .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('img/loading-bar-black.gif');
}

.jdGallery .slideInfoZone {
position:absolute;
z-index:10;
width:100%;
left:0;
bottom:0;
height:30px;
background:#333;
color:#fff;
text-indent:0;
overflow:hidden;
margin:0;
}

.jdGallery .slideInfoZone h2 {
font-size:80%;
font-weight:700;
color:inherit;
margin:2px 5px;
padding:0;
}

.jdGallery .slideInfoZone p {
font-size:60%;
color:#eee;
margin:2px 5px;
padding:0;
}

.jdGallery div.carouselContainer {
position:absolute;
height:135px;
width:100%;
z-index:10;
left:0;
top:0;
margin:0;
}

.jdGallery a.carouselBtn {
position:absolute;
bottom:0;
right:30px;
height:20px;
text-align:center;
font-size:13px;
background:#333;
color:#fff;
cursor:pointer;
padding:0 10px;
}

.jdGallery .carousel {
position:absolute;
width:100%;
left:0;
top:0;
height:115px;
background:#333;
color:#fff;
text-indent:0;
overflow:hidden;
margin:0;
}

.jdGallery .carousel .carouselWrapper,.jdExtCarousel .carouselWrapper {
position:absolute;
width:100%;
height:80px;
top:10px;
left:0;
overflow:hidden;
}

.jdGallery .carousel .carouselInner,.jdExtCarousel .carouselInner {
position:relative;
}

.jdGallery .carousel .carouselInner .thumbnail,.jdExtCarousel .carouselInner .thumbnail {
cursor:pointer;
background:#000;
background-position:center center;
float:left;
border:solid 1px #fff;
}

.jdGallery .wall .thumbnail,.jdExtCarousel .wall .thumbnail {
margin-bottom:10px;
}

.jdGallery .carousel .label,.jdExtCarousel .label {
font-size:13px;
position:absolute;
bottom:5px;
left:10px;
margin:0;
padding:0;
}

.jdGallery .carousel .label .number,.jdExtCarousel .label .number {
color:#b5b5b5;
}

.jdGallery a {
font-size:100%;
text-decoration:none;
font-weight:700;
}

.jdGallery a.right,.jdGallery a.left {
position:absolute;
height:99%;
width:25%;
cursor:pointer;
z-index:10;
filter:alpha(opacity=20);
-moz-opacity:0.2px;
-khtml-opacity:0.2px;
opacity:0.2px;
}

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

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

.jdGallery a.left {
left:0;
top:0;
background:url('img/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left {
background:url('img/fleche1.gif') no-repeat center left;
}

.jdGallery a.right {
right:0;
top:0;
background:url('img/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right {
background:url('img/fleche2.gif') no-repeat center right;
}
