/*********************************************************
I TRIED TO MAKE THIS EASY TO STYLE! SEE NOTES BELOW
**********************************************************/
#dropdown-holder {
	/*
		This is just the holder and how you want what is behind the
		main menu links too look like
	*/
	width: 647px;
	padding:0px;
	margin:0px;	
	float:left;
	height:86px;
	background:#FFF;
	color:#000;
	

}
.dropdown {
	/*
		OVER ALL LINE HEIGHT
	*/
	 width: 647px;
	height:86px;
	 margin:0px; padding:0px;
	text-align:center;
	color:#000!important;
	
	
}
.dropdown a {
	/* The minimum width of the "MAIN" links on top */
	min-width:80px;
	font-family: Trebuchet MS;
    height:66px;
	font-size: 11px;
	display:block;
	padding:20px 0px 0px 0px;
	margin:0px 5px 5px 0px;
	color:#000;
	text-decoration:none;

}
.dropdown a:hover{
	color: #000;
	height:66px;padding:20px 0px 0px 0px;
	margin:0px 5px 5px 0px;
}
.dropdown ul {
width:850px; margin:0px; padding:0px;
}
/
.dropdown ul li {
	background:#000; color:#000; 
	margin:0px; padding:0px;

}
*/


.dropdown li ul a{
	/* The width of the dropdown and popout menu */
	
	background:#000;
	color:#fff!important;
    height:auto;

	/*
		Optional thought i'd make the drop down and popout transparent
		This line is also what is killing the CSS validation
	*/
	
}
.dropdown li ul {
	
	/* time for some math  {a}:width + {a}:padding + {a}:border */
	 margin:0px; padding:0px; width:auto;  color:#000!important; z-index:1000;
}
.dropdown li ul li{
	/* time for some math  {a}:width + {a}:padding + {a}:border */
width:135px; border:0px;  background:#000; color:#000!important;
filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; text-align:left;
border-bottom:1px dotted #dedede;float:left!important;
}
.dropdown li ul li a{
width:125px; height:auto;
color:#fff!important;border:0px; padding:5px;
font:normal 11px/14px "Trebuchet MS";float:left;
}
.dropdown li ul li a:hover{
width:125px; height:auto;
color:#fff!important;border:0px; padding:5px;float:left;
font:normal 11px/14px "Trebuchet MS";
}
.dropdown a.popout {
	/* totally optional popout indicator */

	background-position:center right;
	background-repeat:no-repeat;
}

/************************************************************
ONLY EDIT BELOW IF YOU REALLY KNOW WHAT YOUR DOING!
************************************************************/
.dropdown {
	margin:0;
	padding:0;
	list-style-type:none;
}
.dropdown ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.dropdown a {
	display:block;
}
.dropdown li{
	float:left!important;
	position:relative;
	display: block;
	
	margin:0px; padding:0px; list-style-type:none;
}
.dropdown ul {
	position:absolute;
	display:none;
}
.dropdown li ul a{
	float:left;
}
.dropdown li ul {
	float:left!important;
	
	left:0;
}
.dropdown li ul li{
	float:left;
	
	position:relative;
	margin:0px; padding:0px; list-style-type:none;
}
.dropdown ul ul{
	top:0;
	left:0;
}
* html .dropdown ul ul {
top:22px; 
text-align: left;
}


.dropdown li ul ul {
	width:auto;
	margin: -1px 0px 0px 0px;
	float:left;
}
.dropdown li:hover ul ul, .dropdown li:hover ul ul ul, .dropdown li:hover ul ul ul ul{
	display:none;
}
.dropdown li:hover ul, .dropdown li li:hover ul, .dropdown li li li:hover ul, .dropdown li li li li:hover ul{
	display:block;
}




.red a:hover{
	color: #fff!important;
	background:#9d0546;
	height:58px;padding:25px 0px 0px 0px;
	margin:0px 3px 0px 0px;
	
}
.red a {
	/* The minimum width of the "MAIN" links on top */
	font-family: Trebuchet MS;
    height:58px;
	padding:25px 0px 0px 0px;
	font-size: 11px;
	display:block;
	margin:0px 3px 0px 0px;
	color:#000!important;
	width:85px;
	text-decoration:none;
	border-bottom:3px solid #9d0546;
}
.portokali a:hover{
	color: #fff!important;
	background:#FE7F00;
	height:58px;padding:25px 0px 0px 0px;
	margin:0px 3px 0px 0px;
}
.portokali a {
	/* The minimum width of the "MAIN" links on top */
	min-width:80px;
	font-family: Trebuchet MS;
	font-size: 11px;
	display:block;
	height:58px;padding:25px 0px 0px 0px;
	margin:0px 3px 0px 0px;
	color:#fff;
	text-decoration:none;
	border-bottom:3px solid #FE7F00;
}
.green a:hover{
	color: #fff!important;
	background:#94AF00;
	height:58px;padding:25px 0px 0px 0px;
	margin:0px 3px 0px 0px;
}
.green a {
	/* The minimum width of the "MAIN" links on top */
	min-width:80px;
	font-family: Trebuchet MS;
    height:58px;padding:25px 0px 0px 0px;
	font-size: 11px;
	display:block;
	margin:0px 3px 0px 0px;
	color:#000;
	text-decoration:none;
	border-bottom:3px solid #94AF00;
}
.blue a:hover{
	color: #fff!important;
	background:#0065AF;
	height:58px;padding:25px 0px 0px 0px;
	margin:0px 3px 0px 0px;
}
.blue a {
	/* The minimum width of the "MAIN" links on top */
	min-width:80px;
	font-family: Trebuchet MS;
	font-size: 11px;
	display:block;
    height:58px;padding:25px 0px 0px 0px;
	margin:0px 3px 0px 0px;
	color:#000;
	text-decoration:none;
	border-bottom:3px solid #0065AF;
}

.purple a:hover{
	color: #fff;
	background:#9800AF;
	height:58px;padding:25px 0px 0px 0px;
	margin:0px 3px 0px 0px;
}
.purple a {
	/* The minimum width of the "MAIN" links on top */
	min-width:80px;
	font-family: Trebuchet MS;
    height:58px;padding:25px 0px 0px 0px;
	font-size: 11px;
	display:block;
	margin:0px 3px 0px 0px;
	color:#000;
	text-decoration:none;
	border-bottom:3px solid #9800AF;
}
.dgreen a:hover{
	color: #fff;
	background:#458D04;
	height:58px;padding:25px 0px 0px 0px;
	margin:0px 3px 0px 0px;
}

.dgreen a {
	/* The minimum width of the "MAIN" links on top */
	min-width:80px;
	font-family: Trebuchet MS;
    height:58px;padding:25px 0px 0px 0px;
	font-size: 11px;
	display:block;
	margin:0px 3px 0px 0px;
	color:#000;
	text-decoration:none;
	border-bottom:3px solid #458D04;
}