body {font-family: helvetica, arial, sans-serif;  background-color: #cddcf8; background-image: url('img/background.jpg'); background-repeat: no-repeat; background-position: 0 150px;}
div {position: absolute;display: inline;}



#header {width: 990px; height: 120px; left: 10px; top: 10px;}

#header .content {position: absolute; top: 18px; left: 20px; width: 950px; height: 65px; background-color: yellow; text-align: center;}
#header .content .titleoverlay {position: absolute; top: 0px; left: 0; background-image: url('img/title-overlay.png'); z-index: 100; width: 950px; height: 60px; background-repeat: repeat-x;}
#header .content .title {display: table-cell; vertical-align: middle; text-align: center; height: 60px; width: 950px;}

#header h1 {font-variant: small-caps; color: #7aa; text-shadow: 0px 2px 2px #000; font-size: 40pt; display: inline;}

#header .border {z-index: 100;}
#header .horizontal {height: 20px; width: 950px; left: 20px;}
#header .vertical {height: 60px; width: 20px; top: 20px;}
#header .corner {height: 20px; width: 20px;}
#header .topleft {left: 0; top: 0; background-image: url('img/top-left.png');}
#header .top {background-image: url('img/top.png');}
#header .topright {left: 970px; top: 0; background-image: url('img/top-right.png');}
#header .left {background-image: url('img/left.png');}
#header .right {left: 970px; background-image: url('img/right.png');}
#header .bottomleft {left: 180px; top: 80px; background-image: url('img/inner.png');}
#header .bottom {top: 80px; left: 200px; width: 770px; background-image: url('img/bottom.png');}
#header .bottomright {left: 970px; top: 80px; background-image: url('img/bottom-right.png');}



#nav {width: 200px; height: 544px; left: 10px; top: 90px;}

#nav .content {width: 160px; height: 574px; left: 20px; top: 0; background-color: yellow;}

#nav .border {}
#nav .horizontal {height: 20px; width: 160px; left: 20px;}
#nav .vertical {height: 574px; width: 20px; top: 0;}
#nav .corner {height: 20px; width: 20px;}
#nav .topleft {height: 0; width: 0;}
#nav .top {height: 0; width: 0;}
#nav .topright {height: 0; width: 0;}
#nav .left { background-image: url('img/left.png');}
#nav .right {left: 180px; top: 20px; height: 554px; background-image: url('img/right.png');}
#nav .bottomleft {left: 0; top: 574px; background-image: url('img/bottom-left.png');}
#nav .bottom {top: 574px; background-image: url('img/bottom.png');}
#nav .bottomright {left: 180px; top: 574px; background-image: url('img/bottom-right.png');}



#pics {top: 115px; left: 795px;}
#pics div {border-top: solid 1px darkorange; border-left: solid 1px darkorange; border-right: solid 1px #800; border-bottom: solid 1px #800; width: 200px; height: 150px;}
#pic1 {top: 0; left: 0; background-image: url('gallery/0.jpg'); z-index: 1;}
#pic2 {top: 160px; left: 0; background-image: url('gallery/0.jpg'); z-index: 1;}
#pic3 {top: 320px; left: 0; background-image: url('gallery/0.jpg'); z-index: 1;}
#pic4 {top: 0; left: 0; background-image: none; z-index: 0;}
#pic5 {top: 160px; left: 0; background-image: none; z-index: 0;}
#pic6 {top: 320px; left: 0; background-image: none; z-index: 0;}


#navlinks {position: absolute; padding: 0; left: 30px; top: 96px; width: 160px;}
#navlinks ul {padding: 0; border-spacing: 0; margin: 0;}
#navlinks li {list-style: none; padding: 0; height: 50px; border-top: solid 1px white; border-left: solid 1px white; border-right: solid 1px goldenrod; border-bottom: solid 1px goldenrod; background-image: url('img/button.png'); text-align: center;}
#navlinks li.selected {border-top: solid 1px goldenrod; border-left: solid 1px goldenrod; border-right: solid 1px white; border-bottom: solid 1px white; background-color: gold; background-image: none;}
#navlinks a {text-decoration: none; color: black; font-weight: bold;}
#navlinks span {display: table-cell; vertical-align: middle; height: 50px; width: 160px; cursor: hand; text-align: center;}
#navlinks p {display: inline;}


#body {background-repeat: no-repeat; width: 550px; left: 215px; top: 115px; background-color: white; border-top: solid 1px darkorange; border-left: solid 1px darkorange; border-right: solid 1px #800; border-bottom: solid 1px #800; padding: 5px 10px; text-align: justify;}

#body.watermark-ccgs {background-image: url('img/watermark-ccgs.jpg'); padding-left: 200px; width: 360px;}

#body #links a {display: list-item; list-style: none; padding: 0.5em 0;}

#body .inset-right, #body .inset-left {display: inline-block; text-align: left; border: solid 1px gray;}
#body .inset-left {float: left; margin-right: 5px;}
#body .inset-right {float: right; margin-left: 5px;}
#body span.inset-right, #body span.inset-left {width: 170px; background-color: BlanchedAlmond; padding: 5px;}