/* Default CSS used globally on The Queen site */

html {
margin: 0px;
border: 0px;
padding: 0px;
}


body {
margin: 0px;
border: 0px;
padding: 0px;
text-align: center;
background-color: #fff;
background-image: url(images/bg_sage.png);
font-family:  verdana, arial, sans-serif;
font-size: 1em;
color: #000;
}

/* Sets the striped background page frame */
#bk-div1 {
display: block;
width: 780px;
margin: 25px auto;
border: 5px solid #849773;
padding: 10px 20px;
background: url(images/bkg1.gif);
}

/*  multi-column layout within one container div */

#container {
width: 760px;
margin: 20px auto 0px auto;
padding: 0px;
border: 5px solid #755e6d;
text-align: left;
background-color: #fff;
}



#header, #footer, #subhead {
	clear: both;

	}

#header {
height: 190px;
background: url(images/headerbkg.png) #e8ffd6;
margin: 0px;
border: 0px;
padding: 0px;
}

#subhead {
height: 20px;
margin: 0px;
padding-top: 3px;
border: 0px;
background-color: #755e6d;
text-align: center;
color: #f9f3f3;
font-size: small;
font-weight: bold;
font-family: Georgia;

}


#shortnav {
float: left;
width: 140px;
background: url(images/navbkg.png) #f9f3f3; 
padding: 5px;
border-right: 10px solid #968590;
height: 600px;
}

#nav {
float: left;
width: 140px;
background: url(images/navbkg.png) #f9f3f3; 
padding: 5px;
border-right: 10px solid #968590;
height: 795px;
}

/* sets the nav column height for pages with mid to long content area */
#midnav {
float: left;
width: 140px;
background: url(images/navbkg.png) #f9f3f3; 
padding: 5px;
border-right: 10px solid #968590;
height: 950px;
}

/* sets the nav height for pages with extra long content area */
#longnav {
float: left;
width: 140px;
background: url(images/navbkg.png) #f9f3f3; 
padding: 5px;
border-right: 10px solid #968590;
height: 2500px;
}


/* sets the nav height for pages with long content area */
#midlongnav {
float: left;
width: 140px;
background: url(images/navbkg.png) #f9f3f3; 
padding: 5px;
border-right: 10px solid #968590;
height: 1200px;
}

#content {
float: left;
width: 73%;
/* background-color: #f9f3f3; */
font-family: Verdana, Arial, sans-serif;
font-size:  .8em;
padding: 15px 0px 15px 15px;
margin: 0px;
border: 0px;
}



/* margins for text and list items in content section */
#content .copy h1, p, ul  {
	margin-right: 35px; 
	margin-left: 30px; }

#content .copy li {
	margin-left: 35px; 
	margin-right: 35px;
	margin-bottom: 15px; }

#content .copy h3 {
	margin-left: 30px;
	text-align: left;
	font-family: verdana;
	color: #57644c;
	font-size: 1em;
	margin-bottom: 5px;
	padding-bottom: 0px;
	}

#content .copy h1 {
	text-align: center;
	color: #57644c;
	font-size: 1.3em;
	font-style: Italic;
	}	

#content a {
	color: #58654d;
	text-decoration: none;
	font-weight: bold;
	  }

#content a:hover {
	color: #755e6d;
	  }

/* formats the navigation links at the bottom of the page */
#content .bottomNav {
		font-size: .85em;
		text-align: center;
		font-family: Georgia, serif;
		font-weight: bold;
		}

#content .bottomNav a {
		color: #58654d;
		font-weight: bold;
		text-decoration: none;
		}

#content .bottomNav a:hover {
		color: #755e6d;
		}


#footer {
font-family: Georgia;
height: 60px; 
background-color: #e8ffd6;
border-top: 10px solid #968590;
color: #322a30; 
font-size: .75em;
font-weight: bold;
text-align: center;
padding-top: 6px;
margin: 0px;
}

/* right justifies image on index page */
img.pic {
	/* display: block; */
	float: right;
	padding: 0px;  
	 }


img.displayed {display: block;
		margin-left: auto;
		margin-right: auto;
		}

img.map {display: block;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #849773;
	}

/* main menu nav button layout */
ul#menu {
margin: 5px 5px 5px;
padding: 0px;
}

ul#menu li {
list-style-type: none; /* removes the bullet point */
font-weight: bold;
font-size: 1em;
text-align: center;
margin-bottom: 10px;
font-family: Georgia;
}

.navtop {
margin-top: 20px;
}


ul#menu li a {
color: #322a30;
text-decoration: none;
}

ul#menu li a:hover {

color: #755e6d;
}


#footer a {
color: #849773;
text-decoration: none;
font-weight: bold;
}

#footer a:hover {
color: #755e6d;
}

ul#menu li a.dim {color: #58654d;} 

.listSpacing li {
margin-bottom: 7px;
}

.italic {
font-style: italic;
}

.bold {
font-weight: bold;
}

.center {
text-align: center;
}


#content .flashMovie {
	margin: 25px auto;
	Text-align: center;
	}

/*  Preloads and hides Gallery pics, Flash movie, and other pics at end of index page so browser can cache them */
.hiddenPic {display:none;}