@charset "utf-8";
/* CSS Document */

body {margin:0px; background-color:#ffffff;}
body,td,th {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
h1 {font-family: Arial, Helvetica, sans-serif; font-size:20px; color:#675938; margin-top:0px; margin-bottom:7px; font-weight:bold;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#675938; margin-top:0px; margin-bottom:2px; font-weight:bold;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#675938; margin-top:0px; margin-bottom:2px; font-weight:bold;}
h4 {font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; margin-top:0px; margin-bottom:2px; font-weight:bold;}
form {padding:0px; margin:0px;}
p {margin-top:0px;}
hr {margin-bottom:20px; margin-top:25px;}

a:link {color: #000000; text-decoration: underline;}
a:visited {color: #000000; text-decoration: underline;}
a:hover {color: #cccccc; text-decoration: underline;}
a:active {color: #000000; text-decoration: underline;}

.wrapper {width:800px; margin:10px auto;}
.treatment {width:800px; float:left; border:#000000 1px solid;}

.header	{width:800px; height:115px; float:left; text-transform:uppercase;}
.logo {width:95px; height:95px; float:left; margin:7px 0px 0px 35px;}
.topNav {width:600px; height:35px; top:auto; float:right; text-align:right; margin:35px 35px 0px 0px; font-size:10px;}
.topNav input {font-size:10px;}
.nav {width:800px; float:left;}
.nav a:link {color:#ffffff; font-weight:bold; text-decoration: none;}
.nav a:visited {color:#ffffff; font-weight:bold; text-decoration: none;}
.nav a:hover {color:#ffffff; font-weight:bold; text-decoration: none;}
.nav a:active {color:#ffffff; font-weight:bold; text-decoration: none;}
.content {width:740px; float:left; padding:20px 30px 15px 30px;}
.collectionContent {width:740px; float:left; padding:10px 0px 15px 0px}
.aboutUsContent {width:740px; float:left; padding:20px 30px 15px 30px; background-color:#e8cf75}
.contentNoPadding {width:740px; float:left; padding:0px 0px 0px 0px;}
.collectionBody {float:left; margin-left:0px; margin-top:10px;}
.gradientBackground {width:740px; float:left; padding:20px 30px 15px 30px; background-image:url(images/bg_gradient.jpg); background-repeat:repeat-x}
.collectionItem {width:150px; float:left; margin:0px 0px 30px -5px; font-size:9px; text-align:center; padding-bottom:15px}
.leftEdgeItem {float:left; margin:0px 5px 10px 0px; font-size:9px; text-align:center;}
.rightEdgeItem {float:left; margin:0px 0px 10px 5px; font-size:9px; text-align:center;}
.itemPopupImage {width:48%; height:470px; float:left;}
.itemPopupInfo {width:48%; height:470px; float:right; background:#545456; border:solid 1px #ffffff; color:#FFFFFF;}
.itemPopupInfo ul {padding-left:5px; margin-left:7px; margin-top:0px;}
.q {font-size:18px; color:#ec9507;}
.bigger {font-size:12px; font-weight:bold;}

/*DROP DOWN MENU STYLES*/
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style:none;
	line-height:18px;
	font-size:11px;
}

#nav a {
	display:block;
	width: 120px;
}

#nav li { /* all list items */
	float: left;
	width: 135px;  /*width needed or else Opera goes nuts */
}

#nav li:hover { /* all list items */
	background: #cccccc;
	padding-left:7px;
}

#nav li:hover a { /* all list items */
	color:#000;
}

* html #nav li.sfhover a { /* all list items */
	color:#000;
}

#nav li ul { /* second-level lists */
	position:absolute;
	background: #545456;
	width: 141px;
	left: -999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:-18px;
}

#nav li ul a { /* second-level lists */ 
	color:#c75428; 
	font-size:9px;
}
#nav li ul a:hover { /* second-level lists */
	text-decoration:underline;
	color:#FFFFFF;
	 
/*	background:#000000;
*/}
#nav li ul li { /* second-level lists */
	padding:0px 10px 0px 10px; 
	border:#FFFFFF; 
	background: #cccccc;
	border-bottom-style:solid; 
	border-width:1px;
	width:121px;
	text-align:left;
}
#nav li ul li:hover { /* second-level lists */
	background: #000000; 
}

#nav li:hover ul { /* lists nested under hovered list items */
	left: auto;
	margin-left:134px;
}

/* IE 6 Fixes */
* html #nav li.sfhover { /* all list items */
	background: #cccccc;
	padding-left: 7px;
}

* html #nav li.sfhover ul { /* lists nested under hovered list items */
	background: #cccccc;
	left: auto;
	margin-left:134px;
}

* html #nav li ul { /* second-level lists */
	position:absolute;
	background: #545456;
	width: 141px;
	left: -999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:-18px;
}

* html #nav li ul li:hover { /* second-level lists */
	background: #000000; 
}