html, body {
	height: 100%;
}

body { 
	text-align: center;
	background: url(/_images/theme/page_bkg.png) #eee center top repeat-y;
}

#wrapper {
}

.base-box {
	margin: 0 auto;
	width: 1002px;
	text-align: left;
}

ul.hor-nav {
	float: left;
	list-style-type: none;
}

ul.hor-nav li {
	float: left;
	line-height: 1;
}

ul.hor-nav li a {
	display: block;
}

/*
**
*/

#header {
	background: url(/_images/theme/header.png) left top repeat-x;
}

#header div.base-box {
	position: relative;
	height: 180px;
}

#header div#philaplace-logo {
	display: block;
	position: absolute;
	top: 40px;
	left: 50px;
	width: 520px;
	height: 135px;
	background: url(/_images/theme/logos/philaplace_logo.png) left top no-repeat;
}

#header a#philaplace-home {
	display: block;
	position: absolute;
	top: 19px;
	left: 4px;
	width: 112px;
	height: 112px;
}

#header a#story-button {
	display: block;
	position: absolute;
	z-index: 100;
	top: 135px;
	right: 30px;
	width: 101px;
	height: 118px;
	background: url(/_images/theme/buttons/add_a_story_btn.jpg) left top no-repeat;
}

/*
**
*/

#header ul#nav1 {
	height: 17px;
	position: absolute;
	top: 150px;
	left: 170px;
}

#header ul#nav1 li {
	padding-right: 10px;
	height: 17px;
}

#header ul#nav1 li a {
	height: 17px;
}

#header ul#nav1 li.first {
	padding-left: 0;
}

#header ul#nav1 li.last {
	padding-right: 0;
}

#header ul#nav1 li#n1-home a       { background-image: url(/_images/theme/buttons/home_btn.jpg);       width: 47px; }
#header ul#nav1 li#n1-map a        { background-image: url(/_images/theme/buttons/map_btn.jpg);        width: 37px; }
#header ul#nav1 li#n1-topics a     { background-image: url(/_images/theme/buttons/topics_btn.jpg);     width: 60px; }
#header ul#nav1 li#n1-collection a { background-image: url(/_images/theme/buttons/collection_btn.jpg); width: 99px; }
#header ul#nav1 li#n1-blog a       { background-image: url(/_images/theme/buttons/blog_btn.jpg);       width: 41px; }

#header ul#nav1 li#n1-home a, #header ul#nav1 li#n1-map a, #header ul#nav1 li#n1-topics a, #header ul#nav1 li#n1-collection a, #header ul#nav1 li#n1-blog {
	background-repeat: no-repeat;
}

#header ul#nav1 li#n1-home       a:link, #header ul#nav1 li#n1-home       a:visited, 
#header ul#nav1 li#n1-map        a:link, #header ul#nav1 li#n1-map        a:visited, 
#header ul#nav1 li#n1-topics     a:link, #header ul#nav1 li#n1-topics     a:visited, 
#header ul#nav1 li#n1-collection a:link, #header ul#nav1 li#n1-collection a:visited, 
#header ul#nav1 li#n1-blog       a:link, #header ul#nav1 li#n1-blog       a:visited {
	background-position: 0 0;
}

#header ul#nav1 li#n1-home       a:hover, #header ul#nav1 li#n1-home       a:active, 
#header ul#nav1 li#n1-map        a:hover, #header ul#nav1 li#n1-map        a:active, 
#header ul#nav1 li#n1-topics     a:hover, #header ul#nav1 li#n1-topics     a:active, 
#header ul#nav1 li#n1-collection a:hover, #header ul#nav1 li#n1-collection a:active, 
#header ul#nav1 li#n1-blog       a:hover, #header ul#nav1 li#n1-blog       a:active {
	background-position: 0 -16px;
}

body#index       #header ul#nav1 li#n1-home       a:link,  body#index       #header ul#nav1 li#n1-home       a:visited, 
body#index       #header ul#nav1 li#n1-home       a:hover, body#index       #header ul#nav1 li#n1-home       a:active, 
body#mappage     #header ul#nav1 li#n1-map        a:link,  body#mappage     #header ul#nav1 li#n1-map        a:visited, 
body#mappage     #header ul#nav1 li#n1-map        a:hover, body#mappage     #header ul#nav1 li#n1-map        a:active, 
body#topics      #header ul#nav1 li#n1-topics     a:link,  body#topics      #header ul#nav1 li#n1-topics     a:visited, 
body#topics      #header ul#nav1 li#n1-topics     a:hover, body#topics      #header ul#nav1 li#n1-topics     a:active, 
body#collections #header ul#nav1 li#n1-collection a:link,  body#collections #header ul#nav1 li#n1-collection a:visited, 
body#collections #header ul#nav1 li#n1-collection a:hover, body#collections #header ul#nav1 li#n1-collection a:active {
	background-position: 0 -32px;
}

/*
**
*/

#header ul#nav2 {
	height: 12px;
	position: absolute;
	top: 152px;
	left: 520px;
}

#header ul#nav2 li {
	padding-right: 10px;
	height: 12px;
}

#header ul#nav2 li.first {
	padding-left: 0;
}

#header ul#nav2 li.last {
	padding-right: 0;
}

#header ul#nav2 li a {
	height: 12px;
}

#header ul#nav2 li#n2-educators a    { background-image: url(/_images/theme/buttons/educators_btn.jpg); width: 73px; }
#header ul#nav2 li#n2-about a        { background-image: url(/_images/theme/buttons/about_btn.jpg);     width: 42px; }
#header ul#nav2 li#n2-support a      { background-image: url(/_images/theme/buttons/support_btn.jpg);   width: 57px; }
#header ul#nav2 li#n2-myphilaplace a { background-image: url(/_images/theme/buttons/mypp_btn.jpg);      width: 94px; }

#header ul#nav2 li#n2-educators a, 
#header ul#nav2 li#n2-educators a, 
#header ul#nav2 li#n2-educators a, 
#header ul#nav2 li#n2-educators a {
	background-repeat: no-repeat;
}

#header ul#nav2 li#n2-educators    a:link, #header ul#nav2 li#n2-educators    a:visited, 
#header ul#nav2 li#n2-about        a:link, #header ul#nav2 li#n2-about        a:visited, 
#header ul#nav2 li#n2-support      a:link, #header ul#nav2 li#n2-support      a:visited, 
#header ul#nav2 li#n2-myphilaplace a:link, #header ul#nav2 li#n2-myphilaplace a:visited {
	background-position: 0 0;
}

#header ul#nav2 li#n2-educators    a:hover, #header ul#nav2 li#n2-educators    a:active, 
#header ul#nav2 li#n2-about        a:hover, #header ul#nav2 li#n2-about        a:active, 
#header ul#nav2 li#n2-support      a:hover, #header ul#nav2 li#n2-support      a:active, 
#header ul#nav2 li#n2-myphilaplace a:hover, #header ul#nav2 li#n2-myphilaplace a:active {
	background-position: 0 -12px;
}

body#educators    #header ul#nav2 li#n2-educators    a:link,  body#educators    #header ul#nav2 li#n2-educators    a:visited, 
body#educators    #header ul#nav2 li#n2-educators    a:hover, body#educators    #header ul#nav2 li#n2-educators    a:active, 
body#about        #header ul#nav2 li#n2-about        a:link,  body#about        #header ul#nav2 li#n2-about        a:visited, 
body#about        #header ul#nav2 li#n2-about        a:hover, body#about        #header ul#nav2 li#n2-about        a:active, 
body#support      #header ul#nav2 li#n2-support      a:link,  body#support      #header ul#nav2 li#n2-support      a:visited, 
body#support      #header ul#nav2 li#n2-support      a:hover, body#support      #header ul#nav2 li#n2-support      a:active, 
body#myphilaplace #header ul#nav2 li#n2-myphilaplace a:link,  body#myphilaplace #header ul#nav2 li#n2-myphilaplace a:visited,
body#myphilaplace #header ul#nav2 li#n2-myphilaplace a:hover, body#myphilaplace #header ul#nav2 li#n2-myphilaplace a:active {
	background-position: 0 -24px;
}

/*
**
*/

#header #search-form {
	margin-top: 5px;
	float: right;
}

#header #search-form button#submit {
	position: relative;
	top: -4px;
	border: 0px;
	background-image: url('/_images/theme/buttons/go_btn.jpg');
	background-position: left top;
	background-repeat: no-repeat;
	width: 25px;
	height: 20px;
}

#header #search-form button#submit:hover {
	background-position: left bottom;
}

/*
**
*/

#header #login-stuff {
	position: absolute;
	top: 40px;
	right: 10px;
	font-weight: bold;
	color: white;
}

#header #login-stuff #login-links {
	position: relative;
}

#header #login-stuff a{
	padding: 5px 3px;
}

#header #login-stuff a {
	background: none;
	color: white;
}

#header #login-stuff a.login-active {
	background-color: white;
	color: #00AA88;
	border: 2px solid #00AA88;
	border-bottom: none; /*2px solid white;*/
	position: relative;
	z-index: 25000;
}

#header #login-form {
	display: none;
	position:absolute;
	right:50px;
	background-color: white;
	border: 2px solid #00AA88;
	z-index: 20000;
	color: #AABBBB;
	padding: 15px;
	left:-147px;
	top: 1.7em;
	width:150px;
}

#header #login-form a#forgot-pw-link {
	float: left;
	margin-top: 10px;
	color: #00AA88;
	text-decoration: none;
	width: 50%;
	padding: 0;
	line-height: 1.2em;
}

#header #login-form a#forgot-pw-link:hover {
	text-decoration: underline;
}

#header #login-form button#login-submit {
	float: right;	
	border: 0px;
	margin-top: 10px;
	background-image: url('/_images/theme/buttons/log_in.jpg');
	background-position: left top;
	background-repeat: no-repeat;
	width: 61px;
	height: 27px;
	cursor: pointer;
}

#header #login-form input {
	border: 1px solid #AABBBB;
	font-size: 1.1em;
	width: 100%;
}

/*
**
*/

#header a.addthis_button {
	display: block;
	position: absolute;
	top: 8px;
	right: 190px;
	margin: 0;
	border: 0;
	padding: 0;
	width: 125px;
	height: 16px;
}

#header a.addthis_button img {
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
	width: 125px;
	height: 16px;
}

/*
**
*/


#main {
	margin-bottom: 20px;
}

#main #mt {
	height: 92px;
	background: url(/_images/theme/main_top.png) left top no-repeat;
}

#main #mm {
	margin-top: -40px;
	padding: 0 36px 0 70px;
	width: 896px; /* 1002 - 36 - 70 */
	background: url(/_images/theme/main_mid.png) left top repeat-y;
}

#main #mb {
	height: 83px;
	background: url(/_images/theme/main_btm.png) left top no-repeat;
}

/*
**
*/

#footer {
	background: url(/_images/theme/btm.png) left bottom repeat-x;
}

#footer div.base-box {
	position: relative;
	height: 150px;	
}

#footer a#hsp-logo {
	display: block;
	position: absolute;
	top: 10px;
	left: 55px;
	width: 120px;
	height: 102px;
	background: url(/_images/theme/logos/hsp_logo.gif) left top no-repeat;
}

#footer #lead {
	position: absolute;
	top: 10px;
	left: 190px;
	font-style: italic;
}

#footer a#pdor-logo {
	display: block;
	float: left;
	margin-bottom: 8px;
	width: 110px;
	height: 40px;
	background: url(/_images/theme/logos/phila_records_logo.jpg) left top no-repeat;
}

#footer a#penndesign-logo {
	display: block;
	float: left;
	margin-left: 40px;
	width: 136px;
	height: 26px;
	background: url(/_images/theme/logos/penndesign_logo.jpg) left top no-repeat;
}

#footer #lead #sponsors {
	display: block;
	clear: left;
	font-size: 1.2em;
	font-style: normal;
}

#footer ul#nav3 {
	position: absolute;
	bottom: 30px;
	right: 20px;
	margin: 1.2em 0;
	height: 1.2em;
}

#footer ul#nav3 li {
	margin-left: 10px;
	border-left: 1px solid #0a8;
	padding-left: 10px;
}

#footer ul#nav3 li.first {
	margin-left: 0;
	border-left: 0;
	padding-left: 0;
}

#footer ul#nav3 li.last {
	padding-right: 0;
}

#footer ul#nav3 li a {
}

#footer ul#nav4 {
	position: absolute;
	bottom: 60px;
	right: 20px;
	margin: 1.2em 0;
	height: 1.2em;
}

#footer ul#nav4 li {
	padding-left: 10px;
}

#footer ul#nav4 li.first {
	padding-left: 0;
}

#footer ul#nav4 li.last {
	padding-right: 0;
}

#footer ul#nav4 li a {
}

/*
**
*/

#overlay {
	display: none;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	text-align: center;
	background: url(/_images/overlay-background.png) left top repeat;
}

#overlay-holder {
	margin: 10px auto 0;
	border: 1px solid black;
	padding: 20px;
	width: 700px;
	min-height: 700px;
	text-align: left;
	background: white;
}

a#overlay-close {
	display: block;
	float: right;
	margin: -18px -18px 0 0;
	line-height: 1;
	font-size: 1.2em;
	color: black;
}

#overlay-image {
}

#overlay-image img {
}

#overlay-caption {
	width: 500px;
}

.overlay-nav {
	display: block;
	float: right;
}

.overlay-message {
	line-height: 1;
	font-size: 1.2em;
}

a.overlay-prev {
	color: black;
	font-size: 1.2em;
}

a.overlay-next {
	color: black;
	font-size: 1.2em;
}

/*
**
*/

#quest1 {
	padding: 5px 0;
	color: #000;
	background: #FEA;
	text-align: center;
}

#quest1 p {
	margin: 0;
	padding: 0;
}

#quest1 p a, #quest2 p a {
	color: #088;
	text-decoration: underline;
}

#quest2 {
	position: absolute;
	z-index: 67000;
	top: 280px;
	width: 100%;
	height: 120px;
	text-align: center;
	font-size: 1.2em;
}

#quest2 div {
	margin: 0 auto;
	padding: 5px 5px;
	width: 300px;
	color: #000;
	background: #FEA;
	border: 1px solid #0AE;
}

#quest2 a#quest2-close {
	display: block;
	float: right;
	width: 18px;
	height: 18px;
	background: url(../_images/theme/survey/close_btn.jpg) left top no-repeat;
}

#quest2 a#quest2-close:link, #quest2 a#quest2-close:visited {
	background-position: left top;
}

#quest2 a#quest2-close:hover, #quest2 a#quest2-close:active {
	background-position: left bottom;
}

/*
**
*/

#trace {
	clear: both;
	padding: 0 20px;
	text-align: left;
}

#trace a#show-trace, #trace a#hide-trace {
	margin: 1em 0;
	font-size: 1.2em;
}

#trace a#show-trace {
	display: block;
}

#trace a#hide-trace {
	display: none;
}

#trace #the-trace {
	display: none;
}

#trace #the-trace ol {
	list-style-type: decimal-leading-zero;
	margin-left: 30px;
}

/*
**
*/

.box {
/*	margin: 0px 0;
	border: 1px solid black;
	padding: 0 20px; */
}