/* author: mail@brucedeacon.com */
/* Creation date: 20/02/2014 */

body{
margin: 0 ;
padding:0 ;
border: 0;
overflow: auto;


text-align:center;

    font-family: Arial, Verdana, sans-serif;
    font-size: 13px;
    color: #393939;

/* 	
background:#F2FFED ;    // now set in style2.css
 */

}

.wrap { width:50%; margin:auto; margin-bottom:40px; }

.left {
	text-align:left;
}

.pad {
	margin:20px;
}

.thumb {
	max-width:250px;
	max-height: 250px;
	padding:10px;
}


.button a{
	color:#ffffff;
	background-color:#01A534;
	line-height:30px;
	text-align:center;
	padding:5px 20px;
}
.button a:hover{
	color:#CCFFFF;	
}
.button2 a{
	color:#ffffff;
	background-color:#01A534;
	line-height:30px;
	text-align:center;
	width:180px;
	font-weight:bold;	
}
.button2 a:hover{
	color:#CCFFFF;	
}

.listText{font-size:16px;;text-align:left;padding-top:5px;text-decoration:none;margin-right:10px;}

div {text-align:center; }
table, th,td {border:1px solid black;}
table1 {margin-left:5px;margin-right:5px; }
th	{font-size:10px;}
td	{font-size:10px;text-align:left;}
.col1	{text-align:left;}


table.profile {

	border-collapse: separate;
    border-spacing:5px;
	width:550px;
	margin: auto;
	border: 0px;
	
}

table.profile th{
	font-size:18px;
}


table.profile td {
	font-size:18px;
}
.profile td:nth-child(3){
	text-align: center;

}

table.user_list {
	border-collapse: separate;
    border-spacing:2px;
	width:100%;
	margin: auto;
}
table.user_list td{
	padding:0px 4px;
}
table.user_list th{
	text-align: left;
}
.user_list tr:nth-child(2n+3){ /*provides change of background alternate rows*/
	background-color: #dddddd;
	}
.user_list th:nth-child(7) {
		text-align: center;
}

.user_list td:nth-child(7) {
	text-align: center;
}

.user_list a{padding:0px;}

table.log_list {
	border-collapse: separate;
    border-spacing:2px;
	
	margin: auto;
}
table.log_list td{
	padding:0px 4px;
}
table.log_list th{
	text-align: left;
}
.log_list tr:nth-child(2n+3){ /*provides change of background alternate rows*/
	background-color: #dddddd;
}





a {
	padding: 5px 5px;
	border-radius: 8px;
	-moz-border-radius: 8px; /* mozilla border radius */
	-webkit-border-radius: 8px; /* webkit border radius */
}
a:hover { COLOR: yellow;background:black; }


p {
	margin:8px 10px;
	
}

.btn{		/*???????????????????????????????*/	
	background-color:#17700d;
	
	color:#ffffff;
	border:outset #CCFFCC;
	line-height:30px;
	text-align:center;
	
	padding:4px 20px;
	font-weight:bold;
	border-radius: 8px;
	-moz-border-radius: 8px; /* mozilla border radius */
	-webkit-border-radius: 8px; /* webkit border radius */
}

.btn:hover{
	background:#e3e3e3;
	color:#555;
}
a.btn  {text-decoration:none;}


.alert { 
	left: 0px; right:0px; margin-left: auto;margin-right: auto;
	border: thick ridge #FFD700;width:350px;

	/* font-weight: 900; */
	color:black;

	font-size:16px;padding:3px;
	margin-top: 15px;
	margin-bottom: 15px;
	background1:rgb(245, 250, 232) ;
	opacity1:0.5;
	border-radius: 10px;
	-moz-border-radius: 10px; /* mozilla border radius */

	-webkit-border-radius: 10px; /* webkit border radius */
	}

.boxedleft {border: thick ridge silver;width:100px; float:left;margin-left:5px;margin-right:5px;font-size:16px;padding:2px;background: url('sky.jpg');clear: left;}
.boxedright {border: thick ridge silver;width:100px;float:right;margin-left:5px;margin-right:20px;font-size:16px;padding:2px;background: url('sky.jpg');clear: right;}

hr1 {margin-left:60px;margin-right:60px;}
#content hr {margin: 10px 220px 30px ;height: 3px;color:grey; background-color: silver;}


h1 {color:black;font-size:24px;text-decoration:none;text-align:center;padding-top:2px;}
.headerDisc {color:black;font-size:16px;text-align:left;padding:0px 20px 10px 10px;text-decoration:none;margin:3px; }

h2 {color:black;font-size:20px;text-decoration:none;text-align:center;padding-top:10px;padding-bottom:3px;margin:3px;}

ul	{padding-top:1px;margin:1px;}

h3 {color:black;font-size:18px;text-decoration:none;text-align:left;padding-top:3px;padding-bottom:5px;margin:3px;background1:blue;}

h4 {color:black;font-size:16px;text-decoration:bold;text-align:left;padding-top:3px;padding-bottom:1px;margin:1px;background1:blue;}

.itemName {color:black;font-size:18px;text-align:left;padding-top:18px;padding-left:30px;padding-right:30px;padding-bottom:5px;text-decoration:none;text-decoration:underline;}
.itemCost {color:black;text-align:center;padding-top:18px;text-decoration:none;}
.itemDisc {color:black;font-size:16px;text-align:left;padding-bottom:7px;padding-left:30px;padding-right:30px;text-decoration:none;}

.text {color:black;font-size:16px;text-align:justify;padding:8px 20px;text-decoration:none;}

.text2 {color:black;font-size:14px;text-align:center;padding:8px 20px;text-decoration:none;font-style:italic;}

.picture {margin-left:auto;margin-right:auto;clear:both;}
.picture2 {margin-left:15px;margin-right:15px;clear:both;}


.pictureRight {float:right;margin: 0px 20px 10px 20px;}
.pictureLeft {float:left;margin: 0px 20px 10px 20px;clear:both;}

.pict {text-align:center;}

.clear {clear:both;}


.center {
	text-align:center;	
}




#Banner h1 { font-size: 28px;margin: 10px 0px 0px 0px;color:green;}
#Banner h2 { font-size: 28px;margin: 0px 0px 0px 0px;color:orange;}
#Banner .text{ text-align:center;padding:10px 0px;margin-left:120px;}
#Banner{


left: 0; /* full width */
right: 0; /* full width */
height: 135px; /*Height of Banner */
overflow: hidden; /* No scrollbars. */

text-align:center;
border: thick ridge green;

     
background-repeat: no-repeat;
     
     background-position: top; 


border-bottom:none;
margin:1px;

border-radius: 12px 12px 0px 0px  ;
}
#Banner .pictureLeft {margin:5px;padding:5px;width:150px;}



#Banner .pictureLeft {
  transition:all 4s ease-in-out;
  perspective: 400px;
  perspective-origin: 50% 100px;
}
#Banner .pictureLeft:hover  {
  transform:rotatez(360deg) scale(0.5);
 
}





#content{

top: 0px; /*  Height Of Banner*/

padding-top:1px;  /*  Firefow top space fix */
width:690px; /*1250px;/* Width of this content */

left:0px;right:0px;
overflow: hidden; 


margin-left: auto;margin-right: auto;
text-align:center;

}


@media screen and (max-width: 750px) {	
	#content{ width:100% ; } 
	
	#Banner h1 {font-size:24px;	}
	#Banner .text {font-size:14px;	}
}



@media screen and (max-width: 700px) {	
	#content{ width:100% ; } 

	#Banner h1 {font-size:24px;margin-top:5px;	}
	#Banner .text {font-size:14px;	}
}

@media screen and (max-width: 450px) {	
	#content{ width:100% ; } 


	#Banner h1 {font-size:18px;margin-top:10px;	}
	#Banner .text {font-size:12px;	}
}



@media2 screen and (max-width: 440px) {	
	#content{ width:100% ; } 

	#Banner h3 {font-size:12px;	}
	#Banner h1 {font-size:18px;margin-top:10px	}
	#Banner .SMedia { top:100px;float:left;}
}











#Footer {
 clear:both;



 height:50px;left: 0px; right:0px;margin-left: auto;margin-right: auto;

margin-bottom:25px;
}

#Footer .text {text-align:center;font-size:12px;color:black;margin:3px; padding:3px;}
#Footer1 hr {margin-left:30px;margin-right:30px;height: 3px;color: gray; background-color: silver;}

#footer hr {margin-left:30px;margin-right:30px;height: 3px;color: green; background-color: green;}








#Index1 .headerDisc {padding-bottom:10px;font-size:20px;}
#Index h1 {  padding-bottom: 0px; }

#Index .pictureRight {clear: left;}
#Index .pictureLeft {clear: right;}
#Index .Text {overflow:auto;}



#Index .alertright { 
	float: right; border:5px ridge #FFD700;
	width:70px;
	margin: 10px 10px 10px 5px;font-size:16px;padding:3px;
	background: url('sky.jpg');
	border-radius: 10px;
	-moz-border-radius: 10px; /* mozilla border radius */

	-webkit-border-radius: 10px; /* webkit border radius */
	}

#Index .alertleft { 
	float: left;border: thick ridge #FFD700;width:70px;
	margin: 10px 5px 10px 10px;font-size:16px;padding:3px;
	background: url('sky.jpg');clear: left;
	border-radius: 10px;
	-moz-border-radius: 10px; /* mozilla border radius */

	-webkit-border-radius: 10px; /* webkit border radius */
	}

#Index .picture2 {border: thick ridge #FFD700;margin:5px;clear:none;}
#Index img{width:90%;max-width:580px;}








#Pageindex{
position: relative;
top: -15px; /*Height of Banner */



margin:1px;

overflow: hidden; /*No scrollbars.*/
color:black;
padding:5px 1px 0px 1px;

background:#17700d;

border-radius: 17px 17px 10px 10px  ;

border: thick ridge green;
border-top:none;
}


#Pageindex #menu {
left: 0px; 
right:0px;

margin-left: auto;margin-right: auto;


}

#Policy	UL{padding-left:30%;}



#Pageindex1 {border: thick ridge silver;}
#Pageindex1 {border-top: thin ridge silver;}
#Pageindex4 a:link { COLOR: white;  TEXT-DECORATION: underline;}
#Pageindex4 a:visited { COLOR: white ; TEXT-DECORATION: underline;}
#Pageindex4 a:hover { COLOR: gray; background:silver;border: 0px solid #000000; TEXT-DECORATION: underline;}
#Pageindex4 a:active  {  background:yellow; } 
#Pageindex4 .secondlevel {font-style: italic;}


#Pageindex1 a {FONT-SIZE: 18px;
	padding: 2px 5px;
	border-radius: 8px;

	-moz-border-radius: 8px; /* mozilla border radius */

	-webkit-border-radius: 8px; /* webkit border radius */
}




#Shortcut_codes .wrapleft { left: 0px; top:120px; width:45%;}

#Shortcut_codes .wrapright {	position: absolute;  left: 45%;  width:55%;top:110px;	}

#Shortcut_codes h2 {TEXT-DECORATION: underline;font-size:22px}
#Shortcut_codes	ul{list-style-type:none;}

#DO_Taxi h2	{TEXT-DECORATION: underline;font-size:22px}

#DO_Taxi .headerDisc {padding: 3px 20px 20px 20px; }

#DO_Taxi .wrap { width:25%; margin:auto;  text-align: left;}

#DO_Taxi .wrap .headerDisc {text-align:left;padding-bottom:0px;}


.navigation {
background:silver ;
padding-top:1px;
color:#393833;
font-size:18px;
padding:4px 5px;


	border-radius: 8px;

	-moz-border-radius: 8px; /* mozilla border radius */

	-webkit-border-radius: 8px; /* webkit border radius */

	

}


.navigation a {
	padding: 2px 3px;
	border-radius: 8px;

	-moz-border-radius: 8px; /* mozilla border radius */

	-webkit-border-radius: 8px; /* webkit border radius */
}


.Submenu2{padding:4px;}



.subMenu a {color:black;text-decoration:none;}
.subMenu a:hover {color:grey;text-decoration:none;}




.returnright {display:inline;background:silver;margin-right:15px;

	border-radius: 8px;

	-moz-border-radius: 8px; /* mozilla border radius */

	-webkit-border-radius: 8px; /* webkit border radius */

}


.returnright a {
	padding: 2px 3px;
	border-radius: 8px;

	-moz-border-radius: 8px; /* mozilla border radius */

	-webkit-border-radius: 8px; /* webkit border radius */
}


.returnright a {color:black;text-decoration:none;}
.returnright a:hover {color:grey;text-decoration:none;}

.heading {clear:both;}





@media screen and (max-width: 480px) {#simplegallery11Recent{width: 90% !important; height: 230px !important; } }

.wrapfotorama	{
	margin-left: auto;margin-right: auto;

	}

.fotorama {

		text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
		font-family: Georgia, serif;
		font-size: 72px;
	
		height: 100%;
		box-sizing: border-box;
		
		line-height: normal;
		

	}

	.fotorama .inverse {
		color: #fff;
		text-shadow: 0 1px 0 #000;

	}