/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */
html,body	{
	margin:0px;
	padding:0px;
	background:#d9f1f8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height: 20px;
	}
body {behavior: url("ssi/csshover.htc");}
h1	{
	font-size:16px;
	font-weight:bold;
	color:#008080;
	}
h2	{
	font-size:14px;
	font-weight:bold;
	color:#008080;
	}
.ital	{
	font-size: 10px;
	font-style: italic;
	}
div#page	{
	margin:0 auto;
	padding:0px;
	width:990px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin-bottom:-40px;
	background:#fff;
	}
* html #page{height:100%;}
div#header	{
	width:100%;
	height:25px;
	background:#6dabbb;
	}	
/* this section controls the top menu */
div#nav_menu	{
	float:left;
	width:100%;			/* makes the div full width */
	border-top:1px solid #000;		/* draws line on top edge of div */
	border-bottom:2px solid #000;	/* draws line on bottom edge of div */
	background-color:#2f67a6;		/* colors the div */
	font-size:12px;
	font-weight:bold;
	}
div#nav_menu ul	{
	margin:0;
	padding:0;
	}
div#nav_menu li	{
	float:left;		/* causes the list to align horizontally instead of stack */
	position:relative;		/* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#2f67a6;	/*sets the background of the menu items */
	border-left:1px solid #000;	/* creates dividing lines between the li elements */
	}
div#nav_menu li:hover	{ 
	background-color:#6dabbb; /*sets the background of the menu items */
	}
div#nav_menu a	{
	display:block;
	padding:1px 10px 2px 10px;	/* creates space each side of menu item's text */
	text-decoration:none;	/* removes the underlining of the link */
	color:#d9f1f8;		/* sets the type color */
	}
div#nav_menu a:hover	{
	color:#fff;
	}
/* the drop-down starts here */
div#nav_menu ul li ul {
	margin:0; 
	z-index:10;	/* puts drop-down on top of div - Safari needs this as menu is 1px higher */
	position:absolute;	/* positions the drop-down ul in relation to its relatively positioned li parent */
	width:200px;	/* sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	border-right:0;	/* stops SCBs drops having two right borders - they inherit the border, IE doesn't */
	left:-1px;	/* aligns the drop exactly under the menu */
	}
div#nav_menu ul li ul li {
	padding:0;
	width:100%;		/* makes the list items fill the list container (ul) */
	border-left:1px solid #000;	/* three sides of each drop-down item */
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	}
div#nav_menu ul li ul li a {padding:2px 10px;}
div#nav_menu ul li ul li:first-child {
	border-top:2px solid #000;	/* the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#nav_menu ul li ul {display:none;}		/* conceals the drop-down when menu not hovered */
div#nav_menu ul li:hover ul {display:block; }	/* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body div#nav_menu ul li ul li ul  {
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	width:80px;
	left:240px;
	}
div#nav_menu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* the menu ends here */
div#content	{
	width:795px;
	float:right;
	}
div#main02	{
	width:750px;
	float:left;
	}
div#main	{
	width:525px;
	float:left;
	}
div#main a	{
	text-decoration:none;	/* removes the underlining of the link */
	color:#003399;		/* sets the type color */
	font-weight:bold;
	}
div#main a:hover	{
	color:#2f67a6;
	}

div#aux	{
	padding-right:5px;
	width:250px;
	float:right;
	}
div#logo	{
	width:195px;
	float:left;	
	text-align:center;
	}
div#pad	{
	clear:both;
	height:15px;
	}
div#footer	{
	margin:0 auto;
	width:990px;
	height:35px;
	bottom:0;
	border-top:5px solid #000;
	background:#6dabbb;
	text-align:center;
	color:#d9f1f8;
	}
div#contact	{
	margin:0 auto;
	width:90px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	border: 1px solid #000;
	background:#2f67a6;
	}
div#contact :hover	{
	background-color:#6dabbb;
	}
div#contact a	{
	display:block;
	padding:1px 5px 2px 5px;
	color:#d9f1f8;
	text-decoration:none;
	}
div#contact a:visited	{
	color:#d9f1f8;
	text-decoration:none;
	}
div#contact a:hover	{
	color:#fff;
	background-color:#6dabbb;
	text-decoration:none;
	}