/* TDT CSS */

	a:link {	color:#003399; /*Navy*/  }
	a:visited {	color:#003399; /*Navy*/ }
	a:hover, a:active, a:focus	a:active { color:#FF9900; /* orange */ } 
	
	h1 a:link, h2 a:link {	color:#003399; /*Navy*/  text-decoration:none; }
	h1 a:visited, h2 a:visited {	color:#003399; /*Navy*/  text-decoration:none; }
	h1 a:hover, h2 a:hover, h1 a:active, h2 a:active, h1 a:focus, h2 a:focus,	h1 a:active, h2 a:active { color:#FF9900; /* orange */ } 

	body
	{
		font-family: Times New Roman, Arial, Helvetica;
		background-color:#FFFFFF; 
	}
	

	h1, h2, h3, h4, h5, h6 { font-family: Times New Roman, Times; }
	
	h1 { color: rgb(0,153,153); }
	
	h2 { color: rgb(102,102,102); }
	
	h3 { color: rgb(153,153,102); }
	
	h4 { color: rgb(0,153,153); }
	
	h5 { color: rgb(102,102,102); }
	
	h6 { color: rgb(153,153,102); }

	#frame 
	{
		width:760px;
		margin-left:0px;
		margin-right:auto;
		margin-bottom:1em;
		padding:0px;
		text-align:left;
		border: 0px solid #FFF;
		background-color:#FFF;
	}


	#header 
	{
		width:760px;
		height:118px;
		background-color:#FFF;
		background-image: url("/pics/tech/tube-logo.jpg");
		margin:0px;
		padding:0px;
		
	}

/*BOF topnav*/ 

	#topnav 
	{ 
      width: 760px; 
      background: #FFF url(image.gif) no-repeat 0 0; 
      margin: 0; 
      padding: 0; 
      border: none; 
      font-size: 1em; 
      font-weight:bold; 
		color:#003399; /*Navy*/
		height: 1.3em; 
      list-style: none; 
	}    
	
	#topnav li {display:inline; float:left; } 
	
	#topnav  li a {display:inline; background-color: transparent; } 

	#topnav a, #topnav a:link, #topnav a:visited 
	{ 
		width: auto; 
		color:#003399; /*Navy*/
		text-align: center; 
		text-decoration: none; 
	} 
    
	#topnav a:hover, #topnav a:active, #topnav a:focus  { color:#FF9900; /* orange */ } 

	* html #topnav-home  { margin: 0px 0px 0px 0px;   }
	#topnav-home			{ margin: 0px 0px 0px 0px;   }  
	#topnav-sitemap		{ margin: 0px 0px 0px 20px;  } 
	#topnav-blog			{ margin: 0px 0px 0px 220px;  } 
	#topnav-dfs				{ margin: 0px 0px 0px 20px; }
	#topnav-hm				{ margin: 0px 0px 0px 20px;  }
	#topnav-cu				{ margin: 0px 0px 0px 20px;  }

/* EOF Top Nav */

/* BOF Footer */

	#footer 
	{
		width:760px;
		margin:0px;
		padding:0px;
		background-color: #FFF;		
		color:#003399; /*Navy*/
		font-size:0.8em;
		font-weight:bold;
	}
	
	#footer li {display:inline; float:left; } 

	#footer a { text-decoration:none; }

	#footer a:hover { color:#FF9900; /* orange */ }

	* html #footer-resources  { margin: 0px 0px 0px 580px;   }
	#footer-resources			{ margin: 0px 0px 0px 580px;   }  
	#footer-favorites		{ margin: 0px 0px 0px 20px;  } 


/* EOF Footer*/

	#content 
	{
		width:640px;
		margin-top:0px;
		float:right;
		color:#000000;
	}

	#SpaBox 
	{
		width:210px;
		float:left;
		padding:0px;
		margin-left:2px;
	}

	#LeftBox 
	{
		width:160px;
		float:left;
		padding:0px;
		margin:0.5em;
	}

	#RightBox
	{
		width:160px;
		float:right;
		padding:0px;
		margin:0.5em;
	}

	#RightBox330
	{
		width:330px;
		float:right;
		padding:0;
		margin:0.8em 0 0 0.5em;
	}

/*** Side Bar ***/

	#sidenav 
	{
		margin:0;
		padding:0;

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

	#sidenav 	.SideHeader a
	{
/*  	padding:'padding-top' 'padding-right' 'padding-bottom' 'padding-left'*/

		padding: 0.8em 0 0 0;
		text-align:left;
		font-size:1.2em;
		font-weight:bold;
	}

	#sidenav 	.SideHeaderNoPad a
	{
/*  	padding:'padding-top' 'padding-right' 'padding-bottom' 'padding-left'*/

		padding: 0;
		text-align:left;
		font-size:1.2em;
		font-weight:bold;
	}

	#sidenav 	UL 
	{
		list-style: none;
		padding:0;
		margin:0px;
		color:#003399; /*Navy*/

		width: 120px;
		border-bottom: 0px solid #FFF;

		text-align:left;
		font-family:Arial;
	}


/* Nav Effect on load*/

	#sidenav li 
	{
		text-align:left;
		font-weight:bold;
		border-top:0px solid white;
		background-color:#FFF;
	
	}
	
	#sidenav 	UL LI { POSITION: relative; }
	
	#sidenav 	LI UL 
	{
		DISPLAY: none; 
/*		LEFT: 145px; */
		POSITION: absolute; 
		TOP: 0px; 
	}


	#sidenav 	UL LI A 
	{
		display: block;
		text-decoration: none;
		padding:0 0 0 0.8em;		
		margin:0px;
		border: 0px solid #ccc;
/* Main Over Effect */	
		color: #425D92;
		background-color:#FFF;
	}


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

/*	#sidenav li a:hover 	{ background-color: #FFF; 	} */



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

	
	#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 0 0 0.8em; }

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

	#sidenav li a:hover 	{ color: #000000; }
	
/*EOF Side Nav */

/* BOF Site Map*/

	#sitemap 	UL 
	{
		list-style: none;
		padding:0;
		margin:0px;
		color:#003399; /*Navy*/

		width: 250px;
		border-bottom: 0px solid #FFF;

		text-align:left;
		font-family:Arial;
	}


/* Nav Effect on load*/

	#sitemap li 
	{
		text-align:left;
		font-weight:normal;
		border-top:0px solid white;
		background-color:#FFF;
	
	}
	
	#sitemap 	UL LI { POSITION: relative; }
	
	#sitemap 	LI UL { DISPLAY: none;  POSITION: absolute;  }


	#sitemap 	UL LI A 
	{
		display: block;
		text-decoration: none;
		padding:0 0 0 0.8em;		
		margin:0px;
		border: 0px solid #ccc;
/* Main Over Effect */	
		color: #425D92;
		background-color:#FFF;
	}


/*Mouse Over text Colour*/
	#sitemap 	UL LI A:hover  { color:#FF9900; /* orange*/ }

/*	#sidenav li a:hover 	{ background-color: #FFF; 	} */



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

	
	#sitemap 	HTML UL LI 
	{
		FLOAT: left; 
		HEIGHT: 1%;

		font-weight:normal;
		position: relative; 
		font-family:Helvetica, Verdana, sans-serif;
	}
	
	#sitemap 	HTML UL LI A { HEIGHT: 1%; }

	#sitemap 	LI UL LI A { padding:0 0 0 0.8em; }

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

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