/* Master Styles for NAVH
   Will Fastie, January 2009
   Note:  Load Yahoo YUI Resets and Fonts prior to loading this file.
   NAVH Blue:   #014b8d, use #013a6d when hovering
   NAVH Orange: #f6821f
*/
a { color: #014b8d; background-color: transparent; text-decoration: underline; }
a:visited { color: #014b8d; background-color: transparent; }
a:hover { color: #014b8d; background-color: #E8EFF5; }
a:hover { color: #014b8d; background-color: #F9AF70; }

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #014b8d; color: black;
}
#outercontainer { width: 980px;
	margin: 0 auto;
	background-color: white;
	border: 2px solid #444; border-top-width: 1px;
}
#topbanner { 
  margin: 0; padding: 0;
	position: relative;
	width: 100%;  
	background: white url('img/banner-right.jpg') no-repeat right top; height: 110px;
	border-bottom: 4px solid #014b8d; /* blue */
}
  img.toplogo { margin: 0 0 0 10px;  border: 0; padding: 0; }
	#topslogan { 
		position:absolute; left: 315px; top: 30px; /* Use 275 if an image appears on the right */
		font-size: 189%;
		font-weight:bold;
		color: #014b8d; background-color: transparent;
		text-align: center;
	}
	#topslogan .subhead { font-size: 77%; color: black; font-weight: normal; }
  
/* end of top banner area */

/* ******************* Container for everything between the top banner and the footer */
#maincontainer {background-color: white;
	overflow: hidden;
	width: 980px;
	/* background-color: #97C9F1; */
	background-color: #D5E9F9;
	border-top: 4px solid #f6821f;
	border-bottom: 4px solid #014b8d; }
#menuarea { 
	font-size: inherit;
	width: 180px; /*  */
	margin:0; padding:0;
  padding-top: 20px;
	border-right: 800px solid #a3bed6; /* maincontainer width minus menuarea width */
	margin-right: -800px; /* ALA - per Alan Pearce & Ryan Brill, negative menuarea border-right */
	float: left;
	color: #014b4d;
	background-color: transparent;
}
#content { 
  background-color: white; 
  float: left;
  width: 765px; /* This will float in to the negative margin of the menu area */
  padding-left: 15px; padding-right: 20px;
  padding-top: 20px;
  margin: 0;
  /* Box Model: 800 - (25 + 15 + 0 + 0) = 760 */
  padding-top: 20px;
  padding-bottom: 1em;
}
/* ******************* End of main container layout code */

/* Donate button in menu area only */

#donate { width: 150px; margin: 0 auto 10px auto;  }
#donate img { border: 0; margin: 0; padding: 0; }
#donate a { text-decoration: none; border: 0; margin: 0; padding: 0; background-color: transparent;
}
#donate a:hover { background-color:transparent; text-decoration: none;
}

/* Items in the left menu - TOTH to ALA and Nick Rigby */
.leftmenu { 
	border: 0; 
  margin:0; padding: 0;
  font-size: 116%;
	font-weight:bold;
	text-align: left;
	color: #014b8d;
}
.leftmenu ul { 
	margin: 0; margin-left: 5px;
	padding: 0;
	border: 0;
  list-style: none;
	width: 175px;
	/* vertical-align: baseline; */
}
.leftmenu ul li { position: relative; list-style: none; margin: 0; }
.leftmenu li ul { position: absolute;
  left: 135px;
  top: 0;
  border: 1px solid #014b8d;
  background-color: #E8EFF5;
  display: none; visibility:hidden;
  z-index: 100;
}
.leftmenu ul li a { border-style: none;
	border-color: inherit;
	border-width: 0;
	display: block;
		margin: 0;
		text-decoration:none;
		color:#014b8d; 
	background: url('img/dart-bglb.gif') no-repeat 2px 4px; 
	padding: 6px 7px 8px 28px;
	}
.leftmenu li ul li a { background-image:url('img/dart-bglb.gif'); }

/* Fix IE hack. Hide from IE Mac \*/
/* * html ul li { float: left; } */
/* * html ul li a { height: 1%; } */
/* End Fix IE */
.leftmenu li:hover ul    { display: block; visibility:visible; }
.leftmenu li.hasfocus ul { display: block; visibility:visible; }
.leftmenu a:hover { color: #013a6d; background-color: #f6821f; background-image:url('img/dart-bgor.gif');   }

/* Items in the main content area */
/*Set the default font size for most elements in content */
#content p { 
  padding-bottom: 15px;
  line-height: 120%;
  font-size: 138.5%;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { 
	color: #014b8d; 
	font-style:normal; font-weight:bold;
	text-transform:uppercase;
}
#content h1 { font-size: 167%;   padding-bottom: 10px; }
#content h2 { font-size: 161.9%; padding-bottom: 5px; }
#content h3 { font-size: 153.9%; padding-bottom: 5px; }
#content h4 { font-size: 146.5%; padding-bottom: 5px; text-decoration:underline; }
#content h5 { font-size: 131%; padding-bottom: 5px; }
#content h6 { font-size: 131%; padding-bottom: 5px; font-style:italic; text-decoration:underline; }
#content p+h1, #content p+h2, #content p+h3, #content p+h4, #content p+h5, #content p+h6 { margin-top: 15px; }

#content table { font-size: 131%; margin-bottom: 15px; }
#content table td.td-top-align { vertical-align: top; }

ul { 
  list-style-type: disc;
  list-style-position: outside;
  list-style-image: none;
  margin-left: 0; margin-bottom: 20px;
}
ol { 
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 10px; margin-bottom: 20px;
}
li { 
  list-style-type: disc;
  list-style-position: outside;
  list-style-image: none;
  margin-left: 20px; 
}

ul.navh-list, ol.navh-list { font-size: 146.5%; line-height: 131%; } /* <--------------- */
ul.navh-list li { list-style-type: square; margin-bottom: 7px; }
ol.navh-list li { list-style-type:decimal; margin-bottom: 7px;  }

strong { font-weight: bold; font-style:inherit; }
em { font-style: italic; font-weight:inherit; }
.bold-ital {font-style: italic; font-weight: bold; }

div.hotnews { float: right; width: 220px;
  border: 4px solid #014b8d;
  margin: 0 0 10px 15px;
  padding: 3px 3px 5px 3px;
  text-align: center;
  background-color: #f4f4f4;
}
/* #content */ div.hotnews hr { width: 95%; }
div.hotnews img { padding: 0; margin: 0; }

#content .copyrightnotice { font-size: 110%; color: #014b8d; font-weight: bold; text-align: center; }

/* Footer definitions */
#footer { clear: both; 
	/* background-color: #ddd; */
	background-color: white;
	color: black;
	font-size: 116%; font-weight: bold;
	text-align: center;
	padding-top: 10px; padding-bottom: 10px;
	margin: 0px 0 0 0;
	border-top: 4px solid #f6821f;
}
#footermenu { padding: 8px 0 15px 0;  }
#footermenu ul { text-align: center; margin: 0; padding: 0;  }
#footermenu li { display: inline; }
#footermenu a { color: #014b8d; text-decoration: none; display: inline-block; margin:0; padding: 2px 3px; border: 0; }
#footermenu a:hover { color:#013a6d;  background-color: #f6821f; text-decoration: none; }

#fmenu { padding: 0 0 10px 0; text-align: center;  }
#fmenu a { color: #014b8d; text-decoration: none;  border: 0; display:inline-block; padding: 2px 3px 0px 3px; }
#fmenu a:hover { color:#013a6d;  background-color: #f6821f; text-decoration: none; }
#fmenu a:hover { color:#013a6d;  background-color: #F9AF70; text-decoration: none; }
#footeraddr { clear: both; font-size: 100%; text-align: center; }
#footercopyright { font-size: 93%; text-align: center; padding-top: 5px; }

/* Page Sponsorship Box */
.sponsor {
  float: right;
  width: 200px;
  margin: 0 0 5px 10px;
  padding: 2px 5px 4px 5px;
  border: 1px #014b8d solid;
  background-color: #D5E9F9;
}
.sponsor h5 { font-size: 70%; font-style: italic; text-align: center; font-weight:normal; }
.sponsor p { font-size: 70%; }
.sponsor p.cimg { padding: 0; border: 0; margin-top: 5px; text-align: center; }
.sponsor img { border: 0; padding: 0; margin: 0; }
.sponsor a { border: 0; padding:0; margin: 0; }

/* Misc */
img.img-tl { margin: 0 10px 5px 0; float: left; border: 0; }
img.img-tl-with-border { margin: 0 10px 5px 0; float: left; border: 1px #014b8d solid; }
img.img-tl-with-ul { margin: 0 30px 5px 0; float: left; border: 1px #014b8d solid; }
img.img-tr { margin: 0 0 5px 10px; float: right; }

.citation { text-align: right; margin-bottom: 15px; }
.ctr { text-align: center; }
.cimg { text-align: center; }
.clearboth { clear: both; }

.boardlist { } /* the table */
.boardlist td { padding-bottom: 8px; vertical-align: top; font-size: larger; }
col.boardlist-title { width: 270px; }
col.boardlist-name { width: 300px; }

.lplogo { border: 1px black solid; padding: 2px; }
.red-alert { color: red; font-weight: bold; }
.underline { text-decoration: underline; }

/* Rules for Past Events page */
.ue-photo-array-4 td { padding-right: 10px; }