/* Delawyk Crescent Style Sheet */
body                    {background-color: #9CF; font-family: "Arial", sans-serif}

/* Header of logo and street sign */
img#logo                {float: left}
header                  {width: 580px; height: 100px; background-color: white; border: thick black solid; text-transform: uppercase; box-shadow: 0px 0px 10px; margin: 0px 0px 50px 210px}
header > h1             {font-size: 55px; font-family: 'Arial Narrow', Arial, sans-serif; font-stretch: ultra-condensed; margin: 5px 10px; color: black}
header > h1 > span      {font-size: 25px; margin-left: -12px}
header > h1 > span, header > h2 {color: #B51C16}
header > h2             {margin: -5px 0px 0px 90px; font: bold 20px "Arial", sans-serif}

/* Navigation menu */
nav                     {clear: both; float: left}
nav > ul                {list-style-type: none}
nav > ul > li           {background-color: white; margin: 10px 0px 0px -40px; width: 178px; text-align: center; border: thin solid grey; padding: 3px; text-transform: uppercase}
nav li:hover		{background-color: #E0E0E0; color: #2020FF}
nav a			{text-decoration: none; color: black}
nav a:visited	   	{color: black}
nav a:hover		{color: #2020FF}

/* Highlight current page in navigation menu */
body#index li.index	{background-color: #E0E0E0}
body#about li.about     {background-color: #E0E0E0}
body#history li.history {background-color: #E0E0E0}
body#documents li.documents {background-color: #E0E0E0}
body#calendar li.calendar {background-color: #E0E0E0}

/* Feed reader */
img#facebook         	{position: absolute; top: 700px; left: 250px; height: 50px}

/* Text and articles */
div.MainSection         {margin: 0px 2% 150px 210px; !width: 600px}

dt                      {font-weight: bold}

table                   {margin: 10px 0px; text-align: center}
table, td, th           {border: thin gray inset}

img.photo, img.photo + p {width: 600px}
img.photo + p           {font-style: italic; font-size: smaller}

body#documents div.MainSection img {border: thick outset #B51C16; width: 200px; height: 285px}
body#documents div.MainSection img:hover {border-color: #2020FF}

figure                  {display: inline-block}