/* CSS Mini Reset
This section resets certain style values so that the elements display
the same across browsers.  They can then have styling added to make them
match your site with fewer cross-browser issues.
*/
html, body, div, form, fieldset, legend, label
{
 margin: 0;
 padding: 0;
}

table
{
 border-collapse: collapse;
 border-spacing: 0;
}

th, td
{
 text-align: left;
 vertical-align: top;
}

h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal; }

img { border: 0; }
/* End CSS Mini Reset *.

/* HTML Tag Styles */

/* This sets the styling on the entire page, so is appropriate for setting initial font values, page backgrounds, etc */
body {
	
	background-color:#fff;
	font: 14px/21px arial,helvetica,sans-serif;
}

/* Sets values for all of the section header tags */
h1, h3, h4, h5, h6 {
	color: #000;
	margin-bottom: 7px;
}

h2 {
	color: #000;
	margin-bottom: 7px;
	background-color: #8CC540;
}

/* Sets spacing between a section header tag and the following paragraph */
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {
	margin-top: 0;
}

/* Sets the styling for a link that is inside of an h2 tag */
h2 a {
	color: #EDC13A;
	text-decoration: none;
}
h2 a:hover {
	text-decoration: underline;
}

/* #pagewrapper is a div that surrounds the entire page */
#pagewrapper {
	width: 960px;
	margin: 21px auto;
	position: relative;
}

/* This header section contains styling for the title and address / contact info */
#header {
	background: transparent url('/images/DandD_Header-Background_02.png') no-repeat;
	width: 960px;
	height: 120px;
	position: relative;
	z-index: 100;
}
#header #email {
	position: absolute;
	top: 75px;
	left: 700px;
}
#header #facebook {
	position: absolute;
	top: 80px;
	left: 900px;
}
/* End header section */

/* This nav section contains the styling for the navigation menu, including dropdowns */
#nav{
	height:30px;
	line-height:30px;
	background: url('/images/nav-background.png') repeat-x;
	border: 1px solid #000;
	padding:0 10px;
	padding-left: 60px;
}
#nav ul,
#nav ul li
{
	margin:0;
	padding:0;
	list-style:none;
}
#nav ul li{
	float:left;
	display:block;
}
#nav ul li a:link,
#nav ul li a:visited{
	color:#0F75BA;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	padding:0 20px 0 6px;;
	display:block;
}
#nav ul li a:hover{
	color:#000
}
#nav ul li ul li{
	float:none;
	display:block;
}
#nav ul li ul li a:link,
#nav ul li ul li a:visited{
	color:#888;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding:0 10px;
	clear:both;
	border-bottom:solid 1px #000;
}
#nav ul li ul li a:hover{
	color:#624118;
	background:#B7E7BA;
}

.submenu {
	position: absolute;
	width: 160px;
	background:#cceecf;
	padding:10px;
	border:solid 1px #000;
	border-top:solid 1px #000;
	z-index: 1000;
	display:none;
	line-height:26px;
}

#nav ul.submenu li.longtitle {
	line-height: 16px;
}
#nav ul.submenu li.longtitle a {
	padding: 6px 10px;
}
/* End nav section */

/* #pagecontent contains everything below the header section */
#pagecontent {
	background: transparent url('/images/content-background.png') repeat-y;
}
#pagecontent p a:link{
	color:#B55A00;
}
#pagecontent p a:visited{
	color:#000;
}

/* #section represents the main content of the page */
#section {
	margin-left: 75px;
	padding: 21px 0;
	width: 870px;
	color:#636363;
}

/* Adjustment to the first header tag in the section, which should be an h1 for SEO and semantic usage */
#section > h1 {
	margin-top: 0;
	line-height: 1.3;
}
/* This removes the bottom margin from paragraphs to allow lists to have no line of space
between them and their preceding paragraphs.  Other elements should still have a top margin
that provides space so everything doesn't just lose all spacing.  You may notice issues if
you include paragraph in a div that doesn't have a bottom margin of padding set. */
p {
	margin-bottom: 0;
}
/* Removes the top margin from lists, which combined with the above p styling, leaves them tight against
preceding paragraphs */
p + ul, p + ol {
	margin-top: 0;
}
/* Styling for the hcard microformat used on the staff page */
.employee {
	clear: both;
	margin-top: 30px;
	width: 600px;
	border-bottom: 1px solid #333;
}
.employee .name {
	font-size: 22px;
	margin-bottom: 7px;
	background:#FCECB6;
	color: #000;
}
.employee .title {
	font-size: 12px;
	display: block;
}
.employee .desc {
	font-size: 12px;
	display: block;
	font-style: italic;
}
.employee .contact-info {
	font-size: 12px;
}
.employee .tel .value {
	padding-right: 30px;
}
.employee a {
	color: #EDC13A;
	text-decoration: none;
}
.employee a:hover {
	text-decoration: underline;
}

/* Styling for the footer section of the site */
#footer {
	background: url('/images/DandD_Footer-Background_01.png') no-repeat;
	clear: both;
	color: #0F75BA;
	font-style: bold;
	padding-left: 154px;
	text-align: center;
	margin-top: 21px;
	padding: 4px 0;
	border: 1px solid #000;
}