/* COLORS, FONTS, BACKGROUND IMAGES      red #ff0009   green #186618   yellow #ffd928  */
body               {background-color: white; color: black; 
                    background-image: url(/images/zimflagvertbackgr.gif); background-repeat: repeat-y;}
#border            {background-image: url(/images/borderbottlecap.gif);   background-repeat: repeat-y;}
#content, p, td, li, input, textarea, select 
                   {font-size: 11px; font-family: georgia,palatino,"minion web",serif;}
#nav, .pagedesc, .sectiondesc, .runinhead, .deadline, .photocaptioned 
                   {font-family: "trebuchet ms",trebuchet,geneva,"gill sans",arial,sans-serif;}
pre, tt            {font-size: 11px; font-family: courier,"courier new",monaco,monospace;}
#foot              {font-size: 9px; font-family: verdana,geneva,arial,sans-serif; margin: 30px 0 0 0; padding: 5px 0; 
                    border-top: 1px dotted #ffd928; background: white; color: #666;}
h1, h2, h3, h4, h5, h6 {font-family: "gill sans",gillsans,"trebuchet ms",trebuchet,verdana,arial,helvetica,sans-serif;}
h1, h2, h3, h4, .runinhead {background: white; color: #ff0009;}

/* BOILERPLATE */
body, table, td, form {margin: 0; padding: 0; border: 0;}
div                   {margin: 0;}
#left img, #banner img, #banner a, #banner a:hover, #border img, #nav img {border: 0;}

/* BANNER */
#banner            {width: 500px; margin: 0 auto;}
#banner img        {text-align: center; margin: auto;}
#banner a:hover, #banner a:active {background-color: white;}

/* LINKS (body & foot) AND NAVIGATION AREA */
a                  {font-weight: bold; text-decoration: none;}
a[name]            {display: none;} /* a[name]:hover {color: inherit; background: inherit;} */
a:link, a:visited  {color: #186618;}
a:hover            {background: #186618; color:   white;}
a:active           {background: #ffd928; color: #186618;}
#foot a            {font-weight: normal; text-decoration: none;}
#foot a:link, #foot a:visited {background:   white; color:    #474;}
#foot a:hover                 {background: #186618; color:   white;}
#foot a:active                {background: #186618; color: #ffd928;}
#nav                 {font-size: 11px; padding: 0 8px 0 0;}
div.navlinks         {margin: 0 0 16px 0;}
#nav div.navtop      {margin: 25px 0 0 4px; text-align: left;}
#nav div.homelinks a {font-weight: bold;}
#nav div.navhead     {margin: 20px 0 5px 0;}
#nav div.navlinks a, div.navlevel1, div.navlevel1 a, div.navlevel2, div.navlevel2 a, div.navlevel3, div.navlevel3 a {display: block;} 
#nav div.navlinks a  {padding: 2px 0 2px 8px;}
div.navlevel1        {font-weight:   bold; margin: 0;}
div.navlevel2        {font-weight: normal; margin: 0 0 0 12px;}
div.navlevel2 a      {font-weight: normal; padding: 2px 0 2px 1px;}

/* HEADING SIZE & ALIGNMENT */
h1, h2, h3, h4, h5, h6 {letter-spacing: 1px; word-spacing: 1px;}
h1 {text-align: center; font-size: 19px; line-height: 21px; margin:  0 40px 10px 30px;}
h2 {text-align:   left; font-size: 16px; line-height: 18px; margin: 20px auto 6px 0;}
h3 {text-align:   left; font-size: 14px; line-height: 15px; margin: 18px auto 6px 0;}   /* use instead of h2 */
h4 {text-align:   left; font-size: 13px; line-height: 14px; margin: 15px auto 3px 0;}   /* use as 3rd level with h2 */
h5 {text-align:   left; font-size: 12px; line-height: 13px; margin: 12px auto 0   0;}   /* black color */
p  {text-align:   left;}
.runinhead  {display: inline; font-size: 12px;}
h2.top, h3.top, h4.top {margin-top: 5px;}

/* PHOTOS */
caption.photoinlineright a {font-size: 9px; font-weight: normal; font-family: verdana,geneva,arial,sans-serif;}
a.photoinlineright         {background: white; color:   white; font-weight: normal;}
a.photoinlineright:hover   {background: white; color: #186618;}
a.photoinlineright:active  {background: white; color: #ffd928;}
p.photocaptioned           {text-align: center; font-size: 11px; letter-spacing: 1px;}
p.photocaptioned img       {margin-top: 20px;}

/* LISTS */
.listintro          {margin-bottom: 4px;} /* precedes the list */
ul, ol              {margin: 0 0 10px 25px; padding: 0;}
li                  {margin: 0 0  8px    0; padding: 0;}
ul li               {list-style-image: url(/images/triangle_green.gif); list-style-type: circle;}
.oneliners li       {margin-bottom: 3px;}
ul.normalbullets    {margin-left: 0; padding: 0;}
ul.normalbullets li {list-style-type: circle; list-style-image: none; margin-left: 30px; margin-bottom: 4px;}
ul.nobullets        {margin-left: 0; padding: 0;}
ul.nobullets li     {list-style-type: square; margin-left: 0; margin-bottom: 3px;} /* for NS4; see also 2adv.css */

/* MOST CLASSES */
.pagedesc, .sectiondesc, .deadline {font-size: 12px;}
.pagedesc       {text-align: center; margin-top:   0;}
.sectiondesc    {text-align:   left; margin-top:   0;}
.deadline       {text-align: center; color: white; background: black; font-weight: bold; padding: 2px;
                 margin-top: 8px; margin-left: 50px; margin-right: 50px; letter-spacing: 1px; word-spacing: 4px;}
.note           {text-align: center; font-size: 10px; font-family: verdana, geneva, arial, sans-serif; 
                 border: 3px double #ffd928; padding: 4px 4px 4px 10px;}
.notebody       {font-size: 10px; font-family: verdana, geneva, arial, sans-serif; 
                 text-align: center; margin: 4px 0;}  /* use for blocks that are contained in other blocks */
.noteleft       {text-align: left; font-size: 10px; font-family: verdana, geneva, arial, sans-serif; 
                 border: 3px double #ffd928; padding: 4px 4px 4px 10px;}
.signitureline  {text-align: right; margin-top: -5px; margin-right: 60px;}
.nearfoot       {margin-top: 20px; margin-bottom: -20px;}
.small          {font-size: 10px;}
.nowrap         {white-space: nowrap;}
.invisible      {visibility: hidden; color: white; background: white;}
.dotstop        {border-top:    4px dotted #ffd928;} /* not in use */
.dotsbottom     {border-bottom: 4px dotted #ffd928;} /* not in use */