/* template-specific items */
#pageWrapper { width: 716px; border: 2px solid #DDD; margin: 0 auto; }
#mainNav { border-top: 1px solid #CCE5FF; border-bottom: 1px solid #CCC; background-color: #69C; font-size: 0; }
#splash { border-bottom: 1px solid #CCC; }


/* template-generic items */
.mainCol { background: #FFF; padding-bottom: 20px; }
.sideCol { background: #FFF; }
.intro { }


/* abstract reusable items */
.item { }
.area { }
.first { border-top: none !important; }


/* pre-defined items used in specific places */
.photoAndCaption { color: #999; font-style: italic; font-size: 70%; }
.photoAndCaption IMG { display: block; margin-bottom: 7px; }

.sideCol .item { margin: 0 10px 1.5em 10px; font-size: 70%; border-top: 1px solid #CCC; }
.sideCol .item H4 { margin-top: 10px; margin-bottom: 1em; }
.sideCol .item DT A { font-weight: bold; }
.sideCol .item DD { margin-bottom: 1em; }



/* items on the homepage */
.homepage { }
.homepage .mainCol { border-right: 1px solid #CCC; }
.homepage .mainCol .item { margin: 0 10px 0 10px; border-top: 1px solid #CCC; clear: both; }
.homepage .mainCol .item .photoAndCaption { width: 90px; float: left; margin-top: 10px; }
.homepage .mainCol .item .description { float: left; width: 380px; margin-left: 20px; margin-top: 6px; margin-bottom: 1.5em; }
.homepage .mainCol .item H3 { font-size: 80%; }
.homepage .mainCol .first { margin-top: 15px; }


/* second-level pages */
.secondlevel { }
.secondlevel .sideCol { padding: 10px; }
.secondlevel .mainCol { padding: 15px; padding-left: 0; }
.secondlevel .mainCol H3 { border-top: 1px solid #CCC; padding-top: 10px; margin-top: 20px; font-size: 90%; text-transform: capitalize; letter-spacing: 0; word-spacing: 0; }
.secondlevel .mainCol .intro { font-size: 100%; font-family: cochin, georgia, times, serif; margin-top: 10px; }