/* CSS Document */
 
body {
	width: 800px;
	margin-left: auto;
	margin-right: auto;	
	background-color: #fff;
	border-style: none;	
}



#header 
{
		vertical-align: middle;
		text-align: center;
		width: 100%;
		height: 150px;
		border-style: none;	
}

#navigation 
{
	background: url(/graphics/nt.gif) repeat;	
}

#content
{	
	background: url(/graphics/nt.gif) repeat;	
}

#footer
{
	clear: both;
	margin: 1%;
	text-align: center;
	font-size: x-small;	
}

	#spotlight {
	}
	#spotlight img {
		border-color: #000;
		border-width: thin;
		border-style: solid;
		margin: 1%;		
	}
	#spotlight p {
		text-align: center;			
	}
	#spotlight h1 {
		color: yellow;
		font-size: medium;
		font-weight: bold;
		text-decoration: underline;						
	}
	.boldContent  {
		font-weight: bolder;
	}

	h1 {
		text-decoration: none;
		font-size: 17px;
	}
	#navigation a {
		text-decoration: none;
		color: yellow;
		}
	#navigation a:link {
		color: yellow;
		}
	#navigation a:visited {
		color: yellow;
		}
	#navigation a:hover {
		color: red;
		}
	#navigation a:active {
		color: black;
		}	

	a {
		text-decoration: none;
		color: yellow;
		}
	a:link {
		color: yellow;
		}
	a:visited {
		color: yellow;
		}
	a:hover {
		color: red;
		}
	a:active {
		color: black;
		}	


	/* rounded corners thanks to http://www.neuroticweb.com/recursos/css-rounded-box/index.php */
	.rbtop div { background: url(/graphics/tl.gif) no-repeat top left; }
	.rbtop { background: url(/graphics/tr.gif) no-repeat top right; }
	.rbbot div { background: url(/graphics/bl.gif) no-repeat bottom left; }
	.rbbot { background: url(/graphics/br.gif) no-repeat bottom right; }
	.rbcontent  { margin: 0 14px; }
	.rbtop div, .rbtop, .rbbot div, .rbbot {
		height: 14px;
		}