body { margin: 0; padding: 0; background-color: #cbdbea; background-image: url(images/bodyBackground.gif); background-repeat: repeat-x; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 76%; text-align: center; }

#siteContainer { width: 790px; margin: 0 auto; text-align: left; }

#pageHeader { padding-top: 20px; margin-bottom: 45px; overflow: hidden; }
#pageHeader p { margin: 0; }
#pageHeader img { display: block; }
#pageHeader #zuidasLogo { float: left; width: 237px; }

#contents { overflow: hidden; padding-bottom: 18px; }

#mainNavigation { float: left; width: 150px; text-align: right; font-family: 'Century Gothic', Arial, sans-serif; }
#mainNavigation ul { margin: 0; padding: 0; list-style-type: none; }
#mainNavigation .selected ul { margin: 3px 0; }
#mainNavigation .selected li { border-width: 0 1px 0 0; border-style: solid; border-color: #b12026; }
#mainNavigation a { display: block; text-decoration: none; }
#mainNavigation a:hover { text-decoration: underline; }
#mainNavigation li a { font-weight: bold; font-size: 1.15em; color: #85181c; } /* TODO: Remove color settings from general a selector and introduce the link pseudo selectors */ 
#mainNavigation .selected li a { padding-right: 10px; font-weight: normal; font-size: 1em; color: #b12026; } 
#mainNavigation .selected .selected a { font-weight: bold; }
#mainNavigation .selected .selected li a { font-weight: normal; color: #2f70ab; }
#mainNavigation .selected .selected .selected a { font-weight: bold; }

#story { float: left; width: 250px; padding: 0 20px; margin-left: 20px; background-color: #cbdbea; background-image: url(images/contents/storyBorderBottom.gif); background-repeat: repeat-x; background-position: bottom; color: #173855; }
#story h1 { font-size: 1.3em; margin-top: 18px; margin-bottom: 18px; }
#story p { margin-top: 20px; margin-bottom: 20px; line-height: 1.3; }
#story p + p { text-indent: 1.5em; }

#gallery { width: 300px; margin-left: 25px; padding-bottom: 18px; float: left; background-color: #cbdbea; border-color: #b12026; border-style: solid; border-width: 0 0 1px 0; }
#gallery .full { margin: 0; display: block; }
#gallery .thumbs { margin: 18px 0 0 0; padding: 0; overflow: hidden; list-style-type: none; }
#gallery .thumbs li { float: left; width: 75px; margin-right: 37px; }
#gallery .thumbs li.thumb3 { margin-right: 0; }
#gallery .thumbs li img { display: block; }
