/* CSS Document */

/*----------- START CHROME MENU CSS STUFF ------------------------------ */
.chromestyle{
position:relative;
top:41px;
left:200px;
width: 75em;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
z-index:100;

}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 100%;
background:transparent center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0px;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color:#312314; /* sets main link color */
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #333333;
}

.chromestyle ul a last {
border:none;
}


.chromestyle ul li a:hover{
background:transparent center center repeat-x; /*THEME CHANGE HERE*/
color:#312314;
}



/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position:absolute;
	color:#312314;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height:24px;
	z-index:100;
	visibility: hidden;
	width: 200px;
	background-color: #ffffff;
	
}
/*background-color:#00FF00;
*/

.dropmenudiv a{
	width: auto;
	margin-left: 4px;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #FFF; /*THEME CHANGE HERE*/
	padding: 2px 0;
	text-decoration: none;
	font-weight: bold;
	color: #312314;
}


* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	background-color: #312314;
	color:#ffffff;
}
/*-----------END CHROME MENU CSS STUFF ------------------------------ 

#container {
position:relative;
margin:0;
padding:0;
width:1000px;
height:800px;
background-color:#fff;
}

#branding {
position:absolute;
background:url(/images/headerDev.jpg);
top: 0;
left: 0;
width: 1000px;
height: 100px;
overflow:visible;

}*/

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h {
	position:absolute;
	margin: 0px;
	padding: 0px;/*This padding chunks it to the right */
	top:35px;
	left:210px;
	width: 80%; /*For KHTML*/
	list-style: none;
	z-index:4;
	overflow: visible;
}

ul#navmenu-h li {
  margin: 0;
  padding: 5px;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
}

ul#navmenu-h ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}
/*below controls rollovers, trans and lines */
ul#navmenu-h ul li {
background-color: #ffffff;
border-bottom-width:2px;
border-bottom-style:solid;
border-bottom-color:white;
  width: 150px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}
s/*below controls rollovers, trans and lines for greenhouse menu only */
  {
background-color: #ffffff;
border-bottom-width:2px;
border-bottom-style:solid;
border-bottom-color:white;
  width: 118px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu-h a {
	padding: 0 4px; /*spreads links out*/
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	background:transparent;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-weight:bolder;
	color:#FFF;
	line-height: 1.75em;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
}

ul#navmenu-h a.main {
  border-right-style: solid;
  border-right-width: 2px;
  border-right-color: #FFF;
}

ul#navmenu-h a.ghm {
  border-right-style: solid;
  border-right-width: 2px;
  border-right-color: #FFF;
}

  
  
/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
	background:transparent;
	color:#333333;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
	float: none;
	background:transparent;
	color:#333333;  
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  background:#333333;
  line-height: 1.75em;
  color: #FFF;
}

#navmenu-h li a.last {
border: none;
}

#navmenu-h li a.current {
	color:#333333;
}


/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}



#nav2container {
	position:absolute;
	left:0;
	top:100px;
	font-size: 1em;
	text-align: left;
	text-indent: 10px;
	margin-left:10px;
	padding:0;
	background-color:#FFF;
	width: 180px;
}

#nav2container h3 {
	color:#333333;
}

#nav2container .chosen {
	font-weight:bold;
	color:#333333;
	margin-top:8px;
}

#chosenList {
	font-weight:bold;
}


#nav2list
{
background-color:#fff;
	padding-left: 0;
	margin-left: 0;
	padding-right: 0px;
	border-right-width: thin;
	border-bottom-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	width:180px;
}

#nav2list li
{
	list-style: none;
	margin: 0;
	padding-left:5px;
}

#nav2list li a {
	text-decoration: none;
	color: #333333;
	line-height: 2em;
}


#nav2list li a:hover 		{
	color:#333333;
	border:none;
				}
				
				
#nav2list .chosen {
	padding-top:3px;
	color:#333333;
	font-weight:bold;
	}	

#nav2list .category {
color: #FFFFFF;
background-color:#51882c;
padding-top:10px;
padding-left:5px;
height: 20px;
width:175px;

}

/**/.last {
	border-bottom-color: #666666;
	padding-bottom: 1em;
}

#nav2List li hr {
	text-indent: -20px;
	
}

#brandBottom {
	color:#333333;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 1.25em;
	padding-left:5px;
	width:175px;
}

#brandBottom a{
	color: #333333;
	text-decoration: none;
	
}

#brandBottom a:hover {
	color:#333333;
}