/* CSS Document */

/* /// IE 5 on mac hack /// */

/*\*//*/
  @import "ie5mac.css";
/**/

body{ margin: 0px 0px 5px 0px; padding: 0px; background-color: #fff; }
#container{ margin-left: auto; margin-right: auto; width: 586px; }
#header{ float: left; background: #fff url(../imgs/header.gif) no-repeat; width: 586px; height: 101px; }

/* Top Navigation Bar */
#topNav{ float: left; /*height: 30px;*/ height: 5px; }

#topNav ul { margin: 0px; padding: 0px; /*height: 30px;*/ height: 5px; display: block; background-color: #fff; color: #000000; }
#topNav ul li { float: left; margin: 0px; padding: 0px; text-indent: -9999px; display: block; /*height: 30px;*/ height: 5px; }
#topNav ul li a { margin: 0px; padding: 0px; display: block; /*height: 30px;*/ height: 5px; text-decoration: none; outline: none; }

/* Home */
#topNav ul li a#home { background: url(../imgs/nav-home.gif) no-repeat; width: 51px; }
#topNav ul li a#home:hover, #topNav ul li.active a#home:hover { background-position: 0px -30px; }
#topNav ul li a#home:active, #topNav ul li.active a#home, #topNav ul li.active a#home:active { background-position: 0px -60px; }

/* Projects */
#topNav ul li a#projects { background: url(../imgs/nav-projects.gif) no-repeat; width: 74px; }
#topNav ul li a#projects:hover, #topNav ul li.active a#projects:hover { background-position: 0px -30px; }
#topNav ul li a#projects:active, #topNav ul li.active a#projects, #topNav ul li.active a#projects:active { background-position: 0px -30px; }

/* Feedback */
#topNav ul li a#feedback { background: url(../imgs/nav-feedback.gif) no-repeat; width: 75px; }
#topNav ul li a#feedback:hover, #topNav ul li.active a#feedback:hover { background-position: 0px -30px; }
#topNav ul li a#feedback:active, #topNav ul li.active a#feedback, #topNav ul li.active a#feedback:active { background-position: 0px -30px; }

/* Artists */
#topNav ul li a#artists { background: url(../imgs/nav-artists.gif) no-repeat; width: 62px; }
#topNav ul li a#artists:hover, #topNav ul li.active a#artists:hover { background-position: 0px -30px; }
#topNav ul li a#artists:active, #topNav ul li.active a#artists, #topNav ul li.active a#artists:active { background-position: 0px -30px; }

/* History */
#topNav ul li a#history { background: url(../imgs/nav-history.gif) no-repeat; width: 64px; }
#topNav ul li a#history:hover, #topNav ul li.active a#history:hover { background-position: 0px -30px; }
#topNav ul li a#history:active, #topNav ul li.active a#history, #topNav ul li.active a#history:active { background-position: 0px -30px; }

/* Artwork */
#topNav ul li a#artwork { background: url(../imgs/nav-artwork.gif) no-repeat; width: 73px; }
#topNav ul li a#artwork:hover, #topNav ul li.active a#artwork:hover { background-position: 0px -30px; }
#topNav ul li a#artwork:active, #topNav ul li.active a#artwork, #topNav ul li.active a#artwork:active { background-position: 0px -30px; }

/* Photos */
#topNav ul li a#photos { background: url(../imgs/nav-photos.gif) no-repeat; width: 61px; }
#topNav ul li a#photos:hover, #topNav ul li.active a#photos:hover { background-position: 0px -30px; }
#topNav ul li a#photos:active, #topNav ul li.active a#photos, #topNav ul li.active a#photos:active { background-position: 0px -30px; }

/* Contact */
#topNav ul li a#contact { background: url(../imgs/nav-contact.gif) no-repeat; width: 69px; }
#topNav ul li a#contact:hover, #topNav ul li.active a#contact:hover { background-position: 0px -30px; }
#topNav ul li a#contact:active, #topNav ul li.active a#contact, #topNav ul li.active a#contact:active { background-position: 0px -30px; }

/* Store */
#topNav ul li a#store { background: url(../imgs/nav-store.gif) no-repeat; width: 57px; }
#topNav ul li a#store:hover, #topNav ul li.active a#store:hover { background-position: 0px -30px; }
#topNav ul li a#store:active, #topNav ul li.active a#store, #topNav ul li.active a#store:active { background-position: 0px -30px; }


/* Main Flash area -- Homepage Only */
#mainFlash{ float: left; width: 686px; height: 257px; padding: 5px 0px 0px 0px; margin: 0px 0px 0px -100px; }

/* Three Column area -- Homepage Only */
#threeCols{ float: left; width: 586px; padding: 5px 0px 0px 0px; margin: 0px; display: block; }

#newsAndUpdates{ float: left; width: 202px; padding: 0px; margin: 0px; }
#newsAndUpdates h2{ float: left; width: 202px; height: 30px; padding: 0px; margin: 0px; text-indent: -9999px;background: #fff url(../imgs/news_and_updates-h.gif) no-repeat; display: display: block; }

#events{ float: left; width: 202px; padding: 0px; margin: 0px 0px 0px 1px; }
#events h2{ float: left; width: 202px; height: 30px; padding: 0px; margin: 0px; text-indent: -9999px; background: #fff url(../imgs/events-h.gif) no-repeat; display: block; }

p.threeColdate{ display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; line-height: 18px;
	text-decoration: none; text-align: left; color: #333333; margin: 0px; padding: 0px 5px 0px 10px; }
p.threeColtitle{ display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; line-height: 18px;
	text-decoration: none; text-transform: uppercase; text-align: left; color: #666666; margin: 0px; padding: 0px 5px 0px 10px; }
p.threeColtext{ display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; line-height: 14px;
	text-decoration: none; text-align: left; color: #666666; margin: 0px; padding: 0px 5px 15px 10px; }
.threeColtext a{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; line-height: 14px;
	text-decoration: underline; text-align: left; color: #333333; }
.threeColtext a:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; line-height: 14px;
	text-decoration: none; text-align: left; color: #333333; }

#linksAndShouts{ float: right; width: 180px; padding: 0px; margin: 0px 0px 0px 1px; }
#linksAndShouts p{ float: left; padding: 0px; margin: 0px; }
#linksAndShouts h2{ float: left; width: 180px; height: 30px; padding: 0px; margin: 0px; text-indent: -9999px; background: #fff url(../imgs/links_and_shouts-h.gif) no-repeat; display: block; }
#linksAndShouts a{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; line-height: 18px;
	text-decoration: none; text-transform: uppercase; text-align: left; color: #666666; margin: 0px; padding: 0px 5px 0px 10px; }
#linksAndShouts a:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; line-height: 18px;
	text-decoration: none; text-transform: uppercase; text-align: left; color: #333333; margin: 0px; padding: 0px 5px 0px 10px; }	

#feedback{ float: left; width: 180px; padding: 0px; margin: 0px 0px 0px 1px; }
#feedback h2{ float: left; width: 180px; height: 30px; padding: 0px; margin: 0px; text-indent: -9999px; background: #fff url(../imgs/feedback-h.gif) no-repeat; display: block; }

#feedback fieldset { float: left; margin: 0; padding: 0; border: none 0; }
#feedback input, #feedback textarea { margin: 0; padding: 0; width: 140px; }
#feedback legend { margin: 0; padding: 0; font-size: 11px; }
#feedback form { margin: 0; padding: 0 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; line-height: 18px; color: #666666; }
#feedback form ol { margin: 0; padding: 0; list-style: none; }
#feedback form li { margin: 0; padding: 0 0 12px 0; }
#feedback form p { margin: 6px 0; padding: 0; }
#feedback form p input { margin: 0; padding: 0; width: 60px; }

#feedback form li.human	{ visibility: hidden; height: 0; padding: 0; }

#log { } 
#log_res { float: left; }
#log_res.ajax-loading { display: block; height: 19px; background: url(../imgs/loading.gif) no-repeat center; }


/* Footer */
#footer{ float: left; width: 586px; height: auto; padding: 5px 0px 0px 0px; margin: 5px 0px 0px 0px; display: block; background: #E5E5E5 url(../imgs/footer-h.gif) no-repeat top; }

#footer p { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; line-height: 18px;
	text-align: left; color: #666666; margin: 0px; padding: 0px 5px 0px 10px; }

#footerCol1{ float: left; width: 202px; padding: 0px; margin: 0px; }
#footerCol2{ float: left; width: 202px; padding: 0px; margin: 0px 0px 0px 1px; }

#newsletterSignUp{ float: right; width: 180px; padding: 0px; margin: 0px 0px 0px 1px; }
#newsletterSignUp form{ margin: 0px; padding: 0px 5px 0px 10px; }
.newsletterB{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; line-height: 14px;
	text-decoration: none; text-transform: uppercase; text-align: left; color: #666666; padding: 0px; margin: 0px; }
.newsletter{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; line-height: 14px;
	text-decoration: none; text-align: left; color: #666666; padding: 5px 0px 5px 0px; margin: 0px; }	
.newsletterInput{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; line-height: 14px;
	text-decoration: none; text-align: left; color: #666666; }		
	
#footerB{ float: left; width: 586px; height: 5px; padding: 0px; margin: 0px; display: block; background: #fff url(../imgs/footer-f.gif) no-repeat; }

/* Thank you page -- Newsletter */
#thanks{ float: left; width: 586px; height: auto; padding: 5px 0px 0px 0px; margin: 5px 0px 0px 0px; display: block; background: #E5E5E5 url(../imgs/footer-h.gif) no-repeat top; }
.thanksB{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; line-height: 14px;
	text-decoration: none; text-transform: uppercase; text-align: left; color: #666666; padding: 0px 0px 0px 10px; margin: 0px; }
.thanks{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; line-height: 14px;
	text-decoration: none; text-align: left; color: #666666; padding: 5px 0px 5px 10px; margin: 0px; }