/* CSS Document */

body { margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(../images/backtile.gif) 50% repeat-y #3651A3; text-align:center; }

td { vertical-align:top; font-size:12px; }

h1 { font-size:18px; color:#3651A3; margin-bottom:0; }

h2 { font-size:16px; color:#3651A3; margin-bottom:0; }

h3 { font-size:14px; color:#3651A3; margin-bottom:0; }

a { color:#009; font-weight:bold; }

a:hover { color:#00F; text-decoration:none; }

.main { width:100%; text-align:left; border-width:0; border-collapse:collapse; border-spacing:0; padding:0; }

.main td { text-align:left; border-width:0; border-collapse:collapse; border-spacing:0; padding:0; }

.leftcol { width:50%; background:url(../images/toplefttile.gif) top left repeat-x #3651A3; }

.centercol { background:url(../images/topright.jpg) 178px right no-repeat; }

.rightcol { width:50%; }

.navbar { float:left; width:144px; background:url(../images/navarc.gif) top left no-repeat; margin:0; }

.content { float:left; background:url(../images/AHAwater.gif) 75% top repeat-y; width:485px; padding:0 15px 50px 15px; }

.banner { margin:0 0 15px 10px; }

.smalltype { font-size:10px; }

.grids { margin-bottom:10px; }

.grids th { font-weight:bold; color:#FFF; background:#0F173E; padding:4px; }

.grids td { font-size:10px; background:#E9E8F2; padding:4px 4px 4px 8px; }

.bigbutton { display:block; margin:8px; padding:2px 10px; color:#FFF; background:#F38420; border:1px solid #3651A3; line-height:22px; text-decoration:none; }

.bigbutton:hover { color:#FFF; background:#0F173E; }


ul#primary-nav,
ul#primary-nav ul {
	margin: 0;
	padding: 0;
	width: 144px;
	/*background: #0F173E;*/
	}

ul#primary-nav li {
	position: relative;
	list-style: none;
	}

ul#primary-nav li a {
	display: block;
	text-decoration: none;
	text-align:right;
	font-weight:normal;
	color: #FFF;
	padding: 5px 10px 6px 0;
	border-bottom: 0;
	}

ul#primary-nav li a:hover { color: #F38420; text-decoration:underline; }

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

ul#primary-nav ul {
	position: absolute;
	display: none;
	background: #F38420;
	left: 139px; /* Less than original width */
	top: 0;
	border:1px solid #0F173E;
	}

ul#primary-nav li ul li a { padding: 5px 2px 5px 8px; text-align:left; }

ul#primary-nav li ul li a:hover { text-decoration:underline; color:#000; }

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; } /* The magic */