/* Start of CMSMS style sheet 'ourohio: topNav' */
/* MAIN MENU STYLES --- also see default.css for base menu controls for dropdowns */
#mainMenu {
	line-height:30px;
	text-align:center;
	
}
#mainMenu a {
	text-decoration:none;
	color:#484829;
        font-weight:bold;
	display:block;
	font-size:12px !important;
}
#mainMenu a:hover {
   color:#000;
   background:#c9c9c9;
}

/* ------- END MENU STYLES ------- */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#menu_vert {
   margin-left: 1px;
   margin-right: 1px;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   background-color: #fff;
   width: 100%;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 156px; 
}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li { 
   margin-left: -1px;
   float: left;
   font-size:12px;
}
#primary-nav li li { 
   margin-left: -1px;
   margin-top: -1px;
   float: none; 
   position: relative; 
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 4px 10px; 
   text-decoration: none; 
   color: #484829;
}
/*#primary-nav li a { 
   border-right: 1px solid #C0C0C0;
   border-left: 1px solid #C0C0C0;
}*/
#primary-nav li li a { 
   border: 1px solid #fff;
   padding:0px;
   font-size:11px;
}	
#primary-nav li, #primary-nav li.menuparent { 
   background-color: #fff; 
}

#primary-nav .menuparent {
   text-align:left;
}
#primary-nav .menuparent li a {
   padding-left:6px;
}
/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
/*#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
 arrow for menuparents 
   background-image: url(images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; 
}*/


/* Styling the apperance of menu items on hover */

/*#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
   background-color: #E7AB0B; 
}*/


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block;
   text-align:left;
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}

/* hide Home nav */
#home {
display:none;
}

/*nav individual styles */

/* food fam */
#food-and-families a {

}
#food-and-families ul {
	border: 2px solid #e5c6c4;
	width:162px;
	padding-top:1px;
}
#food-and-families li a {
	width:156px;
	font-size:11px;
	background:#e5c6c4;
	color:#981c15;
}
#food-and-families a:hover {
	background:#e5c6c4;
}
#food-and-families li a:hover {
	background:#981c15;
	color:#fff;
}
li #food-and-families:hover, 
li #food-and-families .menuh, 
li #food-and-families .menuparenth, 
li #food-and-families .menuactiveh { 
   background-color: #e5c6c4; 
}

/* neighbors */
#neighbors a {

}
#neighbors a:hover {
	background:#fce1d0;
}
#neighbors ul {
	border: 2px solid #fce1d0;
	width:182px;
	padding-top:1px;
}
#neighbors li a {
	width:176px;
	font-size:11px;
	background:#fce1d0;
	color:#f46b15;
}

#neighbors li a:hover {
	background:#f46b15;
	color:#fff;
}

/* home-gardens */
#home-gardens a {

}
#home-gardens a:hover {
	background:#feebcc;
}
#home-gardens ul {
	border: 2px solid #feebcc;
	width:187px;
	padding-top:1px;
}
#home-gardens li a {
	width:181px;
	font-size:11px;
	background:#feebcc;
	color:#ff9c04;
}

#home-gardens li a:hover {
	background:#ff9c04;
	color:#fff;
}

/* television */
#television a {

}
#television a:hover {
	background:#efdfd0;
}
#television ul {
	border: 2px solid #efdfd0;
	width:162px;
	padding-top:1px;
}
#television li a {
	width:156px;
	font-size:11px;
	background:#efdfd0;
	color:#b36116;
}

#television li a:hover {
	background:#b36116;
	color:#fff;
}

/* magazine */
#magazine a {

}
#magazine a:hover {
	background:#ebeccf;
}
#magazine ul {
	border: 2px solid #ebeccf;
	width:160px;
	padding-top:1px;
}
#magazine li a {
	width:156px;
	font-size:11px;
	background:#ebeccf;
	color:#9da013;
}

#magazine li a:hover {
	background:#9da013;
	color:#fff;
}

/* resources */
#resources a {

}
#resources a:hover {
	background:#d9d0d5;
}
#resources ul {
	border: 2px solid #d9d0d5;
	width:160px;
	padding-top:1px;
}
#resources li a {
	width:156px;
	font-size:11px;
	background:#d9d0d5;
	color:#431433;
}

#resources li a:hover {
	background:#431433;
	color:#fff;
}
/* End of 'ourohio: topNav' */