html, body {
max-width:100%
height: 100%;
font: 83% "lucida sans", "Trebuchet MS", tahoma, sans-serif;
background:#000000;
display:block; 
color:#FFFFFF;
margin:0; 
padding:0; 
} 
#pagewidth {
	min-width:860px;
	background-color: #000000;
}
			/*TOP BANNER*/
#header {
position:relative; 
height:120px;
background: #000000; 
color: #fff;
width:100%;
} 
#header h1#logo {
position: absolute;
margin: 10px 0 0 10px;
padding: 0;
top: 0; left: 5px;	
}
#header h2#slogan {
position: absolute;	 
top:20px; left: 369px;
color: #eee;
text-indent: 0px;
font: bold 25px 'lucida sans', Tahoma, 'trebuchet MS', Sans-serif; 
text-transform: none;	
}
		/*LEFT COLUMN*/
#leftcol {
float:left; 
position:relative; 
width:400px; 
border-top:0px solid #DFD0B9;
line-height: 1.6em;
background:#000000; 
color:#FFFFFF; 
}
#leftcol2 {
float:left; 
position:relative; 
width:150px; 
border-top:0px solid #DFD0B9;
line-height: 1.6em;
background:#000000; 
color:#FFFFFF; 
}
#twocols {
	float:right;
	position:relative;
	width:800px;
	}

#twocols2 {
	float:right;
	position:relative;
	width:900px;
	background-color:#000000;
	background-repeat: no-repeat;
}
		/*RIGHT COLUMN*/
#rightcol {
float:right; 
position:relative; 
width:800px; 
border-top:0px solid #DFD0B9;
line-height: 1.6em; 
color:#666;
}

#rightcol2 {
float:right; 
position:relative; 
width:420px; 
border-top:0px solid #DFD0B9;
line-height: 1.6em; 
color:#666;
}
		/*CENTRE COLUMN*/
#maincol {
float: left; 
display:inline; 
position: relative; 
width:22.5%;
line-height: 1em;  
}
#maincol2 {
float: left; 
display:inline; 
position: relative; 
width:500px;
line-height: 1em;  
}
#maincol a:link, #maincol a:visited {
text-decoration : none;
background : inherit;
color : #ccc;
}
#maincol a:hover {
text-decoration : none;
background : inherit;
color : #666;
}
			/*FOOTER*/
#footer {
	clear:both;
	width:100%;
	height:50px;
	background: #000000;
	color: #ffffff;
	font-style: normal;
}
#footer a:link, #footer a:visited {
text-decoration : none;
background : inherit;
color : #ffffff;
}
#footer a:hover {
text-decoration : none;
background : inherit;
color : #ffffff;
}

		 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix{display: inline-block;}

		/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
		/* End hide from IE-mac */  

		/*TYPOGRAPHY*/
p {
padding: 10px 15px 10px 15px;
}
h1 {
padding: 20px;
font-size: 175%;
letter-spacing: 3px;
color:  #619ADD;
background: transparent;
}
h2 {font-family:  helvetica, "Trebuchet MS", tahoma, "lucida sans", sans-serif;
margin-left:10px;
padding: 5px;
font-size: 190%;
letter-spacing: 2px;
color:  #619ADD;
background: transparent;
}
blockquote {
font-size: 14px;
line-height:normal;
font-style : normal;
color : #B2A137;
}

blockquote2 {
font-size: 16px;
line-height:20px;
font-style : italic;
color : #B2A137;
}
		/*LINKS*/
a img {
border: 0;
}
a:link, a:visited {
text-decoration : none;
background : inherit;
color : #B2A137;
}
a:hover {
text-decoration : none;
background : inherit;
color : #ccc;
}
a:active {
text-decoration : none;
background : inherit;
color : #B2A137;
}
ul li {
list-style-image: url(images/arrow.gif);
}
		/*CLASS*/
.box {
margin-left:20px;
margin-right:20px;
margin-bottom: 10px;
border-top:1px solid #8A795D;
border-bottom:1px solid #8A795D;
background : inherit;
color : #808080;
}
.clear {
clear: left;
overflow: hidden;
width: 0;
height: 0;
}
.post {
background-color: #eee;
padding: 3px;
margin: 20px 10px 0 5px;
border: 0px dashed #8A795D;
font-size: 80%;
}
.post .date {
background: url(images/clock.gif) no-repeat left center;
padding-left: 15px;
margin: 0 15px 0 5px;
}
.post .comments {
background: url(images/comment.gif) no-repeat left center;
padding-left: 15px;
margin: 0 15px 0 5px;
}
.post .readmore {
background: url(images/document.gif) no-repeat left center;
padding-left: 15px;
margin: 0 15px 0 5px;
}
			/*IMAGES*/
.imgleft {
float : left;
margin : 5px 10px 10px 0;
padding : 5px;
}

/* index content slider*/

.sliderwrapperfront{
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	border: 1px solid #000000;
	border-bottom-width: 6px;
	width: 920px; /*width of featured content slider*/
	height: 695px;
	font-size: 14px;
	padding-top:0px;
}

.sliderwrappertourx{
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	border: 1px solid #000000;
	border-bottom-width: 6px;
	width: 920px; /*width of featured content slider*/
	height: 475px;
	font-size: 14px;
	padding-top:0px;
}

.sliderwrappertour{
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	border: 1px solid #000000;
	border-bottom-width: 6px;
	width: 920px; /*width of featured content slider*/
	height: 540px;
	font-size: 14px;
}



.sliderwrapper2{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 1px solid #000000;
border-bottom-width: 6px;
width: 860px; /*width of featured content slider*/
height: 160px;
}

.sliderwrapper3{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 1px solid #000000;
border-bottom-width: 6px;
width: 500px; /*width of featured content slider*/
height: 500px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
background: #000000;
width: 1000px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.sliderwrapper2 .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
background: #000000;
width: 860px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.sliderwrapper3 .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
background: #000000;
width: 420px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.pagination{
width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: #000000;
padding: 5px 10px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #B2A137;
background-color: #000000;
}

.pagination a:hover, .pagination a.selected{
color: #333333;
background-color: #000000;
}

  		
#pagewidth #rightcol2 a {
	line-height: 43px;
}

.holder{width:220px;padding:5px;text-align:left;margin:0px auto;}
.qrholder{display:none;}






/* MOBILE SCREENS */
@media only screen and (max-width: 939px)
{
html, body {background:#000; color:#ffcc66; margin:0px; padding:0px;text-align:center; height:100vh;max-width:100%;}

img {border:none;display:block;max-width:90%;}

.wrap{width:100% border:1px #000 solid; margin:auto;position:relative;font-size:14px;max-width:100%}

.logo img{display:block;margin:auto;}
.topinfo{font-weight:bold; vertical-align:top; text-align:center; font-size:14px; width:560px; max-width:95%;  margin:40px auto 0px auto; }

.galname {margin:60px auto 0px auto;width:520px;max-width:520px;border:1px black solid;max-width:100%;}

.galname img{margin:auto;width:100%;}

.topinfo{}
.contentdiv{max-width:90%;margin:auto;}
.hr1 {font-size:4vmin !important;width:790px; max-width:90%;margin-left:0;0px auto; }
.hr2{text-align: center;margin: 0 auto;padding: 0;display: block;font-family: Helvetica;font-size: 3.5vmin; font-weight: bold;line-height: 125%;color: #af9a31 !important;width:600px; max-width:90%;}

}