body
{
    font-weight: normal;
	color: #000000;
    background-color: #ffffff;
    font-family: arial, helvetica, sans-serif;
    text-decoration: none;
	margin: 6px 6px 6px 6px;
	padding: 0px;
	
}


div#mastercontainer{width:800px; min-width:800px; margin-left:auto; margin-right:auto; }
/*a hack for IEwin only as it recognises width as min-width\*/
*html div#mastercontainer{width:800px}
/*end of hack*/

body, body p, body ol, body li, body dt, body dd, body dl, body th, body tr, body td    {

             /* more specific to override rule in importing sheet */
    font-size:    x-small;      
             /* false value for WinIE4/5 */
    voice-family: "\"}\"";   
             /* trick WinIE4/5 into thinking the rule is over */
    voice-family: inherit;   
             /* recover from trick */
    font-size:    small         
             /* intended value for better browsers */
    }

html>body, html>body p, html>body ol, html>body li, html>body dt, html>body dd, html>body dl, html>body th, html>body tr, html>body td {
	font-size: small
}

/* LINKS */
a:link{
	color:#660099;
	text-decoration: underline;
}

a:visited{
	color:#660099;
	text-decoration: underline;
}

a:active{
	color:#660099;
	text-decoration: none;
}
a:hover{
	color:#660099;
	text-decoration: none;
}


/*HEADERS*/

h1 {
	font-size: 150%;
	font-weight: bold;
    color:#660099;
	margin-bottom:0px;
}

h2 {
	font-size: 130%;
    font-weight: bold; 
    color:#660099;
	margin-bottom:0px;
}

h3 {
	font-size: 120%;
	font-weight: bold; 
	color: #660099;
	margin:0px;
}

h4 {
	font-size: 110%;
    font-weight: bold;
    color: #660099;
	margin:0px;
}

/*not actually used*/
h5 {
	font-size:100%;
    font-weight: bold; 
    color: #660099;
	margin:0px;
}

h6 {
	font-size:90%;
    font-weight: bold; 
	color: #660099;
	margin:0px;
}

.purple-text {
	font-size:100%;
    color: #660099;
	}

/*not used in SusDev but okay to leave*/

.smalltext 
{
    font-size: 85%;
    font-family: Arial, Helvetica, sans-serif;
}

form {
    font-size: 90%;
    margin: 0px;
    font-family: arial, helvetica, sans-serif;
}


/* TOP nav links */
a.topnavlinks:link {
    font-size: 85%;
    text-decoration: none;
}

a.topnavlinks:visited {
    font-size: 85%;
    text-decoration: none;
}

a.topnavlinks:hover {
    font-size: 85%;
    text-decoration: underline;	
}

a.topnavlinks:active {
    font-size: 85%;
    text-decoration: none;	
}

/*LEFT NAV LINKS*/
a.leftnavlinks:link {
    font-size: 90%;
    text-decoration: none;
}

a.leftnavlinks:visited {
    font-size: 90%;
    text-decoration: none;
}

a.leftnavlinks:hover {
    font-size: 90%;	
    text-decoration: underline;
}

a.leftnavlinks:active {
    font-size: 90%;
    text-decoration: none;	
}

.leftnavhead {
    font-weight: bold;
    font-size: 90%;
    font-family: arial, helvetica, sans-serif;
    text-decoration: none;
    color: #660099;
}

/* LEFT SUB NAV*/
a.leftsubnav:link {
	font-size: 90%;
    color: #666666;
    text-decoration: none;
}
a.leftsubnav:visited {
	font-size: 90%;
	color: #666666;
    text-decoration: none;
}
a.leftsubnav:active {
	font-size: 90%;
	color: #666666;
    text-decoration: none;
}

a.leftsubnav:hover {
	font-size: 90%;
	color: #666666;
    text-decoration: underline;
}


/*	------------------	Main Navigation	--------------------	*/

#navigation {
	padding : 0 20px 0 12px;
	vertical-align: top;
}

#navigation ul {
	margin : 0px;
		padding-left : 0px;
}

#navigation li {
	list-style : none;
	margin-bottom : 5px;
}

#navigation a:hover {
	text-decoration : underline;
}

#navigation ul ul {	/*	Sub Navigation of menu item	*/
	padding : 0px 2px 0px 10px;
	font-weight : normal;
}

/*	------------------	Right Hand Navigation	--------------------	*/

#rightnav {
	padding: 0px 12px 5px 10px;
	vertical-align: top;
}

#rightnav ul {
	margin : 0px;
		padding-left : 0px;
}

#rightnav li {
	margin:0px;
	border:0px;
	padding:0px;
	list-style : none;
	padding-left : 0px;
}

/*	Sub Navigation of menu item	*/
#rightnav ul ul {	
	padding : 0px 2px 0px 10px;
	font-weight : normal;
}

#rightnav a:link {
	font-size:80%;
	color: #666666;
    text-decoration: none;
}

#rightnav a:visited {
	font-size:80%;
	color: #666666;
    text-decoration: none;
}

#rightnav a:active {
	font-size:80%;
	color: #666666;
    text-decoration: none;
}

#rightnav a:hover {
	text-decoration : underline;
}

/* Right Nav Headers */

#rightnav h1
{	
	font-size : 100%;
	font-weight:bold;
	margin-bottom: 0px;
}
#rightnav h2
{	
	font-size : 100%;
	font-weight:bold;
	margin-bottom: 0px;
}
#rightnav h3
{	
	font-size : 100%;
	font-weight:bold;
	margin-bottom: 0px;
}

#rightnav h4
{	
	font-size : 100%;
	font-weight:bold;
	margin-bottom: 0px;
}
#rightnav h5
{	
	font-size : 95%;
	font-weight:bold;
	margin-bottom: 0px;
}
#rightnav h6 
{	
	font-size : 80%;
	font-weight:bold;
	margin-bottom: 0px;
}


/* --- MAIN content area --*/

table.test {margin-left:10px; margin-bottom:10px}

#main table {background-color:#ffffff;}

#main table td,  #main table th {
	padding:0px;
	background-color: #FFFFFF;
 }

#main hr{
		margin-bottom:10px;
}

#main ol {
	list-style-type: decimal;
}

#main ul {
	list-style-type: disc;
}

#main li {
	margin-bottom : 10px;
}

#main a:hover {
	text-decoration: underline;
}

.mainborder {
    border-style: solid;    
    border-width: 1px;
    border-color: #D3BCE2;		
}
/* --- For indicators pages only ---*/

table.purple {background-color:#d3bce2}

#mainind hr{
		margin-bottom:10px;
}

#mainind ol {
	list-style-type: decimal;
}

#mainind ul {
	list-style-type: disc;
}

#mainind li {
	margin-bottom : 10px;
}

#mainind a:hover {
	text-decoration: underline;
}


/* FOOTER */

a.footer:link
{
    font-size: 100%;
	text-decoration: none;
}

a.footer:visited
{
    font-size: 100%;
	text-decoration: none;
}

a.footer:hover
{
   text-decoration: underline;
    font-size: 100%;
}

a.footer:active
{
    font-size: 100%;
	text-decoration: none;
}

/* Header Title */
#titletext {
	font-size:1.5em;
	font-weight:bold;
	color:#660099;
}

.smtitletext {
	font-size:70%;
	font-style:italic;
	color:#000000;
	vertical-align:text-top;
}
.front-page-image {
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
	float: left;
	clear: right;

}
.front-page-heading {
	font-weight: bold;
	clear: both;
	margin-bottom: 0px;
	padding-bottom: 0px;

}

.image-right {
margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 5px;
	float: right;
	
	}
	
.image-right-no-margin{
margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	float: right;
	
	}
	
.image-left {
    margin-top: 5px;
	margin-right: 8px;
	margin-bottom: 4px;
	margin-left: 0px;
	float: left;
	}
	
.image-left-no-margin {
    margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	}

.superscript {
	vertical-align: sup;
	font-size: 10px
	
}
.subscript {
	vertical-align: sub;
	font-size: 10px
		
}
table.ems{font-size:90%;}

#leftnav a {font-weight: bold; font-family: arial, helvetica, sans-serif; color: #609;}
#leftnav li a { font-weight: normal;}
#leftnav a:link, #leftnav a:visited, #leftnav a:active {/*  */text-decoration: none;}
#leftnav a:hover {text-decoration: underline;}
#leftnav h3 {font-weight: bold;  font-family: arial, helvetica, sans-serif; text-decoration: none; color: #609; margin-bottom: 10px;}
#leftnav h3 {font-size:105%; margin: 0 10px 0 10px; padding-bottom: .5em; border-bottom:1px solid #609;}
#leftnav h4 {font-size:105%; margin: .5em 0px .25EM 10px;}
#leftnav hr {width: 85%; margin: 0px 0 10px 0px;}
#leftnav ul {margin: 0 0 0 10px; padding: 0px; list-style: none;}
#leftnav li {background-image: url(/images/resources/bul-purp.gif); background-repeat: no-repeat; background-position: -1px .5em; margin: 0px; padding: 3px 0px 3px 10px;}
#leftnav ul ul li { background-image:none; margin: 0px; padding: 3px 0px 3px 10px;}
#leftnav ul ul li a, #leftnav ul ul li a:visited{background-image:none; color: #666;}
#leftnav li a:visited, #leftnav li a { color: #000;}
#leftnav li a:hover { color: #666;}
#leftnav ul li:first-child {border: none; padding-top: 0px; background-image: url(/images/resources/bul-purp.gif); background-repeat: no-repeat; background-position: -1 3px;}
#leftnav ul ul li:first-child {border: none; padding-top: 0px; background-image:none;}
#leftnav li li, #leftnav ul ul li { margin-left:0px;  padding-left:0px;   padding-bottom:0px}
#leftnav p { margin: 0px; padding: 0px; font-weight: bold; color: #000; line-height: 115%;}
#leftnav hr {width: 100%; margin: 0 0 6px 0px; padding: 0px; background-color: #660; height: 1px; color: #993; border: none;}

/* BREADCRUMB */
#breadcrumb {font-size: 85%; text-decoration: none; font-weight: bold; color: #660099; font-family: arial, helvetica, sans-serif;}
#breadcrumb  a:link, #breadcrumb a:visited, #breadcrumb a:active {/*  */text-decoration: none; font-weight: normal;}
#breadcrumb a:hover {text-decoration: underline;}

/* Quick wins */

/* Quick Wins */

.tableCellBg1 {
    color: white;
	background-color: #660099; 
}

.tableCellBg2 {
    color: white;
	background-color: #CC3366;
}

.tableCellBg3 {
    color: white;
	background-color: #FF0000;
}

.tableCellBg4 {
    color: white;
	background-color: #339933;
}