/* =-=-=-=-=-=-=-=-=-==-=-==-=-==-=-=
thewei.com principle css file
FileName:   thewei.css
Created:    20070119
Revised:    20110430

~~~~~~~~~~~~~~~~~~~~~~
Current Colors
~~~~~~~~~~~~~~
cd4d27	orange-red front accents
f2df91	beigey background
E8DFDF	tiger light background
FAF3D8	article background
4f6899	Deep Blue
92A621	medium bright olivey green
7EA928	same
a88200	Delicious orangey-brown
F99E16	Orangey header type
557288
D16F2E	lighter orange-red
006699
009F07
819dba	pale blue
897171
646262
DC7F3C	palish burgundy
A58A6F	green for nav links
A58A6F	brown for nav links
cd4d27	red background
A08C72	Link knock-out
E7E0D9	Grayish-light background
E8DFDF	Whitish background

-=-=-=-=-=-=-=-=-=-=-=-=-==-=-==-=-==-=-= */

 



/*   FUNDAMENTAL
-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-= */

body {
    margin: 0;
    padding: 0;
    font-size: 90%;
    line-height: 135%;
    font-family: verdana, geneva, arial, sans-serif;
    font-weight: normal;
    text-transform: none;
    color: black; background-color: #E8DFDF;  
    text-align: center /* added for IE in quirks mode */;
    /*min-width: 960px;
    max-width: 1200px;*/
    }
body#white {
	background-color: #fff;
	}
p {	
	margin: 0;
	padding-bottom: .6em;
	}
ul, ol  { 
	margin: 0 0 1em;
	padding: 0;
	}
li {
	list-style-position: inside;
	}
a {	
	text-decoration: none;
    outline: none;
	color: #557288; background: transparent; 
	    font-weight: 600; }
a:visited {
	color: #A08C72;
	border-bottom: 1px dotted #A08C72;
	}
a:hover, a:focus { 
	color: #E8DFDF; background: #A08C72;
	}
img {	
    display: block;
    border-width: 0;
	}

/* HEADINGS
-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=*/	
h1 {	
    margin: 0;
    padding: 0;
	color: #cd4d27; 
	font: 700 1.3em/135% tahoma, sans-serif;
	}
h2 { 
	display: inline;
	text-align: center;
	color: #006699; background: transparent; 
	font: 900 1.1em/135% tahoma, sans-serif;
	}
h3 {
    margin: 0 0 .1em 0;
    padding: .4em 0 0;
	color: #cd4d27; background: transparent;
    font: 900 1.1em/135% tahoma, sans-serif;
	}
h4 {
    text-align: left;
    margin: .5em auto .3em;
    padding: 0;
    color: #D16F2E; background: transparent;
    font: 900 1.1em/135% tahoma, sans-serif;
  	}
h5 {
	text-align: center;
	margin: 2.5em 0 1em 0;
	color: #819dba;
	font-size: 150%; line-height: 90%
	}
h6 {
	margin: .2em 0 .08em 0;
	padding: 0;
	color: #869395;
	font-size: 1em; line-height: 90%;
	}


/* FOUNDATION
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-= */	
#background {
	float: left;
	height: 505px; width: 289px;
	border-left: 1px solid #cd4d27;
	border-top: 9px solid #cd4d27;
	border-bottom: 9px solid #cd4d27;
	position: fixed;
	left: 36px; top: 36px;
	z-index: 0;
	}
div#background {
	background: #E8DFDF url('/National_Library/oe_/https://thewei.com/grfx/tiger.jpg') no-repeat left top; 
	/*display: block;
	position: fixed;
	left: 51px; top: 39px;*/
	z-index: 0;
	}
div#page {
	width: 100%;
	height: 100%;
	top: 0; left: 0;
	position: absolute;
	z-index: 1;
	}
div#homewrap { 
	overflow: visible;
	width: 65%;
	margin: 36px 0 0 365px;
	padding: 0;
	/* border-right: 1px solid #cd4d27;*/
	border-top: 9px solid #cd4d27;
	color: #646262; 	
	background: #E8DFDF;
	}


/* CONTENT 
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=- */
.content {
    margin: 0;
    padding: .85em 0 3em 0;
    color: #897171; background: #E8DFDF;
    border-right: 1px solid #cd4d27;
	}
#singlecol {
    text-align: left;
    margin: 1em 10em;		
    padding: 1.8em 3.2em;
    color: #646262; background: #E8DFDF; 
	}
#navdiv {
	margin: 0;
	padding: 0;
	}
#navcontent {
	float: left;
	width: 80%;
	margin: 0;
	padding: 0 0 2.5em 0;
	background: #E8DFDF;
	}
#navcontent p {
	text-align: left;
	}
#navcontent ul, /*#navcontent ul ul,*/ #navcontent ul.caption img {
	list-style-type: none;
	text-align: left;
	margin: 0 auto;
	}
#navcontent ul.listing {
	padding: 1em 0;
	}
#navcontent ul.listing li {
	border-top: 3px solid #557288;
	padding: 1em 0;
	}
ul.listing li.first {
	border-top: none;
	}
#navcontent ul.listing ul li {
	border-top: none;
	padding: 0;	
	}
#navcontent ul.listing ul li {
	border-top: none;
	padding: 0;	
	}
/*#navcontent ul li ul li {
	margin: 0;
	padding: 0;
	}*/
.third {
	width: 30%;
	}
.boxright {
	float: right;
	margin: 1em 0 1em 2em;
	}
.boxleft {
	float: left;
	margin: 1em 2em 1em 0;
	}	
.box p {
	padding: .5em;
	font-size: 90%;
	color: #E8DFDF;
	background: #cd4d27;	
	}
/*.box p.orange {
	background: #DC7F3C;	
	}
.red p {
	background: #cd4d27;
	}*/
.box h1 {
	text-align: center;
	margin: 0 auto;
	font-size: 1.1em;
	color: #557288;
	}
.box a {	
	text-decoration: none;
    outline: none;
    color: #E8DFDF; background: transparent;
	font-weight: 600; }
.box a:visited {color: #DDC6AB; background: transparent;}
.box a:hover, .box p a:hover { 
		color: #557288; background: #E8DFDF;
		}
	

/* LISTS 
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=- */

ul.bullet , ul.bullet li, ul.bullet li p {
	list-style: square;
	text-align: left;
	}
ul.inset p {
	margin-left: 1.5em;
	padding: 0
	}
ul.inset li {
	list-style-type: square;
	padding: 0 0 .4em 0;
	}
ul.nolead {
	padding: 0; 
	}
ul.indentone li {
	margin-left: 2em;
	}

/* NAVIGATION 
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=- */
#mainnav {
	position: relative;
	right: -8em;
	top: 20em;
	}
#mainnav {
	float: right;
	width: 11em;
	text-align: left;
	font-size: 90%;
	overflow: visible;
	margin: 2em 0 0 0;
	}
#mainnav ul {
	/*width: 10em;*/
	margin: 0 0 2em 0;
	padding-top: .15em;
	border-top: 4px solid #A58A6F;
	background: #E8DFDF;	
	}
#mainnav a {
    display: block;
    border: none;
    padding: .12em 1em .3em 1.3em;
    color: #E8DFDF; background: #A58A6F;
    font-weight: 600;	
    }
#mainnav ul ul {
	margin: 0;
	}
#mainnav ul ul, #mainnav ul ul li#last {
	border: none;
	}
#mainnav ul li ul {
	margin: 0;
	padding: 0;
	}
#mainnav li {
    list-style-type: none;
	margin-bottom: .05em;
    padding: 0 0 .15em 0;
	}
#mainnav ul.clean {
	list-style-type: none;
	}
#mainnav ul.sub, #mainnav ul.sub li.lastsub {
	margin: 0;
	padding: 0;
	}
#mainnav ul.sub a {
	margin: 0 0 0 1.2em;
    padding: 0 0 0 .5em;
	color: #E8DFDF; background: #cd4d27;
	}
#mainnav li.subhdr a {
    padding: .12em 1em .3em 1.3em;
	color: #E8DFDF; background: #cd4d27;
	}
#mainnav ul li#here a {
	color: #cd4d27; background: #E8DFDF;
	}	
#mainnav ul li#last {
	border-top: 4px solid #A58A6F;
	}
#mainnav a:visited {color: #E8DFDF}
#mainnav a:hover, #mainnav ul.sub a:hover, #mainnav li.subhdr a:hover {
	color: #E8DFDF; background: #cd4d27;
	}
img#door {
	text-align: center;
	margin: 0 auto;
	padding-top: .6em;
	}


/* Gallery 
=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-= */
.galhdr a {
	text-align: right;
	float: right;
	margin: 2em 2em 0 0;
	color: #4f4f4f;
	}
	
.gallery {
	text-align: center;
	margin: 0 auto 0;
	}
.gallery h1 {
	text-align: center;
	margin: 1em 0 1em 0;
	color: #CC6; 
	font-size: 1.4em;
	line-height:140%;}
.gallery h4 {
	margin: 0;
	padding: 0;
	color: #4f4f4f; 
	font-weight: 900; 
	}
ul.thumbs {
	vertical-align: top;
	text-align: center;
	margin: .8em auto 1em;
	padding: 0;
	}
ul.thumbs li {
	display: inline;
	width: 50%;
	height: 12em;
	margin: 0 2em 5em;
	padding: 0 0 1em;
	}

ul.caption li {
	margin: 2em auto 1em;
	padding: 0;
	font-size: .9em;
	line-height:135%;
	}
ul.caption img {
	padding-bottom: .4em;
	}


/* BOTTOM NAVIGATION
=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-= */
#footer {
    text-align: center;
    margin: 2.5em auto 360px;
    padding: 0 0 0 0;
    font-size: 80%; line-height: 1.6em; 
    color: #ff7123; background: transparent;
    }
#footer p {
	text-align: center;
    margin: 2.5em auto 360px;
	}
#footer li {
    display: inline;
	}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
@media screen {

* html, 
* html body { 
overflow-y: hidden!important; 
height: 100%;
margin: 0;
padding: 0; 
}
* html #iefix { 
height: 100%;
overflow-y: scroll;
position: relative;
}

* html div#fixme, 
* html div#fixme-bottom, 
* html div#fixme-middle {
position: absolute;
}

}*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
* html body {    
	width: 960px;
	}
* html div#background {
	position: absolute;
	left: 36px;
	top: 36px;
	}
* html div#page {
	margin: 0;
	}
* html div#homewrap { 
	border-top: 6px solid #cd4d27;
	width: 65%;
	margin: 36px 0 0 315px;
	}
* #mainnav {
	position: relative;
	right: -3em;
	top: 10em;
	}
* html div#navcontent {
	width: 80%;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* html body {    
	width: 960px;
	}
* html img#background {
	position: absolute;
	/*background-repeat: no-repeat;*
	left: 150px;
	top: 72px;
	}
* html div#page {
	margin: 36px 0 0 315px;
	}
* html div#homewrap { 
	border-top: 6px solid #cd4d27;
	border-bottom: 6px solid #cd4d27;
	width: 92%;
	margin: 36px 0 0 0;
	}
* html div#mainnav {
	position: absolute;
	left: 750px;
	top: 200px;
	}
* html div#navcontent {
	width: 78%;
	}/
*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* ARTICLE
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-= */	

#artbody h5 /*article heading*/ {
	margin: 0 0;
	padding: 10px 0 6px;
	color: #cd4d27; background: transparent;
	font-size: 200%; line-height: 90%
	}
#artbody h6 /*article sub-heading*/ {
	margin-bottom: 10px;
	color: #3B9FDC; background: transparent;
	font-size: 135%; line-height: 120%;
	border-bottom: 4px solid gray;
	}
.byline {
	padding-bottom: 30px;
	color: white;
	font-weight: bold; 
	font-size: .8em; line-height: 1.3; 
	text-align: left;
	}
.bylinesolid {
	margin-top: -3px;
	padding-bottom: 10px;
	color: #666;
	font-weight: bold; 
	text-align: left;  
	}
.litegrn {
	color: #CC6; background: transparent;
	}
#artbody table {
	margin: 0 auto;
	text-align: center;
	}
#artbody th {
	text-align: center;
	margin-bottom: 10px;
	color: #4f6899;
	font-size: 135%; line-height: 120%;
	border-top: 4px solid #92A621;
	border-bottom: 4px solid #92A621;
	}
#artbody td {
	text-align: left;
	padding: .5em 2em .5em 0;
	}
#artbody a { border-bottom: 1px dotted #CA4E59; color: #663; background: transparent; font-weight: 500; }
#artbody a:visited { color: #999933; background: white; }
#artbody a:hover {  border-bottom: 1px dotted #663; color: #CA4E59; background: transparent;
	}

#artbody #footer {
	margin: 60px 155px 0;
	padding: 2px 0 6px; 
	vertical-align: bottom;
	color: white; background:#92A621; 
	line-height: 1.7em;
	text-align: center;
	}
#artbody #footer a { border: none; color: white; background:transparent;  }
#artbody #footer a:visited { color: #CC6; background: transparent;  }
#artbody #footer a:hover { color: #CA4E59; background: #fff;
	}
.link {
	padding: 2px 4px;
	color: white;
	}
.nj	{ background: #6666CC; }
.ny	{ background: #996600; }
.daytime { background: #FFCC00; }
.night { background: gray; }
.green { background: #99CC99; }
.historic	{ background: #6699FF; }

.free { color: #CA4E59; }

/*~~~~~~~EXTRAS ~~~~~~~~~~~~~*/

.center, .ctr {	
	text-align: center;
	margin: 0 auto;
	}
.clearall {
    clear: both;
	}
.fright {
	float: right;
	}
.fleft {
	float: left;
	}
.pullquote {
    margin: 0 25px;
    font-style: italic; 
	}
.inline {
	display: inline;
	}
.tight {
	margin-bottom: 0;
	padding-bottom: 0;
	}
.imgleft {
	margin-right: 1.5em;
	margin-bottom: 1.5em;
	}
.inline {
	display: inline;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/