body
{
	background-color:#180603;
	padding:10px;
	margin:0px auto;
	font-size:1em;
	font-family:ariel, helvetia, sans-serif;
	text-align:center;
	color:#ffffff;
	height:100%;

}
a {
	color : #F6F3CE;
	text-decoration : none;
	font-weight:normal;
}

a:visited {
	color : #F6F3CE;
	text-decoration : none;
	font-weight:normal;
}

a:active  {
	color : #ffffff;
	text-decoration : underline;
	font-weight:normal;
}

a:hover  {
	color : #ffffff;
	font-weight:normal;
	text-decoration: underline;
}
#div_m
{
	
	
	text-align:center;
	width:800px;
	/*height:100%;*/
	margin:0 auto;
	border:0px;
	padding:0px;
}
.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
width:800px;
margin: 0 auto;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
width:800px;
}


#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #180603;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #F6F3CE;
}

.lbLoading {
	background: #F6F3CE url(../images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #F6F3CE;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #180603;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #F6F3CE;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
.slideshow {
	display: block;
	position: relative;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

.slideshow-images {
	height: 300px;
	width: 400px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}	

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow {
	height: 404px;
	margin: 0 auto;
	width: 404px;
}
.slideshow a img {
	border: 0;
}

/**
HTML:
	<div class="slideshow-captions">
		...
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the captions animation.
*/

.slideshow-captions {
	background: #000;
	bottom: 0;
	color: #FFF;
	font: normal 12px/22px Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 10000;
}
.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 22px;
	opacity: .7;
}





/**
HTML:
	<div class="slideshow-loader" />
	
Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}

/**
HTML:
	<div class="slideshow-thumbnails">
		<ul>
			<li><a class="slideshow-thumbnails-active" /></li>
			<li><a class="slideshow-thumbnails-inactive" /></li>
			...
			<li><a class="slideshow-thumbnails-inactive" /></li>
		</ul>
	</div>
	
Notes:
	Customize the active / inactive classes to affect the thumbnails animation.
	Use the !important keyword to override FX without affecting performance.
*/

#div_cp
{
	font-size:9px;
}

h3
{
	font-weight:bolder;
	margin-bottom:5px;
}

	
.type
{
	display:none;
}
.geo
{
	display:none;
}
.photo
{
	display:none;
}

#ul_tab { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 0 0; /* set margins as desired */
font-size: 12px; /* set font as desired */
border-bottom: 1px solid #F6F3CE; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

#ul_tab li { /* do not change */
display: inline;
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #180603; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

#ul_tab li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #F6F3CE; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #180603; /* set unselected tab background color as desired */
color: #F6F3CE; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
font-weight:bold;
}

#ul_tab li a:hover { /* settings for hover effect */
background: #180603; /* set desired hover color */
color:#ffffff;
}

#ul_tab a.activated{ /* settings for activated tab link */
background-color: #180603; /* set selected tab background color as desired */
color: #ffffff; /* set selected tab link color as desired */
position: relative;
top: 1px;
font-weight:bold;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

#div_tab1
{
	border-left:1px solid #F6F3CE;
	border-right:1px solid #F6F3CE;
	border-bottom:1px solid #F6F3CE;
	padding:10px;
}
#div_tab2
{
	border-left:1px solid #F6F3CE;
	border-right:1px solid #F6F3CE;
	border-bottom:1px solid #F6F3CE;
	padding:10px;
}