﻿body, div, p, h1, h2, h3, h4, ul, li, table
{
	border-style: none;
    border-color: inherit;
    border-width: medium;
    margin: 0px 0 0 0;
    padding: 0;
}

body
{
    font-family: Verdana;
    font-size: 10pt;
    background-image: url(Images/IMG_9495.gif);
}

h1
{
    font-family: Georgia;
}

.myPrimaryLayout
{
}

.myCentre
{
	text-align: center;
}

.myContentPlaceHolderSpacing
{
    padding: 5px 5px 5px 100px;
    text-align: center; /*position: fixed */ /*left: 350px; */
}
.MyMaintenancePageColours
{
	color: purple;
	background-color: #87ceeb;
}

.myTablePadding
{
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.MyRowStyle1
{
    background-color: #FFFFCC;
}
.MyCellStyle1
{
	text-align: center;
}
.MyCellStyle2
{
	text-align: right;
}
.MyCellStyle3
{
	text-align: left;
}

.myShanganiFont
{
	font-family: Verdana;
	font-size: 10pt;
	color: #990000;
	vertical-align: text-bottom;
	text-align: center;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	border-right-style: solid;
	border-top-color: #990000;
	border-top-style: solid;
	border-right-color: #990000;
	border-left-style: solid;
	border-left-color: #990000;
	padding-right: 10px;
}
.myShanganiFontHeader
{
	font-family: Verdana;
	font-size: 12pt;
	vertical-align: text-bottom;
	text-align: center;
	font-weight: bold;
	background-color: #990000;
	color: #ffffcc;
}

.myShanganiButton
{
	font-family: Verdana;
	font-size: 14pt;
	vertical-align: text-bottom;
	text-align: center;
	background-color: #990000;
	color: #ffffcc;
}

.myShanganiButtonSmall
{
	font-family: Verdana;
	font-size: 8pt;
	vertical-align: text-bottom;
	text-align: center;
	background-color: #990000;
	color: #ffffcc;
}

.myShanganiHeaderRow
{
    background-color: #000000;
}

.myImageBorder
{
    padding: inherit;
    margin: inherit;
    border: 3px solid #0000FF;
    visibility: visible;
}

/* Content Page Layout */
.dropShadowPanel
{
    background-color: #000000;
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 10pt;
    background-image: none; /* text-align: left; */
    border-right: black thin;
    border-bottom-color: black;
    border-right-width: thin;
    border-top-color: black;
    border-top-width: thin;
    border-bottom-width: thin;
    border-right-color: black;
    border-left-color: black;
    border-left-width: thin;
    width: 1000px;
}

/*Drag Panel*/
.dragMe {
	width:100%;
	height:21px;
	background-color:#FFF;
	background-image:url(images/header-opened.png);
	text-align:center;
	cursor:move;
	font-weight:bold;
}

/* Menu Style - Craig */

.menu
{
    border: none;
    border: 0px;
    margin: 0px;
    padding: 0px;
    font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.menu ul
{
    background: #333333;
    height: 35px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.menu li{
		float:left;
		padding:0px;
		}
.menu li a
{
    background: #333333 url("images/seperator.gif") no-repeat right bottom;
    color: #FFFFFF;
    display: block;
    font-weight: normal;
    line-height: 35px;
    margin: 0px;
    padding: 0px 25px;
    text-align: center;
    text-decoration: none;
}
		.menu li a:hover, .menu ul li:hover a
{
    background: #2580a2 url("images/hover.gif") bottom center no-repeat;
    color: #FFFFFF;
    text-decoration: none;
}
	.menu li ul
{
    background: #333333;
    display: none;
    height: auto;
    padding: 0px;
    margin: 0px;
    border: 0px;
    position: absolute;
    width: 225px;
    z-index: 200; /*top:1em;
		/*left:0;*/
}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a
{
    background: #2580a2 url('images/hover_sub.gif') center left no-repeat;
    border: 0px;
    color: #000000;
    text-decoration: none;
}
	.menu p{
		clear:left;
		}

