/*Menu Links*/

/*NOTE: anything not specified for the #(menu id's) a selector and its pseudo classes
may be inherited in some browsers from other 'a' element styles (if any) on the page*/

#menu1 a {
	text-decoration: none;
	color:white;/*left menu text colour*/
	background-color:black;
	text-indent:1ex;
	font: 15px/27px Georgia, "Times New Roman", Times, serif;
}
#menu a:link {
	color:white;/*left menu text colour*/
	background-color:white;
	text-decoration: none;
	text-indent:1ex;
}
#menu1 a:active {
	color:blue;
	text-decoration:none;
}
#menu1 a:hover {
		font: 25px/27px Georgia, "Times New Roman", Times, serif;
}
#menu1 a:visited {
	color:#fff;
	text-decoration:none;
}
#menu2 a {
	color:white;
	background-color:black;
	text-decoration:none;
	text-indent:1ex;
	font: 15px/27px Georgia, "Times New Roman", Times, serif;
}
#menu2 a:active {
	color:blue;
	text-decoration:none;
}
#menu2 a:visited {
	color:#fff;
	text-decoration:none;
}
#menu2 a:hover {
	font: 25px/27px Georgia, "Times New Roman", Times, serif;
}
#menu3 a { /*Menu3 Links*/
	color:white;
	background-color:black;
	text-decoration:none;
	text-indent:1ex;
	font: 15px/27px Georgia, "Times New Roman", Times, serif;
}
#menu3 a:hover {
	font: 25px/27px Georgia, "Times New Roman", Times, serif;
}
#menu3 a:active {
	color:blue;
	text-decoration:none;
}
#menu3 a:visited {
	color:#fff;
	text-decoration:none;
}
/*End Menu Links*/




/*Header footer sticky*/

html, body {
	margin:0;
	padding:0;
	height:100%;
	font-size:16px;
}
#container {
	min-height:100%;
	position:relative;
	background-repeat:repeat;
	background-image:url(../Resources/BG2.jpg);
	background-color: #000;
	background-size: 100%;
	color:#CCC;
}
#header {
	HEIGHT:0px;
	
}
#body {
	padding:40px;
	padding-bottom:80px;	/* Height of the footer */
}
#footer {
	position:absolute;
	bottom:-2px;
	width:100%;
	height:60px;
}
/* other non-essential CSS */
	#header p, #header h1 {
	margin:0;
	padding:10px 0 0 10px;
}
#footer p {
	margin:0;
	padding:0px;
}
 [if lt IE 7]> #container {
 height:100%;
}
<![endif] 
/*my news*/
#debug {
}
#inputContainer1 {
	width:386px;
	Height:200px;
	float:right;
	background-color:#006;
	margin-right:35px;
	margin-top:7px
}
#inputContainer2 {
	width:386px;
	Height:200px;
	float: left;
	background-color:#006;
	margin-top:7px;
	margin-left:35px;
}
div#outer {
	width:896px;
	background-color:#000;
	margin-top:5px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	border-bottom: 30px solid #000;
border: 5px solid #000;
	-moz-box-shadow: 10px 10px 5px #000;
	-webkit-box-shadow: 10px 10px 5px #000;
	box-shadow: 10px 10px 5px #000;
}
#newfeed {
	margin-top:15px;
	margin-bottom:15px;
	margin-left:5px;
	margin-right:5px;
	
}
#imputframe {
	height: 220px;
	padding: 0px;
	margin-top: 48px;
	background-image: none;
}
h1.feedtitle {
	font: 24px/33px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0;
	text-align:center;
	color:#CCC;
}

#topt{
	border-bottom:2px solid #ccc;
	border-top:2px solid #ccc;
}
/*Feed Css*/

.newsdiv {
	border:2px solid #ccc;
	margin-bottom:15px;
	margin-left:15px;
	padding-left:15px;
	padding-right:10px;
	margin-right:10px;
	background-color:#000;
	background-repeat: no-repeat;
	height: auto;
}
.newsdivfoot {
	height:60px;
}
.newspic {
	float:left;
	width:180px;
	height:150px;
	margin-top:60px;
	margin-right:15px;
	
	border: 30px solid #333;

	-moz-box-shadow: 10px 10px 5px #000;
	-webkit-box-shadow: 10px 10px 5px #000;
	box-shadow: 10px 10px 5px #000;
}
.newspicr {
	float:left;
	width:180px;
	height:150px;
	margin-top:80px;
	
	margin-right:15px;

	border: 30px solid #333;

	-moz-box-shadow: 10px 10px 5px #000;
	-webkit-box-shadow: 10px 10px 5px #000;
	box-shadow: 10px 10px 5px #000;
}
.mappic {
	float:left;
	margin-left:10px;
	margin-right:20px;
	margin-top:70px;
	
}
.newstext {
	width:96%;
	position:relative;
	right: 5px;
	top: 5px;
	left: 0px;
	margin-left: 10px;
	margin-right: 10px;
	text-align:justify;
	}
	.newstext2 {
	width:98%;
	position:static;
	right: 5px;
	top: 5px;
	left: 0px;
	margin-left: 10px;
	margin-right: 10px;
	text-align:justify;
	}
	.newsdate {
	position:static;
	margin-right: 20px;
	}
.sharebox {
	float:right;
	bottom:-55px;
	border:thin solid #000;
	width:50px;
	height:50px;
	margin:5px;
}
h1.fontface {
	font: 24px/33px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0;
	text-align:center;
		text-shadow:#000 4px 4px 8px;
		color:#CCC;
}
p.fontface {
	font: 15px/25px Georgia, "Times New Roman", Times, serif;
	text-align:center
		text-shadow:#000 2px 2px 4px;
		color:#CCC;
}
p.date {
	font: 15px/25px Georgia, "Times New Roman", Times, serif;
	text-align:right;
	padding-right:15px
	color:#CCC;
}
div#cc {
	position:static;
	background-color:#000;
	height:500px;
	width:848px;}
	
	div#gallery {
	height:100%;
	width:100%;
	margin-left:0.25%;
	margin-top:1%;
	overflow:auto;
	z-index:11000;
}
.imagecontainer {
	padding:10px;
	width: 100%;
	margin: 40px;
	}
 #map_canvas {
	height: 100%;
	width:100%;
	margin-right:100px;
	margin-top:10px;
	margin-bottom:20px;
	border: 30px solid #000;

 }
 #gallerycanvas { height: 600px;
 margin-top:10px;
 margin-bottom:20px;
 margin-right:20px;
 	border: 30px solid #000;

 }
 .galimg {position:relative;
	 height:190px;
 width:190px;
 margin:10px;
 float:left;
 border: 30px solid #000;

	 }
	 .galnam {
		 position:absolute;
		 top:176px;
		 height:20px;
		 background-color:#000;
		 z-index:100000;
		 width:100%;
		 text-align:center;}

.jubilee {
	position:relative;
	height:190px;
	width:130px;
	margin:10px;
	float:left;
	margin-right:30px;
	margin-left:50px;
	border: 30px solid #000;
	-webkit-border-image: url(../Resources/suber.png) 30 30 30 30 repeat;
	-moz-border-image: url(../Resources/suber.png) 30 30 30 30 repeat;
	-moz-box-shadow: 10px 10px 5px #000;
	-webkit-box-shadow: 10px 10px 5px #000;
	box-shadow: 10px 10px 5px #000;
	
}

#jubileebk {
	min-height:100%;
	position:relative;
	background-repeat:repeat;
	background-image:url(../Resources/jubileebk.jpg);
	background-color: #000;
	background-size: 100%;
	color:#CCC;
}