﻿body{background-color:#ffffff;
     

border:0px;
padding:0px;
margin:0px;
font-weight:bold;
font-style:italic;
font: 14px/18px 'QuicksandBook', Arial, sans-serif; 
 

}
select,p{font: 14px/18px 'QuicksandBook', Arial, sans-serif; text-align:justify }

#cssmenu1{font: 12px/18px 'QuicksandBook', Arial, sans-serif; }


#slideshowcontent img { display: none }
#slideshowcontent img.first { display: block }
#GalleryContent img { display: none }
#GalleryContent img.first { display: block }
.header {
	
	height:110px;
	width:100%;
	margin-right:10px;
	}
	
.header h1{
MARGIN-top:30PX;
margin-bottom:auto;
	float:left;
	color:#777777;
	text-align:justify;
	/*font-size:17px;*/
    font: 40px/40px 'BlackJackRegular', Arial, sans-serif;
	}
.header h1 #h1_f1{
	color:#777777;
    font: 40px/40px 'BlackJackRegular', Arial, sans-serif;
}

.header h1 #h1_f2{
    margin-top:10px;
	color:#555555;
	font: 14px/16px 'FuturistFixedwidthRegular', Arial, sans-serif;
    margin-left:65px;
}
.selected{
	
	color:#710000;
	
}
#slideshowcontent{
	
	
	margin-left:auto;
	margin-right:auto;
	height:550px;
	border:0px solid #ffffff;
	background-color: #ffffff;
	background-repeat:no-repeat;
	padding: 0;  
    margin:  0;
  
}

#slideshowcontent img{
    padding: 0;  
    margin:  0;
/*top:20px;*/
/*left:0px;*/
/*width:850px;
height:490px;*/
/*overflow:hidden;*/
}
/* give each slide the same dimensions */
#slideshowcontent div {/* width: 850px; height: 490px;  background-position:-50px*/
 }
 
/* make sure each slide image is centered */
#slideshowcontent div img { margin: auto; }

#footer p{
padding-top:20px;
    text-align:right;
    
    font-size:8px;
    color:#555555;
}
#footer p a{

    color:#555555;
}
#footer p a:hover{
    color:#555555;
}
.container_12 a{color:#000000;
    }
.container_12 a:hover{color:#a5bff1;
    }
.container_12 a:visited{color:#000000;
    }
#prev { z-index: 1000; position: absolute; top: 260px; left:0px; display: none; color:white;
    border: 0px solid #ddd; margin: 0; padding: 6px; 
    width: 70px; text-decoration:none;
}

#next { z-index: 1100; position: absolute; top: 260px; left:760px; display: none; color:white;
     border: 0px solid #ddd; margin: 0; padding: 6px; 
    width: 70px; text-decoration:none;
}

.transparent {        /* Required for IE 5, 6, 7 */        /* ...or something to trigger hasLayout, like zoom: 1; */        width: 100%;         /* Theoretically for IE 8 & 9 (more valid) */        /* ...but not required as filter works too */        /* should come BEFORE filter */        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";        /* This works in IE 8 & 9 too */        /* ... but also 5, 6, 7 */        filter: alpha(opacity=50);        /* Older than Firefox 0.9 */        -moz-opacity:0.5;        /* Safari 1.x (pre WebKit!) */        -khtml-opacity: 0.5;        /* Modern!        /* Firefox 0.9+, Safari 2?, Chrome any?        /* Opera 9+, IE 9+ */        opacity: 0.5;}

.package{
    text-align:left;
   margin-top:0px;
   margin-bottom:0px;
    font: 14px/16px 'FuturistFixedwidthRegular', Arial, sans-serif;
    
    }

.disclaimer{
    padding-top:40px;
    font-weight:bold;
    font: 10px/12px 'QuicksandBookOblique', Arial, sans-serif; 
    
}
input, textarea{
    font: 14px/18px 'QuicksandBook', Arial, sans-serif; 
    width:392px;
    }

#logo{
    padding-top:35px;
}

.error{color:red;}

.titlebar
{
    font-weight:bold;
    
}
.MainTitleBar
{
    
   
    font:bold 18px/18px 'QuicksandBook', Arial, sans-serif; 
    }

.BottomPadding{
    padding-bottom:10px;
    }
hr
{margin-bottom:10px;
 margin-top:0px;
}
@media all and (min-width:1200px){
    
    #logo
{
    margin-left: -280px; 
    margin-top:  75px;
    width: 250px;
}
    
}
@media all and (max-width:1200px){
    
    #logo
{
    margin-left: -20px; 
   margin-top: -30px;
    width: 150px;
}
    
}
