/* start general */

body {
	position: relative;
	font-size: 0.85em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

p,tr,td,ol,li,ul,table {
	font-size: 100%;
}

h1 {
	font-size: 125%;
	background-color: inherit;
	color: #485178;
	margin: 10px 0 0;
}

h2 {
	padding: 10px 0 0;
	font-size: 115%;
	font-weight: 700;
	background-color: inherit;
	color: #827861;
	font-style: italic;

	}

h3 {
	font-size: 100%;
	font-weight: bold;
	background-color: inherit;
	color: #3F627C;
}

h4 {
	font-size: 100%;
	background-color: inherit;
	color: #414141;
}

h5 {
	font-size: 100%;
	background-color: inherit;
	color: #000;
	font-style: italic; 
}
/* end general */

/* start header */
#header {
	position: relative;
	left: 0px;
	top: 0px;
	border: none;
	background-color: #007575;
	height: 100px;
	width: 100%;
}


.nobullet {
	list-style-type:none;
	}
	
	li{padding-top: 7px;}
	
	

#siteSearch {
	display: none;
}

#bannerMenu_horizontal{
	display: none;
}

.bannerHomeImage h1 {
	font-size: 160%;
	margin-bottom: 50px;
}

.bannerHomeImage a {
	display: none;
}

.sectionBannerImage {
	display: none;
}

#bannerMenu {
	display: none;
}

#headerPMImage {
	display: none;
}

/* end header */

/* start left menu */
#leftMenu
{
	display: none;
}
/* end left menu */

/* start left sub menu */
#leftSubMenu
{
	display: none;
}
/* end left sub menu */

/* start main content */
/* refer to the mods.css to make changes to IE browser for this style */
/* This div holds the main text for a given page. I.e the middle section of the page. */
#content {
	height: 1%;
	font-size: 1em;
	top: 0;
	left: 0;
	text-align: justify;
}
/* end main content */

/* start right menu */
#rightMenu
{
	display: none;
}
/* end right menu */

/* info boxes */
.infoBox {
	display: none;
}

/* This style has been commented out because there is a replacement for it in a separate style sheet. The reason
   being that we want the header of the news boxes to be different for different sections */
/* h1.infobox {
	visibility: hidden;
} */

p.infobox {
	display: none;
}

a.infobox {
	display: none;
}

img.infobox{
 	display: none;
 }
/* end info boxes */

/* end right menu */

/* start footer */
#footer {
	display: none;
}
/* end footer */

#breadcrumb {
	display: none;
}

.backToTop {
	display: none;
}

/* start ministry */

#ministry li .thumbnail p.enlarge{
	display: none;
}

#ministry li  h3 {
	display: none;
}

#ministry ul {
  list-style: none;
}

/* end ministry */
	
/* ------------------- start jump links ---------------------- */
/* two css def. created for the purpose of positioning only.
	the jump links are on the top crest so not much space to work with
	and hence two ULs were created and sat them side by side with 
	absoulte positioning to fit in to the small space and still
	be usable by the users.
*/
.jumpLinksOne, .jumpLinksTwo {
	display: none;
}

.jumpLinksOne a:link, .jumpLinksOne a:visited,
.jumpLinksTwo a:link, .jumpLinksTwo a:visited {
	display: none;
}

.jumpLinksOne a:active ,
.jumpLinksTwo a:active{
	display: none;
}

.jumpLinksOne a:hover,
.jumpLinksTwo a:hover {
	display: none;
}

.jumpLinksOne a:focus,
.jumpLinksTwo a:focus {
	display: none;
}

/* ------------------- end jump links ---------------------- */

table.print_table
{width: 70%;
font-size: 0.75em; 
font-family: Georgia, "Times New Roman", Times, serif;
border-collapse: collapse;
padding: 0;
margin: 0;
}

thead.print_table {display: none;}

.noprint{display: none;}