html, body
{
	width: 100%;
	height: auto;
	margin: 0px;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	background-Color: #fff;	
}

div.OutBox
{
	position: relative;
	top: 0px;
	left:0px;
	width: 100%;
	height: auto;
	padding: 5px;
	margin:0px;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;	
	
	z-index:1;
}
img.galimages {
    width: 100%; margin-bottom: 6px; border: 0px;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;	
}
div.Topbar
{
	width: 100%;
	height: 100px;
	padding: 0px;
	margin:0px;

	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	
	overflow: hidden;

    text-align:left;
    vertical-align: bottom;
    position: relative;
}

div.LogoHolder {
    width: 100%; height: auto; min-height: 80px;


    text-align:left;
    vertical-align: bottom;
        position: absolute;
    bottom: 5px;
    left: 0px;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;

}

#LogoIn { width: 100%; max-width: 160%; height: auto;  
    position: absolute;
    bottom: 25px;
    left: 0px;

    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;

    zoom: 0.6;
    -moz-transform: scale(0.6);
}
div.LogoCode
{
    width: 100%;
    height: auto;
    font: bold 16px arial;
    color: #555;
    text-align:left;
    vertical-align: bottom;
    position: absolute;
    bottom: 5px;
    left: 0px;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
    padding-left: 5px;
        
    
}

a.menubtn
{
    font: bold 12px arial;
    color: White;
    background-color: #333;
    padding: 2px 5px 3px 5px;
    position: fixed;
    top: 5px;
    right: 5px;
    z-index: 250;
    text-decoration: none;

     -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
    -khtml-border-radius: 3px; /* for old Konqueror browsers */   
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
a.menubtn: hover
{
    background-color: #555;
    border: 1px solid #999;
    border-left: 1px solid #000;
    border-top: 1px solid #000;

        
}

a.menubtn2
{
    font: bold 14px arial;
    color: black;
    background-color: #fff;
    border: 1px solid black;
    padding: 2px 5px 2px 5px;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 250;
    text-decoration: none;
        
}
a.menubtn2: hover
{
    background-color: #fff;
    border: 1px solid #black;        
}

div.BodBar
{
	width: 100%;
	height: auto;
	padding: 0px;
	margin:0px;
	background-color: #333;
    position:relative;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	overflow: hidden;

}
Div.OverlayIt
{
    width: 100%;
	height: 73%;
	padding: 0px;
	margin:0px;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	overflow: hidden;
	position: absolute;
	top: 15%;
	left: 0px;
	opacity: 1;
	z-index: 200;
}
div.OverlayIN
{
    width: 100%;
    height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #333;
	opacity: .5;
	z-index: 201;
}
Div.OverlayText
{
    width: 200px;
    height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -100px;
	margin-top: -20px;
	
	font: bold 12px arial;
	color: White;
	z-index: 202;
}


div.FootBar
{
	width: 100%;
	height: 10%;
	padding: 0px;
	margin:0px;

	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	overflow: hidden;

}
div.PageTitle
{
    font: normal 14px arial;
    color: #555;
    text-align: left;
    vertical-align: top;
    width: 100%;
    float: left;   
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; 
    padding-top: 4px;
    padding-left: 5px;
}

div.Footer1
{
    font: normal 12px arial;
    color: #555;
    text-align: center;
    vertical-align: top;
    width: 100%;
    float: right;      
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; 
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 20px;
    line-height: 150%;
}

div.UpArrow { float:right; color: #000; cursor: pointer;}
div.UpArrow::after hover { color: #777; }

div.Footer1 a
{
    font: normal 12px arial;
}

#wrapper {
	
	top:0px; bottom:0px; left:0;
	width:100%;
	height: 100%;
	overflow:auto;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;

}
#scroller {
	height:100%;
	width: 2000px;
	float:left;
	padding:0;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;

}

#scroller img {
	height: 100%; 
	width: auto;
}


div.NavBoxMain
{
    width: 100%;
    height: 85%;
    position: absolute;
    top: 15%;
    left:0;
    display: none;
    z-index:300;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
   
    

}
div.NavTransp
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left:0;   
    z-index:300;
    
    opacity:0.8;
    filter:alpha(opacity=80);
     background-color: Black;
     
     -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
 }
div.NavBody
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left:0; 
    z-index:310;  
    
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
    
}




div.MenuBox
{
	width: 600px;
	position: relative;
	height: 100%;
	background-color: #333;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
div.MenuButton
{
	width: 120px;
	position:absolute;
	top: 0px;
	right:0px;
	background-color:#333;
	
	font: bold 26px arial;
	color: #fff;
	text-align: center;
	z-index:200;
	
	padding-top:20px;
	padding-bottom:20px;

}

div.logobox
{
	width: 50%;
	height: 100%;
	float:left;
	text-align:left;
	vertical-align:top;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
div.DropdownMenu
{
	width: 50%;
	height: 100%;
	text-align:left;
	vertical-align:top;
	padding:0px;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	position:absolute;
	top: 0px;
	left: 0px;
	z-index: 350;
}

div.PhotoShow
{
	height: 100%;
	width: 100%;
	z-index: 10;
	
}

a.bugm
{
    font: normal 10px arial;
    color: #dedede;
    position: absolute;
    bottom: 10px;
    right: 5px;    
    text-decoration: none;
    padding: 2px 5px 2px 5px;
    background-color: Black;
}



/* 
	LEVEL ONE
*/
ul.dropdown                         { margin: 0px; margin-top: 10px; position: relative; z-index: 300; width: 100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
ul.dropdown li                      { text-align:right;list-style: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
ul.dropdown a:hover		            { color: #ccc; }
ul.dropdown a:active                { color: #ffa500; }

ul.dropdown li a                    { display: block; padding: 4px 5px 4px 5px;
                                      color: #fff; font: normal 12px arial; 
                                      text-decoration: none; 
                                      -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
                                      
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                {}
ul.dropdown li.hover a              {}


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 100%; visibility: hidden; position: absolute; top: 0px; 
               						  left: 85%;-webkit-box-sizing: border-box;
               						  -moz-box-sizing: border-box;box-sizing: border-box; }
               						  
ul.dropdown ul li 					{ list-style: none; font-weight: normal; color: #fff; 
									  float: none; text-align: left;-webkit-box-sizing: border-box;
									  -moz-box-sizing: border-box;box-sizing: border-box;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; 
                   					  display: inline-block; color: #fff; 
                   					  padding: 4px 5px 4px 5px; 
                   					  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }







/**
 *
 * Horizontal Scrollbar
 *
 */
.myScrollbarH {
	position:absolute;
	z-index:100;
	height:4px;
	bottom:1px;
	left:2px;
	right:7px
}

.myScrollbarH > div {
	position:absolute;
	z-index:100;
	height:100%;

	/* The following is probably what you want to customize */
	background-image:-webkit-gradient(linear, 0 0, 100% 0, from(#555), to(#555));
	background-image:-moz-linear-gradient(top, #555, #555);
	background-image:-o-linear-gradient(top, #555, #555);

	border:1px solid #000;
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding-box;
	-o-background-clip:padding-box;
	background-clip:padding-box;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	
	-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
	-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
	-o-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
}


/**
 *
 * Vertical Scrollbar
 *
 */
.myScrollbarV {
	position:absolute;
	z-index:100;
	width:4px;bottom:7px;top:2px;right:1px
}

.myScrollbarV > div {
	position:absolute;
	z-index:100;
	width:100%;

	/* The following is probably what you want to customize */
	background-image:-webkit-gradient(linear, 0 0, 100% 0, from(#555), to(#555));
	background-image:-moz-linear-gradient(top, #555, #555);
	background-image:-o-linear-gradient(top, #555, #555);

	border:1px solid #000;

	-webkit-background-clip:padding-box;
	-moz-background-clip:padding-box;
	-o-background-clip:padding-box;
	background-clip:padding-box;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	
	-webkit-box-shadow:inset 1px 1px 0 #000;
	-moz-box-shadow:inset 1px 1px 0 #000;
	-o-box-shadow:inset 1px 1px 0 #000;
	box-shadow:inset 1px 1px 0 #000;
}

@media all and (max-width: 600px) {

    #scroller img { width: 100% !important; height: auto !important; }



}