body {
	font:normal 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#666666;
	behavior:url(css/csshover.htc);
}

* { 
	margin:0; 
	padding:0 
}

h1 {
	font:normal 1.6em Arial, Helvetica, sans-serif;
	color:#666666;
}

h2 {
	font-size: 1.0em;
}

h3 {
	font-size: 0.75em;
}

h4 {
	font:normal 0.66em Arial, Helvetica, sans-serif;
}

p {
	font-size: 0.7em;
	margin-bottom:1.0em;
}

div#pageContainer {
	margin:auto; 
	width:850px; 
}


#pageContainer #header{}

#pageContainer #header #top-header
{
	height:80px;
	background-color:#FFFFFF;
}

#pageContainer #header #top-header h1
{
	padding-top:0.55em;
}


#pageContainer #header #top-header img
{
	float:left;
}

#pageContainer #header #bottom-header
{
	height:100px;
	background-color:#CCCCCC;
	background-image:url('../images/AdditonalResourcesBanner.jpg');
}

/* START NAVIGATION */

div#navigation
{
	width:100%;
	font-size:0.7em;
	background:transparent url('../images/ans-dropshadow.png') repeat-x;
	float:left;
	position:relative;
}

div#navigation ul
{
	margin:0 0 0 20px;
	float:left;
}

div#navigation li
{
	float:left;
	position:relative;
	list-style-type:none;
	width:80px;
	height:22px;
	background:transparent url('../images/ans-menu.png') no-repeat;
}

div#navigation li:hover
{
	background-color:#FFFFFF;
	color:#e96c10;
}

div#navigation a
{
	display:block;
	width:100%;
	text-decoration:none;
	padding:5px;
	color:#f7f7f9;
}

div#navigation a:hover
{
	color:#832626;
}


div#navigation ul li ul
{
	margin:0;
	position:absolute;
	width:14em;
	left:-1px;
	display:none;
	
}

div#navigation ul li ul li
{
	width:100%;
	padding:0 5px;
	background-image:none;
	background-color:#666666;
}

div#navigation ul li:hover ul, div#navigation ul li ul:hover
{
	display:block;
}

/* END NAVIGATION */

/* START MAIN CONTENT */

div#main
{ 
	background-color:#FFFFFF;
	background-image:url('../images/ans-fade.png');
	background-repeat:repeat-x;
}

div#content
{
	padding:0 0 0 20px;
	
}
div#welcome 
{
	padding:3.0em 60px 0 20px;
	font-size-adjust:.6;
}
div#content .topic
{
	height:43px;
	background:transparent url('../images/ans-honeycomb.png') no-repeat;
	margin:2em 0 0 0px;
}

div#content .topic a
{
	display:block;
	padding:.25em 0 0 10px;
	font:bold 1.3em Arial, Helvetica, sans-serif;
	color:#666666;
	float:left;
}

div#content .topic a.top{
	  color: #A6A6A6;
	  font-size:.66em;
	  font-weight:normal;
	  padding:10px 0 0 20px;
	  text-decoration:none;
}

div#content .topic a.top:hover{
	  color: #832626;
}

div#content .column1 
{
	float:left; 
	width:486px; 
	margin-right: 15px;
}

div#content .column2 
{
	float:left; 
	width:296px; 
}


div#content h3 a
{
	color:#246d8a;
	font-weight:bold;
	text-decoration:none;
}

div#content h3 a:hover
{
	color:#832626;
	text-decoration:none;
}

div#content p
{
	
}

#pageContainer #footer
{
	border-top:solid 1px #CCCCCC;
	padding-top:1em;	
	background-color:#FFFFFF;
	text-align:center;
	font-size:0.65em;
	height:4em;
}








/* HACK ZONE */

* html #navigation ul
{
	float:left;
	margin-left:10px;
}


/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";            /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;               /* ensure the period is not visible */
    clear: both;             /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */