@charset "utf-8";
/* CSS Document */

BODY { background: #232323; 
	   font-size: 62.5%;
	   FONT-FAMILY: Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	   margin-left: 0px; 
	   margin-right: 0px; 
	   margin-top: 0px;
	   margin-bottom: 20px;
}

A {
  COLOR: #2bcc3b;
  text-decoration: none;
}

A:hover {
  COLOR: #ffffff;
  text-decoration: underline;
}

#navigation {
	width: 100%;
	background-color: #000000;
	padding: 10px 0 7px 0;
	}
	
#navigation-inner {
	margin: auto;
	width: 1000px;
	min-width: 1000px;
	}

#navigation-inner ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#navigation-inner ul li {
	display: inline;
	margin: 0;
	text-align: center;
	}
	
#navigation ul li a {
	padding: 5px 44px 7px 45px;
	margin: 0;
	COLOR: #a4a4a4;
	FONT-SIZE: 1.4em;
	FONT-WEIGHT: normal;
	text-decoration: none;
	letter-spacing: 1px;
	border-top: 1px solid #000;
	}


#navigation ul li.active {
	COLOR: #ffffff;
	padding: 5px 45px 7px 45px;
	FONT-SIZE: 1.4em;
	FONT-WEIGHT: normal;
	letter-spacing: 1px;
	background: #232323;
	text-decoration: none;
	border-top: 6px solid #2bcc3b;
	}

#navigation ul li a.home:hover {
	COLOR: #ffffff;
	text-decoration: none;
	background: #171717;
	text-decoration: none;
	border-top: 6px solid #625c15;
	}

#navigation ul li a.about:hover {
	COLOR: #ffffff;
	text-decoration: none;
	background: #171717;
	text-decoration: none;
	border-top: 6px solid #580912;
	}
	
#navigation ul li a.publishers:hover {
	COLOR: #ffffff;
	text-decoration: none;
	background: #171717;
	text-decoration: none;
	border-top: 6px solid #1b284c;
	}
	
#header {}

#logo {
	float: left;
	width: 500px;
	}

#cartinfo {
	float: right;
	width: 500px;
	COLOR: #847d7b;
  	FONT-FAMILY: Lucida Sans Unicode, Arial, Helvetica, sans-serif; 
  	FONT-SIZE: 1.2em;
  	line-height: 24px;
	margin-top: 25px;
	text-align: right;
}

.navigation {
  COLOR: #2bcc3b;
  FONT-FAMILY: Lucida Sans Unicode, Arial, Helvetica, sans-serif; 
  FONT-SIZE: 1.4em;
  FONT-WEIGHT: normal;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  line-height: 24px;
}

.navigation:hover {
  COLOR: #ffffff;
  text-decoration: none;
}

.subnav {
  COLOR: #2bcc3b;
  FONT-FAMILY: Lucida Sans Unicode, Arial, Helvetica, sans-serif; 
  FONT-SIZE: 1.2em;
  FONT-WEIGHT: bold;
  text-decoration: none;
  line-height: 24px;
  padding-left: 10px;
}

.subnav:hover {
  COLOR: #ffffff;
  text-decoration: none;
}

.footer {
  COLOR: #2bcc3b;
  FONT-FAMILY: Lucida Sans Unicode, Arial, Helvetica, sans-serif; 
  FONT-SIZE: 1.2em;
  FONT-WEIGHT: normal;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
}

.footer:hover {
  COLOR: #ffffff;
  text-decoration: none;
}

.headline {
  COLOR: #ffffff;
  FONT-FAMILY: Lucida Sans Unicode, Arial, Helvetica, sans-serif; 
  FONT-SIZE: 2.0em;
  FONT-WEIGHT: normal;
  text-transform: uppercase;
}

.subhead {
  COLOR: #ffffff;
  FONT-FAMILY: Lucida Sans Unicode, Arial, Helvetica, sans-serif; 
  FONT-SIZE: 1.2em;
  text-transform: uppercase;
  line-height: 24px;
}

.main {
  COLOR: #847d7b;
  FONT-FAMILY: Lucida Sans Unicode, Arial, Helvetica, sans-serif; 
  FONT-SIZE: 1.2em;
  line-height: 24px;
}

.sidebar {
  COLOR: #847d7b;
  FONT-FAMILY: Lucida Sans Unicode, Arial, Helvetica, sans-serif; 
  FONT-SIZE: 1.2em;
}

.date {
  COLOR: #ffffff;
  FONT-FAMILY: Lucida Sans Unicode, Arial, Helvetica, sans-serif; 
  FONT-SIZE: 1.2em;
  text-transform: uppercase;
}

.caption {
  COLOR: #ffffff;
  FONT-FAMILY: Lucida Sans Unicode, Arial, Helvetica, sans-serif;
  FONT-SIZE: 1.2em;
  FONT-WEIGHT: normal;
}

.formtext {
  COLOR: #847d7b;
  FONT-FAMILY: Lucida Sans Unicode, Arial, Helvetica, sans-serif; 
  FONT-SIZE: 1.2em;
}

.error {
  COLOR: #ffffff;
  FONT-FAMILY: Lucida Sans Unicode, Arial, Helvetica, sans-serif; 
  FONT-SIZE: 1.4em;
  FONT-WEIGHT: normal;
  line-height: 24px;
}

.siteheader {
background-image: url(../graphics/back_header.gif);
}

.pubportal {
  background-image: url(../graphics/back_pubportal_off.gif);
}

.pubportal:hover {
background-image: url(../graphics/back_pubportal_on.gif);
}

.photoportal {
  background-image: url(../graphics/back_photoportal_on.gif);
  COLOR: #ffffff;
  FONT-FAMILY: Lucida Sans Unicode, Arial, Helvetica, sans-serif; 
  FONT-SIZE: 1.4em;
  FONT-WEIGHT: normal;
  text-decoration: none;
  letter-spacing: 1px;
}

.galleryportal {
  background-image: url(../graphics/back_galleryportal_off.gif);
}

.galleryportal:hover {
  background-image: url(../graphics/back_galleryportal_on.gif);
}

.dottedline {
background-image: url(../graphics/dottedline.gif);
background-repeat:repeat-x; 
}

.eyedandy {
  COLOR: #404040;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
  FONT-SIZE: 10px;
  letter-spacing: 1px;
  text-transform:uppercase;
}

.eyedandy:hover {
  COLOR: #2bcc3b;
  text-decoration: none;
}

.container {no required styles}

.left-element {
  FONT-FAMILY: Lucida Sans Unicode, Arial, Helvetica, sans-serif; 
  FONT-SIZE: 1.2em;
  float: left;
  width: 60%;
   }

.right-element {
  FONT-FAMILY: Lucida Sans Unicode, Arial, Helvetica, sans-serif; 
  FONT-SIZE: 1.2em;
  COLOR: #847d7b;
  float: right;
  width: 39%;
  text-align: right; /* depends on element width */
   }
   
.button {
color: #ffffff;
background: #000000;
border: 1px solid #847d7b;
border-bottom-color: #746e6c;
border-right-color: #746e6c;
padding: 3px 3px 4px 3px;
FONT-SIZE: 1.1em;
text-transform: lowercase;
letter-spacing: 1px;
}

.comments {
  background-color: #292929;
  padding: 4px;
  border-top: #847d7b 1px solid;
  border-bottom: #847d7b 1px solid;
  COLOR: #847d7b;
  FONT-SIZE: 1.2em;
  FONT-WEIGHT: normal;
  text-decoration: none;
}

#department {
float: left;
width: 470px;
padding: 0;
}

#department dl {
float: left;
width: 470px;
margin: 15px 0px;
padding: 0;
display: inline;
} 

#department dt {
float: right;
width: 370px;
margin: 0;
padding: 0;
COLOR: #847d7b;
FONT-SIZE: 1.2em;
font-weight: bold;
}

#department dd {
margin: 0 0 0 100px;
padding: 0;
COLOR: #847d7b;
FONT-SIZE: 1.2em;
line-height: 1.5em;
}

#department dl dd.img {
margin: 0;
}

#department dd.img img {
float: left;
margin: 0 8px 0 0;
padding: 4px;
border: 1px solid #847d7b;
}

#product {
float: left;
width: 470px;
padding: 0;
}

#product dl {
float: left;
width: 470px;
margin: 15px 0px;
padding: 0;
display: inline;
}

#product dd {
margin: 0 0 0 0;
padding: 0;
COLOR: #847d7b;
FONT-SIZE: 1.2em;
line-height: 2.0em;
}

#product dl dd.img {
margin: 0;
}

#product dd.img img {
float: right;
margin: 0 0 10px 10px;
padding: 4px;
border: 1px solid #847d7b;
}

.button {
color: #ffffff;
background: #000000;
border: 1px solid #847d7b;
border-bottom-color: #746e6c;
border-right-color: #746e6c;
padding: 3px 3px 4px 3px;
FONT-SIZE: 1.2em;
text-transform: lowercase;
letter-spacing: 1px;
} 