/* 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: #fafafa;
}

.wrap { width:50%; margin:auto; margin-top1:40px;margin-bottom:40px; }

.center	{text-align: center;}

table.info {
	border-collapse: separate;
    border-spacing:0px;
	
	margin: auto;
	width:100%
}
table.info td{
	padding:10px 10px;
	border:1px solid black;
	font-size:16px;
}
table.info th{
	padding:10px 10px;
	font-size:18px;
}
.info tr:nth-child(2n+3){ /*provides change of background alternate rows*/
	background-color: #dddddd;
}

.qavs {
	width:180px;
	float:left;
	margin: 10px 20px 10px 20px;
	
}

li {font-size:16px;;text-align:left;padding-top:5px;text-decoration:none;margin-right:10px;}
.listText{font-size:16px;;text-align:left;padding-top:5px;text-decoration:none;margin-right:10px;}

div {text-align:center; }

.col1	{text-align:left;}

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; }

.alert { 
	left: 0px; right:0px; margin-left: auto;margin-right: auto;
	border: thick ridge #FFD700;width:360px;
	font-size:16px;padding:3px;

	border-radius: 10px;
	-moz-border-radius: 10px; /* mozilla border radius */

	-webkit-border-radius: 10px; /* webkit border radius */
	}


	.alert_wide { 
		left: 0px; right:0px; margin-left: auto;margin-right: auto;
		border: thick ridge rgb(231, 140, 36);width:560px;
		font-size:16px;padding:3px;
	
		border-radius: 10px;
		-moz-border-radius: 10px; /* mozilla border radius */
	
		-webkit-border-radius: 10px; /* webkit border radius */
		}
	



.alert1 {border: medium ridge #FFD700;width1:120px;margin: 10px 5px ;font-size:16px;padding:10px 3px 10px 3px;background: url('sky.jpg');}

.alertleft {border: medium ridge #FFD700;width:100px;margin: 10px 5px ;font-size:16px;padding:10px 3px 10px 3px;background: url('sky.jpg');}
.alertright {border: medium ridge #FFD700;width:100px;margin: 10px 5px ;font-size:16px;padding:10px 3px 10px 3px;background: url('sky.jpg');}

.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;}

hr {margin-left:60px;margin-right:60px;}



h1 {color:black;font-size:24px;text-decoration:none;text-align:center;padding-top:2px;}

.headerDisc {color:black;font-size:16px;text-align:center;padding:0px 20px 10px 10px;text-decoration:none;margin:3px; }

h2 {color:black;font-size:20px;text-decoration:none;text-align:center;padding-top:20px;padding-bottom:6px;margin:3px;}

ul	{padding-top:1px;margin:1px;}

h3 {color:black;font-size:18px;text-decoration:none;text-align:left;padding-top:20px;padding-bottom:2px;margin:3px;background1:blue;}

h4 {color:black;font-size:16px;text-decoration:bold;text-align:left;padding-top:20px;padding-bottom:1px;margin:1px;background1:blue;}

p {color:black;font-size:16px;text-align:center;padding:0px 20px 10px 10px;text-decoration:none;margin:3px; }

.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;}

.picture3 {width:480px;margin-left:auto;margin-right:auto;clear:both;}

.pictureRight {float:right;margin: 25px 20px 10px 20px;}
.pictureLeft {float:left;margin: 0px 20px 10px 20px;clear:both;}

.pict {text-align:center;}

.clear {clear:both;}


.red_message{
	text-align: center;
	color:red;
}



#Banner h1 { font-size: 28px;margin: 10px 0px 0px 0px;color:green;}
#Banner h2 { font-size: 28px;margin: 0px 0px 0px 0px;padding-top:5px;color:orange;}
#Banner .text{ text-align:center;padding:10px 0px;margin-left:120px;}
#Banner{

left: 0; /* full width */
right: 0; /* full width */
height: 150px; /*Height of Banner */
overflow: hidden; /* No scrollbars. */

text-align:center;
border: thick ridge green;

/*  background-image: url("Images2/TrainingBackGround.png"); 
     
background-repeat: no-repeat;
     background-attachment1: fixed;
     background-position: top; 

 */


border-bottom:none;
margin:1px;
background1:pink;
border-radius: 12px 12px 5px 5px  ;
}
#Banner .pictureLeft {margin:5px;padding:5px;width:150px;}








#content{
position1: absolute; 
top: 0px; /*  Height Of Banner*/

padding-top:1px;  /*  Firefow top space fix */
width1:1000px;/* Width of this content */
margin: 0 auto;


max-width: 1000px;

overflow: hidden; ; 



}


@media screen and (max-width: 750px) {	
	#content{ width:100% ; } 
	
	#Banner1 h1 {font-size:24px;	}
	#Banner1 .text {font-size:12px;	}
}



@media screen and (max-width: 700px) {	
	#content{ width:100% ; } 

	#Banner h1 {font-size:22px;margin-top:5px;	}
	#Banner h2 {font-size:20px;	}
}

@media screen and (max-width: 450px) {	
	#content{ width:100% ; } 

	#Banner h3 {font-size:16px;	}
	#Banner h1 {font-size:20px;margin-top:10px	}
	#Banner h2 {font-size:18px;	}
}



@media2 screen and (max-width: 440px) {	
	#content{ width:100% ; } 

	#Banner h3 {font-size:12px;	}
	#Banner h1 {font-size:18px;margin-top:10px	}
	#Banner h2 {font-size:18px;	}
	#Banner .SMedia { top:100px;float:left;}
}









/*

#Footer1 {
 clear:both;

 
 height:50px;left: 0px; right:0px;margin-left: auto;margin-right: auto;

margin-bottom:25px;
}

#Footer1 .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;}

*/



/*

#About, #Index, #Volunteer, #Contact, #Policy, #Links{
position1: relative; 

top1:195px;
left: 0px; 
right:0px;
margin-left: auto;margin-right: auto;
margin-bottom:230px;

}
*/
/*
#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;}

#Index1 .alert { 
	left: 0px; right:0px; margin-left: auto;margin-right: auto;
	border: thick ridge #FFD700;width:260px;
	font-size:16px;padding:3px;
	background: url('sky.jpg');
	border-radius: 10px;
	-moz-border-radius: 10px; 

	-webkit-border-radius: 10px; 
	}

#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; 

	-webkit-border-radius: 10px; 
	}

#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; 

	-webkit-border-radius: 10px; 
	}

#Index .picture2 {border: thick ridge #FFD700;margin:5px;clear:none;}
#Index img{width:90%;max-width:580px;}



*/




#Pageindex{
position: relative;
top: -15px; 

height:50px;
left: 0px; 
right: 0px;
margin:1px;

overflow: hidden; /*No scrollbars.*/
color:black;
padding:5px 1px 0px 1px;


background: linear-gradient(to bottom, #9dd53a 0%,#17700d 4%,#17700d 97%,#7cbc0a 100%); 
border-radius: 17px 17px 10px 10px  ;

border: thick ridge green;
border-top:none;
}

/*
#Pageindex1 #menu {
left: 0px; 
right:0px;

margin-left: auto;margin-right: auto;
background1:red;

}

#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; 
	-webkit-border-radius: 8px; 
}
*/

/*

#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 {float:right;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;}

.left_pad30	{
	padding-left:30%;
}



@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;
		text-align1: center;
		height: 100%;
		box-sizing: border-box;
		padding-top1: 100px;
		line-height: normal;
		color1: #fff;

	}

	.fotorama .inverse {
		color: #fff;
		text-shadow: 0 1px 0 #000;

	}

