/* CSS Document */

/* Mozilla based browsers */
::-moz-selection { background-color: #330000; color: #fff; }

/* Works in Safari */
::selection { background-color: #330000; color: #fff; }

*								{ margin: 0; padding: 0; }
a:link, a:visited				{ color: #ffffff; text-decoration: none; }
a:hover, a:active				{ color: #ffffff; text-decoration: underline; }

body							{ background-image: url(../images/body-bg.png); background-color: #66669a; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; margin: 25px 0 0 0; }
body#home						{ margin: 0; }



/* ------------ index page ------------- */
#page-wrap						{ margin: 0 auto; width: 960px; background-image: url(../images/home-bg.png); background-repeat: no-repeat; background-position: top center; }
#top							{ height: 257px; }
#top-left						{ float: left; width: 450px; }
#top-right						{ float: left; width: 240px; padding: 200px 0 0 0; }
#middle							{ height: 285px; width: 955px; }
#middle-first					{ width: 568px; float: left; }
#middle-second					{ width: 300px; float: left; }
#info							{ height: 300px; text-align: center; color: #ffffff; font-size: 1.6em; }
#content						{ top: 900px; }

ul#home-nav						{ margin: 100px 10px 10px 0; }
ul#home-nav li					{ list-style: none; line-height: 1.3em; text-align: right; }
ul#home-nav li a				{ font-size: 1.2em; color: #ffffff; text-decoration: none; }
ul#home-nav li a:visited		{ color: #ffffff; text-decoration: none; }
ul#home-nav li a:hover, 
ul#home-nav li a:active			{ color: #000000; text-decoration: underline; }
h1								{ width: 202px; height: 194px; background-image: url(../images/logo.png); background-repeat: no-repeat; border: 1px solid #000000; text-indent: -9999px; }
.figure							{ float: left; border: 1px solid #000000; }
/*--------------------------------------*/

/*------------ other pages -------------*/
#wrapper						{ margin: 0 auto; width: 960px; }
#content-area					{ width: 800px; float: right; }
#nav-area						{ width: 150px; float: right; }
#header							{ height: 205px; }
#main-content					{  }
#footer							{ margin: 45px 0 25px 10px; height: 250px; }
ul#interior-nav					{ margin: 30px 0 0 0; }
ul#interior-nav li				{ list-style: none; line-height: 1.3em; text-align: center; }
ul#interior-nav li a			{ font-size: 1.2em; color: #ffffff; text-decoration: none; }
ul#interior-nav li a:visited	{ color: #ffffff; text-decoration: none; }
ul#interior-nav li a:hover, 
ul#interior-nav li a:active		{ color: #000000; text-decoration: underline; }
/*---------------------------------------*/

/*------------ nav active states -------------*/
body#vintage #interior-nav li a.vintage,
body#donate #interior-nav li a.donate,
body#consign #interior-nav li a.consign,
body#friends #interior-nav li a.friends,
body#events #interior-nav li a.events,
body#contact #interior-nav li a.contact,
body#tuxedo #interior-nav li a.tuxedo,
body#period #interior-nav li a.period,
body#ellen #interior-nav li a.ellen			{ color: #330000; }


.list							{ float: left; width: 155px; height: 340px; margin: 0 0 0 0; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff; }
.list1							{ float: left; width: 158px; height: 340px; margin: 0 0 0 0; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; }
.links							{ list-style: none; margin: 10px 0 0 0; }
.links li a						{ font-size: 1.2em; font-weight: normal; margin: 0 0 0 10px; }
.sub-links						{ list-style: none; margin: 5px 0 0 30px; }
.sub-links li a					{ font-size: 1.2em; font-weight: normal; margin: 0 0 0 10px; }
.horiz							{ padding: 0 0 15px 0; }
.horiz li						{ list-style: none; display: inline; }
.horiz li a						{ padding: 0 25px 0 25px; font-size: 1.2em; font-weight: normal; }

#opn							{ font-size: 1em; color: #ffffff; text-align: center; margin: 10px 0; }
.clear							{ clear: both; }
.pic-right						{ float: right; margin: 0 5px 0 0; border: 1px solid #000000; }
.spacing						{ margin: 0 20px; }
p								{ color: #ffffff; font-size: 1.3em; line-height: 1.4em; margin: 5px; }
.interior-page					{ border: none; float: left; }
.address						{ width: 400px; height: 145px; margin: 0 0 0 250px; background-image: url(../images/address.png); background-repeat: no-repeat; background-position: bottom; text-indent: -9999px; }
h3								{ color: #ffffff; font-size: 1.8em; margin: 5px 0 10px 5px; }
h4								{ color: #ffffff; font-size: 1.5em; margin: 10px 0 10px 5px; }
h5								{ color: #ffffff; font-size: 1.4em; margin: 0 0 5px 5px; }
h6								{ color: #ffffff; font-size: 1.3em; text-align: center; margin: 0 0 10px 0; }
.contact-page					{ margin: 25px 0 0 50px; }
iframe							{ width: 425px; height: 350px; frameborder="0" scrolling="no" marginheight="0" marginwidth="0" }

.list h4						{ border-bottom: 2px solid #ffffff; width: 155px; height: 45px; margin: 10px 0 0 0; text-align: center; }
.list1 h4						{ border-bottom: 2px solid #ffffff; width: 158px; height: 45px; margin: 10px 0 0 0; text-align: center; }
.good							{ border-bottom: 2px solid #ffffff; text-align: center; }
.good h4						{ padding: 10px 0 10px 0; margin: 0; }
#friends #main-content			{ margin: 0 0 0 10px; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff; }
.footer-nav						{ color: #ffffff; text-align: center; padding: 15px 0; }

p.body-link a					{ color: #ffffff; text-decoration: underline; }
.center							{ text-align: center; }