/*** Shaping Success Main CSS ***/

/*body { behavior: url("csshover3.htc"); } */
	body 
	{
		margin: 0;
		padding: 0;
		font-size:1em;
		color: #000000;
		font-family:Helvetica, Verdana, sans-serif;
		background-color:#eee;
	}
	
	#topnav {
		width:762px;
		height:59px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0em;
		padding:0px;
		margin-bottom:0px;
	}
	
	#topnav ul {
	    list-style:none;
		margin:0px;
		padding:0px;
		}

	#topnav li {
		float:right;
		margin:0px;
		list-style-type:none;
	}

	#topnav img {
	    border:none;
	}
	
	
	#headergraphic 
	{
		width:762px;
		height:141px;
		margin-right:auto;
		margin-left:auto;
		padding:0px;
		background-image:  url(/pics/nav/header.jpg);
		margin-top:0px;
	}
	
	#frame 
	{
		width:760px;
		margin-right:auto;
		margin-left:auto;
		margin-bottom:1em;
		padding:0px;
		text-align:left;
		border: 1px solid #000;
		border-top:none;
		background-color:#fff;
	}
	

:hover input.submit,  .submitOver 
{ 
   background: #ff0; 
   cursor: pointer; 
}


/*** Side Bar ***/


	#sidenav 
	{
		margin:0px;
		padding:0;

/*Master Font*/
		font-size:1em;
		
		float:left;
		padding-top:0em;
		padding-bottom:0.8em;

	}

	#sidenav 	UL 
	{
		list-style: none;
		padding:0;
		margin:0px;
		color:#993300;

		width: 130px;
		border-bottom: 1px solid #ccc;

		text-align:left;
		font-family:Helvetica, Verdana, sans-serif;
	}


/* Nav Effect on load*/

	#sidenav li 
	{
		font-weight:bold;
		border-top:1px solid white;
		background-color:#2B81F2;
		line-height:18px;
	
	}



	
	#sidenav 	UL LI 
	{
		POSITION: relative; 
	}
	
	#sidenav 	LI UL 
	{
		DISPLAY: none; 
		LEFT: 129px; 
		POSITION: absolute; 
		TOP: 0px; 
	}


	#sidenav 	UL LI A 
	{
	
		display: block;
		text-decoration: none;

		padding:0.15em 0 0.15em 0.8em;		
		
		margin:0px;

		border: 1px solid #ccc;
		border-bottom: 0;

/* Main Over Effect */	
		color: #FFFFFF;
		background-color:#2B81F2;
	}


/*Mouse Over text Colour*/
	#sidenav 	UL LI A:hover 
	{
		color:#000000;		
	}

	#sidenav li a:hover 
	{
		/*width:91%;*/
/*Mouse Over Colour*/
		background-color: #0000FF;
	}



	/* Fix IE. Hide from IE Mac \*/
	* html ul li { float: left; height: 1%; }
	* html ul li a { height: 1%; } 
	/* End */

.listitem{
	height:100%;
	width:100%;
}
	
	#sidenav 	HTML UL LI 
	{
		FLOAT: left; 
		HEIGHT: 1%;

		font-weight:normal;
		position: relative; 
		font-family:Helvetica, Verdana, sans-serif;
	}
	
	#sidenav 	HTML UL LI A 
	{
		HEIGHT: 1%;
	}
	
	
	#sidenav 	LI UL LI A 
	{
		padding:0.1em 0 0.1em 0.8em;
	}
	

	#sidenav 	LI:hover UL 
	{
		DISPLAY: block;
	}
	
	#sidenav 	LI.over UL 
	{
		DISPLAY: block;
	}

	#sidenav li a:hover 
	{
		color: #000000;
	}


	#sidenav .subnav 
	{
		text-align:left;
		font-style:italic;
		padding-left:0.5em;
	}

	#sidenav .subnav img 
	{
		border:none;
		margin-right:0.5em;
	}
	
	#sidenav .orange
	{
		color:#003399;
		font-family:Helvetica, Verdana, sans-serif;

	}
#sidenav  ul ul,
#sidenav  ul li:hover ul ul,
#sidenav  ul ul li:hover ul ul
{display: none;}
#sidenav  ul li:hover ul,
#sidenav  ul ul li:hover ul,
#sidenav  ul ul ul li:hover ul
{display: block;}

/*** Text inside Table ***/

	TD.ttxt
	{
		font-family:Helvetica, Verdana, sans-serif;
		margin-left:0em;
		font-size:0.9em;
		margin-right:0em;

	}


	TD.rs
	{
		padding-left:40px;
		padding-bottom: 20px;
	}

	input 
	{
		background-color:#ffffff;
	}

/* Special case for width on home page */
	#ContentHomePage
	{
		width:630px;
		background-image:url(/pics/nav/header_bottom2.jpg);
		background-repeat:no-repeat;
		background-position:top;
		margin-top:0px;
		float:right;
		color:#000000;
	}

	#ContentHomePage .blue 
	{
		font-size:0.9em;
		background-color:#FFFFFF;
		color:#0000CC; 
	}
/* End CHP */

	#AboutUsContent
	{
		width:760px;
		float:right;
		color:#000000;
	}
	
	#AboutUsContent .blue 
	{
		font-size:0.9em;
		color:#0000CC; 
	}

	#AboutUsContent H1
	{
		font-family:Helvetica, Verdana, sans-serif;
		font-weight:bold;
		font-size:1em;
		color:#003399;	
	}

/* */

	#content 
	{
		width:600px;
		background-image:url(/pics/nav/header_bottom_sun.jpg);
		background-repeat:no-repeat;
		background-position:top;
		margin-top:0px;
		float:right;
		color:#000000;
	}

	
	
	#content H1
	{
		font-family:Helvetica, Verdana, sans-serif;
		font-weight:bold;
		font-size:1em;
		color:#003399;	
	}

	#content .green 
	{
		background-color:#FFFFFF;
		color:#00CC00; 
		text-align:center;
/*		margin: -36px 0px 0px 170px;		*/
 		/*'margin-top' 'margin-right' 'margin-bottom' 'margin-left'*/
		margin: -20px 0px 0px 200px;
		font-size:1.1em;
		font-weight:bolder;

		position:absolute;
		z-index:3;
	}
	
	#content p
	{
		font-family:Helvetica, Verdana, sans-serif;
		margin-left:1.1em;
		font-size:0.9em;
		margin-right:1em;

	}
	
	#content .regularlist
	{
		float:none;
	}

	#content .regularlist a
	{
		color: #0000FF;
		text-decoration: underline;
	}
			
	#content .regularlist a:hover
	{
		color: #0000FF;
		text-decoration: underline;
	}
			
		
		
	#content .orangelist .orange
	{ 

		list-style-image: url(/pics/bullet.gif);

		color:#FF6600; 

		font-family:Helvetica, Verdana, sans-serif;
		margin-left:1.1em;
		font-size:0.9em;
		margin-right:1em;

		float: none;

	}

	#content .bage 
	{ 
		background-color:#FFFFFF;
		color:#993300; 
	}
	
	#content .pink 
	{
		background-color:#FFFFFF;
		color:#FF00FF; 
	}
	
	#content .violet 
	{
		background-color:#FFFFFF;
		color:#9900FF; 
	}
	
	#content .lime 
	{
		background-color:#FFFFFF;
		color:#66FF00; 
	}
	
	#content .blue 
	{
		font-size:0.9em;
		color:#0000CC; 
	}

	#content .red 
	{
		background-color:#FFFFFF;
		color:#CC0000; 
	}

	#content .cyan 
	{
		background-color:#FFFFFF;
		color:#33CCFF; 
	}

/*
	#content .green 
	{
		background-color:#FFFFFF;
		color:#00CC00; 
	}
*/

	#content .navyblue 
	{
		background-color:#FFFFFF;
		color:#000066; 
	}

	#content .purple 
	{
		background-color:#FFFFFF;
		color:#663366; 
	}

	#content table p 
	{
		padding-top:0px;
		padding-bottom:0px;
		margin-top:0px;
		margin-bottom:0px;
	}
	
/*** Footer ***/

	#footer 
	{
		margin-right:auto;
		margin-left:auto;
		text-align: center;
		width:760px;
		background-color: #006699;		
		color:#000;
		font-size:1em;
		font-weight:bold;
		margin:0px;
		padding:0px;
		padding-top:0.2em;
		padding-bottom:0.2em;
	}
	
	#footer ul, li {
	   list-style: none;
	   font-size:0.8em;
	   padding: 0;
	   text-indent: 0;
	   margin: 0;
		}

	#footer ul {
	    clear:both;
		text-align: center;
	    margin: 0 auto;
		padding-top:0.2em;
		padding-bottom:0.2em;
		padding-left:1em;
	}

	#footer li 
	{
		float:none;
	    margin:0em;
	}
	
	#footer a 
	{
		font-size:1em;
		color: #000;
		text-decoration:none;
	}

	#footer li a
	{
		margin-left: 1em;
		margin-right: 1em;
	}
	
	#footer a:hover 
	{
		font-size:1em;
		color: #FFFFFF;
		text-decoration: underline;
	}
	