/* CSS Document */

/*------------------------------------------
Trident Technical College - Drop Down Menu 
version:    5.0
author:		Daniel Vice
email:		daniel.vice@tridenttech.edu
-------------------------------------------*/
/* Sample Attribute Hierachy

.someAttribute {
	/*Position Attributes*/
	/*Size Attributes*/
	/*Color Attributes*/
	/*Formatting Attributes*/
	/*Type Attributes*/
	/*Other Attributes*/
	
/* Tablet Screen Size
--------------------------------------------------------------------*/

@media screen and (min-width: 768px) {

ul[role="menubar"] {
	/*Position Attributes*/
	position: relative;
	float: left;
	/*Size Attributes*/
	height: inherit;
	/*Color Attributes*/
	/*Formatting Attributes*/
	margin: 0;
    padding: 0 0 0 10px;
	/*Type Attributes*/
	list-style: none;
	/*Other Attributes*/
    z-index: 25;
}

ul[role="menubar"] [role="menuitem"]:focus,
ul[role="menubar"] [role="menuitem"]:hover,
ul[role="menubar"] [role="separator"]:focus,
ul[role="menubar"] [role="separator"]:hover {
  color: white;
}


ul[role="menubar"] li {
	/*Position Attributes*/
	display: block;
    float: left;
	/*Size Attributes*/
	/*Color Attributes*/
	/*Formatting Attributes*/
	padding: 0;
    margin: 0;
	/*Type Attributes*/
	/*Other Attributes*/
}

ul[role="menubar"] > li {
  display: inline;
  position: relative;
}

ul[role="menubar"] li a {
	/*Position Attributes*/
	display: block;
	/*Size Attributes*/
	height: 18px;
	/*Color Attributes*/
	color: #ffffff;
	/*Formatting Attributes*/
	padding: 10px 3px 10px 3px;
    margin: 0 10px 0 10px;
	/*Type Attributes*/
	font-family: Fira Sans Extra Condensed;
	font-weight: 300;
	font-size: 11pt;
	text-decoration: none;
	/*Other Attributes*/
}

ul[role="menubar"] ul[role="menu"] {
	/*Position Attributes*/
	display: none;
	position: absolute;
	top: -2px;
	left: 0;
	/*Formatting Attributes*/	
	margin: 0;
	padding: 0;
  	border: 1px solid #ddd;
    border-top: none;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    overflow: hidden;
	/*Color Attributes*/
	background: #ffffff;
	/*Type Attributes*/
	/*Other Attributes*/
    z-index: 30;
}

ul[role="menubar"] ul[role="menu"] li {
  background: #ffffff;
  padding: 0;
}

ul[role="menubar"] ul[role="menu"] li a {
  display: block;
  width: 11em;
  height: auto;
  color: #000000;
  margin: 0;
  padding: 8px 0 8px 10px;
}

}

/* Small Desktop Screen Size
--------------------------------------------------------------------*/
@media screen and (min-width: 1024px) {
	

.navBar ul li a {
	padding: 10px 3px 10px 3px;
    margin: 0 16px 0 16px;
	font-family: Fira Sans;
	font-size: 100%;
}

.menu_dropdown_block ul li a {
	margin: 0;
	padding: 10px;
}

}

/* Maximum Screen Size
--------------------------------------------------------------------*/
@media screen and (min-width: 1440px) {


.menu_dropdown_block ul li a {
	width: 100%;
	margin: 0;
	padding: 10px;
}


}