/* import CSS for modern browsers */
/* ------------------------------------------------------- */
@import url(reset.css);
@import url(typography.css);


/* stops the nasty horizontal shift with centered layouts in moz etc */
/* html { height: 100%; margin-bottom: 1px; } */

/* overrule basic.css styles */

body {
	background-color: white;
	}



/* Grid */

.container {width:776px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}

div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8 {float:left;margin-right: 8px;}

div.last {margin-right:0;}
.span-1  { width: 90px;}
.span-2  { width: 188px;}
.span-3  { width: 286px;}
.span-4  { width: 384px;}
.span-5  { width: 482px;}
.span-6  { width: 580px;
}
.span-7  { width: 678px;}
.span-8, div.span-8 { width: 776px; margin: 0; }

.append-1  { padding-right: 98px;}
.append-2  { padding-right: 196px;}
.append-3  { padding-right: 294px;}
.append-4  { padding-right: 392px;}
.append-5  { padding-right: 490px;}
.append-6  { padding-right: 588px;}
.append-7  { padding-right: 686px;}

.prepend-1  { padding-left: 98px;}
.prepend-2  { padding-left: 196px;}
.prepend-3  { padding-left: 294px;}
.prepend-4  { padding-left: 392px;}
.prepend-5  { padding-left: 490px;}
.prepend-6  { padding-left: 588px;}
.prepend-7  { padding-left: 686px;}

div.border{padding-right:3px;margin-right:4px;border-right:1px solid #eee;}
div.colborder { padding-right:87px;margin-right:86px;border-right:1px solid #eee;}
.pull-1 { margin-left: -98px;}
.pull-2 { margin-left: -196px;}
.pull-3 { margin-left: -294px;}
.pull-4 { margin-left: -392px;}
.pull-5 { margin-left: -490px;}
.pull-6 { margin-left: -588px;}
.pull-7 { margin-left: -686px;}
.pull-8 { margin-left: -784px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8 {float:left;position:relative;}

.push-1 { margin: 0 -98px 1.5em 98px;}
.push-2 { margin: 0 -196px 1.5em 196px;}
.push-3 { margin: 0 -294px 1.5em 294px;}
.push-4 { margin: 0 -392px 1.5em 392px;}
.push-5 { margin: 0 -490px 1.5em 490px;}
.push-6 { margin: 0 -588px 1.5em 588px;}
.push-7 { margin: 0 -686px 1.5em 686px;}
.push-8 { margin: 0 -784px 1.5em 784px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8 {float:right;position:relative;}

.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}



#logoheader {
	margin-top: 0px;
	background-image: url(header3.png);
	height: 176px; 
} 
#logoheader h1 {
	text-indent: -999em;
	overflow: hidden;
	height: 0;
	margin: 0;
	padding: 0;
}
#nav {
	height: 28px;
	margin-top: 9px;
	position: relative;
}
	


/* My Comment */

#nav ul li {	
	text-align: left;
	list-style: none;
	border-style: hidden;
	padding-right: 11px;
	padding-left: 11px;
	position: relative;
}

#nav a {
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	display: inline;
	line-height: 0px;

}
	
#nav li a:hover {
	color: #ccc;
}
	
#nav li.first {
	border-left: none;
	list-style: none;
	display: inline;
}

/*****************************************************
* Superfish menu 
*****************************************************/


/*** ESSENTIAL STYLES ***/
.nav, .nav * {
	margin:0;
	padding:0;
	list-style:none;
	
}
.nav {
	line-height:1.0;
}
.nav ul {
	position:absolute;
	top:-999em;
	width:9.45em;
}
.nav ul li,
.nav a {
	width: 100%;
}
.nav li {
	float:left;
	position:relative;
	z-index:99;
}
.nav a {
	display:block;
}
.nav li:hover ul,
ul.nav li.sfHover ul {
	left:-1px;
	top:2.5em;
}
.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul,
ul.nav li li.sfHover ul {
	left:9.45em;
	top:-1px;
	
}
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}

/*** ORIGINAL SKIN ***/
.nav {	
	height: 28px;
	font-size: 14px;
	background-color: #00115e;
	padding-top: 2px;

}

.nav a {
	color: #fff;
	padding: 13px 0 0 0;
	
}


.nav ul li a {
	overflow: visible;
	text-decoration: none;
	height: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	right: 1px;
}

.nav li:hover, .nav li.sfHover,
.nav a:focus, .nav a:hover {
	background-position: 0 -36px;
	color: #000;
}

.nav a:active, .nav a.active {
	background-position: 0 -72px;
}

.nav li li {
	background: #00115e 0 0;
	color: #000;
	width: 150px;
	position: relative;
	bottom: 10px;
	left: 2px;
	
}

.nav li li li {
	background: #00115e;
	left: 40px;
	top: 1px;
}




#topnav {
	height: 34px;
	overflow:hidden;
	}


#topnav ul {
	margin-left: 0px;
  	padding-left: 0px;
  	text-align: right;
    }

#topnav ul li {
	margin-left: 0;	
	display: inline;
	padding: 0 4px;
	list-style: none;
	border-style: hidden;
}

#topnav a {
	text-decoration: none;
	font-weight: normal;
	font-size: 13px;
	color: #808080;
	display: inline;
	line-height: 0px;
}
	
#topnav li a:hover {
	color: #000;
}
	
#topnav li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
}

#mainnews {
	background-image: url(main_news.png);
	height: 161px;
	margin-top: 9px;

	}
#mainnews p {
	padding: 2px 7px 0;
}	

#sidebar {
	background-image: url(../img/sidebar.png);
	height: 448px;
	margin-top: 9px;
	position: relative;
	float: right;
	z-index: -1;

}

#newstwo {
	background-image: url(../img/news_two.png);
	height: 135px;
	position: relative;
	top: 8px;
	overflow:hidden;
	width:100%;
}

#newstwo p {
	padding: 2px 7px 0;

}
#newsthree {
	background-image: url(../img/news_three.png);
	height: 135px;
	position: relative;
	top: 16px;
	overflow:hidden;
	width:100%;
}
#newsthree p {
	padding: 2px 7px 0;

}
#newsfour {
	background-image: url(../img/news_four.png);
	height:  278px;
	margin-top: 8px;
}
#newsfour p {
	padding: 2px 7px 0;
}
#bannerads {
	margin-top: 12px;
	width: 776px;
	float: left;
	clear: both;
	overflow:hidden;
	height: 36px;
}

#bannerads img {
	padding-left: 8px;
	padding-right: 8px;
}

img.header_left {
	float: left;
	position: relative;
	top: 8px;
	left: 15px;
}

img.header_right{
	float: right;
	position: relative;
	top: 8px;
	right: 15px;
}

#footer {
	background-image: url(footer.png);
	margin-top: 12px;
	height: 63px;
	float: left;
	clear:both;
}
#footer p {
	text-align: center;
	color: #fff;
	font: 13px/3px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	position: relative;
	top: 2px;
	
}
#search {
	position: absolute;
	height: 100px;
}

/* My Comment */

input.searchbtn {
	background: transparent url(../img/submit.png) no-repeat;
	height: 20px;
	width: 53px;
	border-style: none;
	position: absolute;
	top: 33px;
	left: 119px;
	color: #fff;
	text-align: center;
	font-size: 12px;
	cursor: pointer; 
	cursor: hand;
}

input.loginbtn {
	background: transparent url(../img/submit.png) no-repeat;
	height: 20px;
	width: 53px;
	border-style: none;
	position: absolute;
	top: 154px;
	left: 119px;
	color: #fff;
	text-align: center;
	font-size: 12px;
	cursor: pointer; 
	cursor: hand;
	}

input.search_field {
	background: transparent url(../img/search.png) no-repeat;
	border-style: none;
	height: 19px;
	width: 157px;
	top: 9px;
	left: 15px;
	position: absolute;
	}

input.username {
	background: transparent url(../img/search.png) no-repeat;
	border-style: none;
	height: 19px;
	width: 157px;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	color: #808080;
	top: 104px;
	left: 15px;
	position: absolute;
	text-indent: 4px;
}

input.password {
	background: transparent url(../img/search.png) no-repeat;
	border-style: none;
	height: 19px;
	width: 157px;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	color: #808080;
	top: 130px;
	left: 15px;
	position: absolute;
	text-indent: 4px;
}

#events {
	position: absolute;
	top: 190px;
	padding: 1px 7px 0;

	}
#events p {
	padding: 1px 7px 0;
	line-height: 12px;
}
#calendar {
	display: inline;
	position: absolute;
	top: 400px;
	padding-left: 13px;
}
#calendar a {
	font-size: 12px;
	font-weight: normal;
	padding-left: 2px;
	font-style: normal;
}
.calthumb {
	display: block;
	position: absolute;
	padding-left: 7px;
	float: left;
	
}
#article {
	height: 447px;
	height:auto !important;
	min-height: 447px;
	background-color: #E8EEFD;
	border: 1px solid #DADBDB;
	margin: 9px 0 0;
}
#article h4 a {
	color: #002a8a;
}

.results {
	background-color: #dce0e8;
	padding: 7px 7px 8px;
	margin: 0 0 7.5px;
}
.results p {
	margin:0 0 7.5px 0;
	padding: 7px 7px 0 0;
}
.results h4 {
	color: #000;
	margin-bottom: 10px;
}
.results a {
	padding: 0 0 8px;
}

#crumbs {
	text-decoration: none;
	font-weight: normal;
	font-size: 13px;
	text-align: left;
	height: 30px;
	position: relative;
	top: 2px;
	right: 20px;
	color: #808080;
		overflow:hidden;


}	
#crumbs ul a {
	margin-left: -2px;
	color: #808080;	
	text-decoration: none;
	font-weight: normal;
	font-size: 13px;
	text-align: left;
	font-size: 1em;

}

bc. .zemContactForm fieldset {
   border: none;
   border-top: 1px solid #3d322e;
   border-bottom: 1px solid #3d322e;
   padding-bottom: 1em;
}
   
.zemContactForm legend {
   color: #ea9f00;
   font: 1em/1.5em Verdana, Arial, sans-serif;
   margin: 0.7em 0 0.3em 0;
   padding: 0.5em 10px 0.5em 0;
   width: 60px;
   }
.zemContactForm label {
   float: left;
   width: 60px;
   margin: 0.3em 10px 0 0;
   text-align: right;
   font: 0.7em/1.45em Verdana, Arial, sans-serif;
   color: #000;
   }
.zemContactForm input {
   margin-bottom: 0.5em;
   }
.zemContactForm br {
   clear: left;
   }
.zemContactForm .zemSubmit {
   	background: transparent url(../img/submit.png) no-repeat;
	margin: 0.5em 0 0 70px;
	height: 20px;
	width: 53px;
	border-style: none;
	color: #fff;
	font-size: 12px;
	cursor: pointer; 
	cursor: hand;
}
/*=MINICALENDAR
-------------------------------*/
#calendar_page {
	width: 500px;
	position: relative;
	top: 25px;
	left: 60px;
}

.minical {
	clear: both;
	width: 100%;}

.minical td {
padding: 1px 3px 4px;
text-align: center;
}
.minical td a {font-weight: bold;}
.minical .full{
background: #EFEFEF;
border: 1px solid #DDD}

.minical caption {
font-size: 14px;
text-align: center;
}
.minical_nav {text-align: center;}
.minical_nav a.next,
.minical_nav h3,
.minical_nav a.prev{
font-size: 25px;
display: inline;
}
#sidebar .minical_nav h3 {
font-size: 15px;
margin: 0;}
#sidebar .minical_nav a.next,
#sidebar .minical_nav a.prev {font-size: 20px}

#eventlist {
	position: relative;
	padding-top: 20px;
	padding-left: 20px;
	width: 100%;
}

#article h5.zem_event_date {
	padding-top: 20px;

}

.zem_event_permlink {
	padding-left: 7px;
}


#events h5.zem_event_date {
	position: relative;
	
} 

#events h4.zem_event_name {
	position: relative;
	top: -10px;
} 

#events a.zem_event_permlink {
	position: relative;
	top: -15px;
}

#Enquiry {
	overflow:hidden;
	
}