/**
* CTI Blank Theme Menu Stylesheet
*
* Menu stylesheet for the CTI default WordPress theme
*
* @project CTI Blank Theme
* @version 2.0
* @package cti-blank-theme
* @lastmodified 2011-11-07
*/


/**
* @section =Default menu class
* --------------------------------------------------------------
* @notes displays items inline with no link underlining
* @usage .menu
*/

ul.menu li {
	display: inline;
	margin: 10px 0;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 6px;
	padding-left: 6px;
}
ul.menu li a {
	text-decoration: none;
	font-weight: bold;
}

#menu-item-34 a {
	color: #EF1C21;	
}

/**
* @section =Main Menu
* --------------------------------------------------------------
* @notes positions the menu container absolutely
* @usage .menu-main-container
* @colordef #000; black (bottom border)
* z-index: was 600 but changed to 1 due to transparency issue on hovers
*/

.menu-main-container {
	position: absolute;
	top: 100px;		/* orig top 190  moved up per JK 11-21-2017 */
	/*left: 190px;  */     /* was at 190 left originally, changed on 12-14-2012 per carl to move to right*/
	right: 10px;
	z-index: 1;
}


/** moved the font family here when took of out styles.css body definition **/
.menu a {
	font: 100%/1.0 "Trebuchet MS", Arial, sans-serif;
	text-transform: uppercase;
	font-size: 0.8em;
}


/**
* @section =Dropdown Menu
* --------------------------------------------------------------
* @notes shows the sub-menus when the top level menu item is hovered over
* @notes formats top level items, sub-menu items, and current and parent items
* @usage .dropdown
* @colordef #7e7e74; light grey (link color, submenu link color)
* @colordef #6699ff; darker light grey (hover and current link color, submenu hover link color)
* @colordef #eee;    very light grey (submenu background)
* @colordef #0066CC; blue (link text)
* @colordef #c0c0c0; grey (box shadow)
*/

ul.dropdown {
	font-size: 0.9em; /* menu font size */
	list-style: none;
	float: left;
	width: 920px; /* menu width */
	margin: 0;
	padding: 0;
}
ul.dropdown li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
}

ul.dropdown li a {
	color: #7e7e74; /* link color */
	font-weight: bold;
	text-decoration: none;
	display: block;
	float: left;
	height: 8px; /* link height */
	padding: 5px 5px; /* link padding */
}

ul.dropdown li:hover a,
ul.dropdown li.current-menu-ancestor a,
ul.dropdown li.current-menu-item a,
ul.dropdown ul.sub-menu li.current-menu-item a,
ul.dropdown li.current-menu-parent a,
ul.dropdown li.current_page_parent a {
	color: #6699ff; /* hover link, current page link, and page ancestor link color */
}

.dropdown li ul {
	overflow: hidden;
}

ul.dropdown li ul.sub-menu {
	background: #eee; /* sub-menu background */
	list-style: none;
	position: absolute;
	left: 5px; /* left position */
	top: 28px; /* top position */
	display: none;
	float: left;
	width: 270px; /* sub-menu width */
	-webkit-box-shadow: 1px 1px 1px #c0c0c0;
	-moz-box-shadow: 1px 1px 1px #c0c0c0;
	box-shadow: 1px 1px 1px #c0c0c0;
   /*-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px; */
   	margin: 0;
	padding: 0;
}

ul.dropdown li:hover ul.sub-menu {
	display: block;
}

ul.dropdown li ul.sub-menu li {
	clear: both;
	width: 270px; /* same as ul.sub-menu width */
	margin: 0;
	padding: 0;
}

html ul.dropdown li ul.sub-menu li a {
	color: #7e7e74; /* sub-menu link color */
	font-size: 0.9em; /* sub-menu font size */
	font-weight: normal;
	line-height: 1.2em;
	float: left;
	width: 100%;
	height: auto;
	padding: 5px 5px 5px 18px; /* sub-menu link padding */
}

html ul.dropdown li ul.sub-menu li a:hover {
	color: #6699ff; /* sub-menu hover link color */
}


/**
* @section =Tabs Menu
* --------------------------------------------------------------
* @notes displays the top level menu items as tabs
* @notes removes tab formatting from sub-menu items
* @usage .tabs
* @colordef #7e7e74; light grey (link color, submenu link color)
* @colordef #eee;    very light grey (tab background, link border, link hover border, submenu border)
* @colordef #ddd;    light grey (tab border)
* @colordef #666;    grey (link color)
* @colordef #c6d7ef; light grey (tab link hover background)
* @colordef #000;    black (submenu top border)
* @colordef #f7f7f7; light grey (submenu background)
* @colordef #444;    light grey (link hover color)
*/

ul.tabs {
	padding: 0;
}

ul.tabs li {
	background: #eee; /* tab background */
	background-image: -moz-linear-gradient(top, #eee, #fff);
	background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #eee),color-stop(1, #fff));
	float: left;
	width: 100px; /* tab width */
	border: 1px solid #ddd; /* tab border */
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	margin: 0 6px 0 0;
	padding: 0;
}

ul.tabs li a {
	color: #666; /* tab link color */
	font-size: 1.0em; /* tab link size */
	font-weight: bold;
	text-shadow: 0 1px 0 rgba(255,255,255,.9);
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	width: 98px; /* tab width minus border */
	border: 1px solid #eee; /* tab border */
	border-bottom: none;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	margin: 0;
	padding: 0px 0 15px 0; /* tab link padding */
}

ul.tabs li a:hover,
ul.tabs li a:active {
	background: #c6d7ef; /* tab link hover background */
	background-image: -moz-linear-gradient(top, #ddd, #eee);
	background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #ddd),color-stop(1, #eee));
	color: #444; /* tab link hover color */
	text-shadow: 0 1px 0 rgba(255,255,255,.7);
	border: 1px solid #eee; /* tab link hover border */
	border-bottom: none;
}

ul.tabs li ul.sub-menu {
	left: -1px; /* tab sub-menu left position */
	top: 30px; /* tab sub-menu top position */
	border-top: 2px solid #000; /* tab border */
}

ul.tabs .sub-menu li,
html ul.tabs li ul.sub-menu li a {
	background: #f7f7f7; /* tab sub-menu background */
	border: 0; /* tab sub-menu border */
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	border-radius: 0;
}

html ul.tabs li ul.sub-menu li a {
	text-align: left;
	border-left: 1px solid #eee; /* tab sub-menu border */
	border-right: 1px solid #eee;
	padding: 8px 0 8px 10px; /* tab sub-menu padding */
}


/**
* @section =Block Menu
* --------------------------------------------------------------
* @notes displays menu items as rectangular boxes
* @notes adjusts sub-menu block items
* @usage .blocks
* @colordef #fff;    white (block container background, block link border)
* @colordef #eee;    very light grey (block background, submenu border)
* @colordef #ddd;    light grey (block left border, block right border)
* @colordef #666;    grey (link color)
* @colordef #ccc;    light grey (block top border, block bottom border)
* @colordef #c6d7ef; light grey (link hover background)
* @colordef #444;    grey (link hover color)
* @colordef #f7f7f7; very light grey (submenu background, submenu link background)
*/

ul.blocks {
	background: #fff; /* block ul background */
	border-left: 1px solid #ddd; /* block border */
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0;
}

ul.blocks li {
	background: #eee; /* block background */
	background-image: -moz-linear-gradient(top, #eee, #fff);
	background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #eee),color-stop(1, #fff));
	float: left;
	width: 100px; /* block width */
	border-right: 1px solid #ddd; /* block border */
	margin: 0;
	padding: 0;
}

ul.blocks li a {
	color: #666666; /* block link color */
	font-size: 1.0em; /* block link size */
	font-weight: bold;
	text-shadow: 0 1px 0 rgba(255,255,255,.9);
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #fff; /* block link border */
	margin: 0;
	padding: 5px 0 15px 0; /* block link padding */
}

ul.blocks li a:hover,
ul.blocks li a:active {
	background: #c6d7ef; /* block link hover background */
	background-image: -moz-linear-gradient(top, #ddd, #eee);
	background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #ddd),color-stop(1, #eee));
	color: #444; /* block link hover color */
	text-shadow: 0 1px 0 rgba(255,255,255,.7);
	border: 1px solid #eee; /* block link border */
	border-bottom: none;
}

ul.blocks li ul.sub-menu {
	left: -1px; /* block sub-menu left position */
	top: 29px; /* block sub-menu top position */
	border: 1px solid #eee; /* block sub-menu border */
}

ul.blocks .sub-menu li {
	background: #f7f7f7; /* block sub-menu background */
}

html ul.blocks li ul.sub-menu li a {
	background: #f7f7f7; /* block sub-menu link background */
	text-align: left;
	border: 0;
	padding: 8px 15px; /* block sub-menu link padding */
}


/**
* @section =Vertical Menu
* --------------------------------------------------------------
* @notes displays a menu in a vertical format
* @notes adds padding to the left side of sub-menu items
* @usage .vertical
*/

.vertical ul.menu li {
	display: block;
	margin: 0;
	padding: 0;
}

.vertical .sub-menu a {
	padding-left: 15px; /* vertical sub-menu link left padding */
}


/**
* @subsection =Vertical Blocks
* @notes displays vertical menu items as rectangular boxes
* @notes overwrites .blocks css
* @notes adjusts display of sub-menu and parent items
* @usage .vertical.blocks
* @colordef #fff;    white (submenu link hover background, box shadow, current item background)
* @colordef #eee;    very light grey (block top border, text shadow)
* @colordef #f3f3f3; very light grey (submenu current item background)
* @colordef #f7f7f7; very light grey (link background, hover box shadow, current box shadow)
*/

.vertical.blocks ul {
	border-top: 1px solid #eee; /* vertical blocks top border */
}

.vertical.blocks ul.sub-menu {
	border: 0;
}

.vertical.blocks li a {
	background: #f7f7f7; /* vertical block link background */
	text-shadow: 0 1px 0 #eee;
	display: block;
	border-bottom: 1px solid #eee; /* vertical block link border */
	-webkit-box-shadow: inset 1px 1px 2px #fff;
	-moz-box-shadow: inset 1px 1px 2px #fff;
	box-shadow: inset 1px 1px 2px #fff;
	padding: 5px 10px; /* vertical block link padding */
}

.vertical.blocks li a:hover {
	background: #fff; /* vertical block sub-menu hover link background */
	text-shadow: 0 1px 0 #ddd;
	-webkit-box-shadow: inset 1px 1px 2px #f7f7f7;
	-moz-box-shadow: inset 1px 1px 2px #f7f7f7;
	box-shadow: inset 1px 1px 2px #f7f7f7;
}

.vertical.blocks li.current-menu-ancestor a,
.vertical.blocks li.current-menu-parent a,
.vertical.blocks li.current_page_parent a {
	background: #eee; /* vertical block parent link background */
	-webkit-box-shadow: inset 1px 1px 2px #f7f7f7;
	-moz-box-shadow: inset 1px 1px 2px #f7f7f7;
	box-shadow: inset 1px 1px 2px #f7f7f7;
}

.vertical.blocks li.current-menu-item a,
.vertical.blocks ul.sub-menu li.current-menu-item a {
	background: #fff; /* vertical block current item background */
}

.vertical.blocks .sub-menu li a {
	padding: 5px 10px 5px 25px; /* vertical block sub-menu link padding */
}

.vertical.blocks li.current-menu-item .sub-menu a,
.vertical.blocks li.current-menu-ancestor ul.sub-menu a,
.vertical.blocks li.current-menu-parent ul.sub-menu a,
.vertical.blocks li.current_page_parent ul.sub-menu a {
	background: #f3f3f3; /* vertical block sub-menu current item background */
	-webkit-box-shadow: inset 1px 1px 2px #f7f7f7;
	-moz-box-shadow: inset 1px 1px 2px #f7f7f7;
	box-shadow: inset 1px 1px 2px #f7f7f7;
}


/**
* @subsection =Top Level Menu
* @notes only display top level menu items in a vertical menu
* @notes hide sub-menu items and display on hover
* @usage .toplevel
*/

.vertical.toplevel .sub-menu li a {
	display: none;
}

.vertical.toplevel li:hover .sub-menu li a,
.vertical.toplevel li.current-menu-ancestor .sub-menu li a,
.vertical.toplevel li.current-menu-item .sub-menu li a,
.vertical.toplevel ul.sub-menu li.current-menu-item a,
.vertical.toplevel li.current-menu-parent .sub-menu li a,
.vertical.toplevel li.current_page_parent .sub-menu li a {
	display: block;
}