/*
Main Style Sheet for NAIUA Web Site
*/

html {margin: 0; padding: 0} /* being cautious */
body {color: black; background: white; text-align: center; padding: 0; margin: 3em 5% 0 5%;
   font-size: 16px; line-height: 1.2; font-family: Verdana, Arial, Helvetica, sans-serif;}
img {border: none;}
table {width: 100%; margin: 0;}
table td {padding: 0; border-width: 0; vertical-align: top;}

/* toptable is the "page title" area at the top of each page with naiua logo and title */
table#toptable {margin-bottom: 15px;}
table#toptable td {padding: 0.5em 0 1em 0; border-bottom: 1px solid black;}

/* footertable is the "footer" at the bottom of each page */
table#footertable {margin-top: 15px;}
table#footertable td {padding: 1em 0 0.5em 0; border-top: 1px solid black;}
table#footertable img {margin-left: 2em;}

a:link {color: #0000FF;}
a:visited {color: #990099;}

/* title and toplogo are in toptable */
td#title h1 {vertical-align: bottom; font: bold 2em Arial, Helvetica, Verdana, sans-serif;}
td#toplogo {width: 150px;}

/* Graphics in Open Road Navigation Bar need top padding */
div.navpics {padding-top: 1em;}

/* There are two columns in the middle table, the first colum is the navbar */
div.navbartable {width: 150px; background: #BBBBFF; margin-bottom: 10px;}
/* anchor tags (hyperlinks) in the navbar are block level elements */
div.navbartable a {display: block; text-decoration: none;}
/* change the background when navbar links are hovered over */
div.navbartable a:hover {background: #EEEEFF; border-left: 1px solid #BBBBFF; border-right: 1px solid #BBBBFF;}
/* In the navbar, <p> and <a> get special treatment */
div.navbartable p, div.navbartable a {border-bottom: 1px solid #0000FF; font-size: 85%; padding: 2px 0.33em 1px 0.33em;}
/* First row in each navbar section is distinctive */
div.navbartable p.navhead {background: #CCCCFF; text-align: center; font-weight: bold;
   border-bottom: 3px double black; margin-bottom: 1px;}

/* The second column in the middle table is content */
td#content {padding: 0 5em 0 5em;}

td#content h3 {text-align: right;}
/* Since the body text-align is center (see body), this provides an override */
td#content *.alignleft {text-align: left;}
/* Control of unordered lists in content */
td#content ul li {padding: 5px 5px; list-style-type: circle;}