body {behavior: url("/js/hover.htc");}

<?
	Header ("Content-type: text/css");
?>

/* global styles */ 
body {font-size: 12px; color:#000000; font-family: Arial, Verdana, Geneva, sans-serif; line-height: 14px;}
p, blockquote, li { font-size: 12px; color:#000000; font-family: Arial, Verdana, Geneva, sans-serif; line-height: 14px; }
td { font-size: 12px; color:#000000; font-family:Arial, Verdana, Geneva, sans-serif; line-height: 14px; vertical-align:top;}

#container {width:750px; background-color:#ffffff; border:1px solid #565656;} 
#banner {width:750px; height:122px; background: #9DAF15;} 
#content_area {width:750px; }
#main_content {clear:both; float:left; width:500px; padding: 10px 10px 0 15px; 
	font-size: 12px; color:#000000; font-family: Arial, Verdana, Geneva, sans-serif; line-height: 14px}
#right_content {width:210px; float:right; padding-top:10px; background-color:#FCDDE8; }
#footer {clear: both; width:720px; padding-left:15px; padding-right:15px; margin-top:40px; margin-bottom: 10px;
	font-size:10px; color:#7F7F7F; text-align:center; font-family: Arial, Verdana, Geneva, sans-serif; }

/* link styles */
a:link, a:visited, a:active {color:#7203B2; text-decoration: none; }
a:hover {color: #1000A9; text-decoration: underline; }

/* page styles */
#pagetitle {clear:both; position:relative; top:0px; margin:0 0 15px 0; width:500px; height:25px; background-color:#FFEB81;
		color:#00147E; font-size:16px; letter-spacing:.6em; padding:10px 0 0 10px; font-family:Arial, Verdana, Geneva, sans-serif; font-weight:bold; }
.sectiontitle {color:#DB0F3A; font-weight:bold; font-size:13px; padding-top:1em;}
.sidebar {width:155px; padding:10px; margin:0 0 10px 15px; background-color:#ffeb81; float:right;}
.sidebar_content {margin:10px; padding:10px; width:170px; background-color:#ffffff; font-size: 12px; color:#000000; font-family: Arial, Verdana, Geneva, sans-serif; border-bottom:1px #000000 solid;}
.byline  {font-style:italic;}
.authornotes { font-size: 12px; }

td.edge {border-bottom: solid 1px #000000;}
td.middle { border-left: solid 1px #000000; border-right: solid 1px #000000; border-bottom: solid 1px #000000; }

/* CSS VERTICLE POPUP MENU :: Thanks to TANFA http://www.tanfa.co.uk/ */

	/* Remove Padding, Margins, Bullets, set menu width, and styles, and heading to suit */
#menu {
	width: 750px; /* horizontal set size 12em; set width of menu */
	height: 30px;
	color: inherit;
	background-color: #9DAF15;
	float: left; /* remove float for vertical */
} 

#menu ul { /* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 5px 15px 0 15px;
/* 	width: 10em; */
	float: left; /* remove float and width for vertical */
}

#menu ul ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
	

/* style, color and size links and headings to suit */
#menu a, #menu h2, #menu h2 a {
	font: 15px arial, helvetica, sans-serif;
	display: block;
/*	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb; */
	margin: 0px; /* add margin-right to put spacing between them */
	padding: 2px 3px; 
	text-decoration: none;
	color: #000000;
/*	text-transform: uppercase; */
}

#menu a, #menu h2 a { border-width: 0px; }
#menu a:hover, #menu h2 a:hover, #menu a:hover h2 { color: #000000; background-color: #FDDB29; }
#menu ul ul a, #menu ul ul a:visited { color: #000000; background-color: #FDDB29; text-decoration: none; padding: 2px 3px; }
#menu ul ul a:hover { color: #FA2968; background-color: #ffffff; padding: 2px 3px; }
#menu ul ul a:active { color: #000000; background-color: #FDDB29; padding: 2px 3px; }

/* End padding, margins, bullets, menu width, styles, headings */

/* STYLING FOR EXPAND */

a.x, a.x:visited {
        font-weight: inherit;
        border: inherit;
        color: inherit;
        background-color: inherit;
        background-image: url("images/expand3.gif");
        background-repeat: no-repeat;
        background-position: 100% 100%;
}

a.x:hover {
        font-weight: bold;
        border: none;
        color: #a00;
	background-color: inherit;
}

a.x:active {
        color: #060;
        border: none;
        background-color: #ccc;
}
/* END STYLING FOR EXPAND */

/* POSITIONING */

#menu li {
	/* make the list elements a containing block for the nested lists */
	position: relative;
} 
#menu ul ul { position: absolute; z-index: 500; top: auto; display: none; }
#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%; /* to position them to the right of their containing block */
	width: 100%; /* width is based on the containing block */
	display: none;
}
/* END POSITIONING */

/* HIDING AND REVEALING USING HOVER */

div#menu h2:hover { color: inherit;	background: #ffffff no-repeat -999px -9999px; }
div#menu li:hover { cursor: pointer; z-index: 100; }
div#menu ul ul, div#menu li:hover ul ul, div#menu ul ul ul, div#menu li:hover ul ul ul { display: none; }
div#menu ul ul ul { background-position: 0 0; }
div#menu li:hover ul, div#menu li li:hover ul { display: block; }
/* END HIDING AND REVEALING */

/* END POPUP MENU */

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */