@charset "utf-8";

body  {
	background: #666666;
	margin: 0px;
	padding: 0;
	font-family: Verdana;
	text-align:center;
}



a {
	outline:none;
}

a:hover{
	text-decoration: underline
}

a:active{
	text-decoration: underline;
	font-variant: normal;
	text-transform: none;
}

.hua #container {
	text-align: left;
	height: 100%;
	min-height: 700px;
	position: relative;
	overflow: hidden;
	border-left: 1px solid;
	background-color: #CACED9;
}  

.hua #header {
	padding: 0 10px;
	background-color: #DDDDDD;
	background-image: url(../images/hua_header_grad.jpg);
	height: 98px;
} 

.hua #header h1 {
	margin: 0px; 
	padding: 10px 0; 
}

.hua #header img, #Mbanner img, #Hmenu img{
	margin: 0px;
	padding: 0;
	border: none;
}

.hua #Hmenu {
	padding: 0 10px;
	background-color: #DDDDDD;
	background-image: url(../images/hua_Hmenu_grad.jpg);
	height: 38px;
}

.hua #Hmenu h1 { 
	margin: 0px; 
	padding: 10px 0; 
}

.hua #menutabs {
	width:1009px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 80px;
}

.hua #menutabs .selected{
	font-weight: bold;
	color: #fff;
}

.hua #Mbanner {
	background-color: #4096B7;
	background-image: url(../images/hua_Mbanner_grad.jpg);
	height: 115px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

.hua #sidebar1 {
	float: left;
	width: 230px;
	background-color: #2a7b99;
	background-image: url(../images/hua_LeftCol_grad.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 32767px;
	padding-left: 0px;
	margin-bottom: -32767px;
}

.hua #sidebar1 h2{
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
	letter-spacing: normal;
	word-spacing: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 35px;
}

.hua #sitePath{
	color: #036;
	font-family: Verdana;
	font-style: normal;
	font-weight: bold;
	word-spacing: normal;
	border-bottom: dotted;
	border-bottom-width: 1px;
	margin:0px 0px 30px 00px;
	font-size: 12px;
}

.hua #sitePath a{
	font-size: 12px;
	text-decoration: none;
	color: #036;
}

.hua #sitePath a:hover{
	color: #666666;
}

.hua #map2{
	width:195px;
	height:250px;
	float:left;
	margin-left:15px;
	border:#006600 1px dotted;	
}

.hua #sidebar2 {
	float: right;
	width: 198px;
	background-color: #145789;
	background-image: url(../images/hua_RightCol_grad.jpg);
	background-repeat: repeat-x;
	background-position: right top;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 32767px;
	padding-left: 5px;
	margin-bottom: -32767px;
	color: #036;
}

.hua #sidebar2 h2 {
	font-size: 14px;
	font-weight:bold;
	color: #036;
	margin:0 10px;
	padding:0 0 15px 0;
}

.hua #sidebar2 h3 {
	font-size: 12px;
	font-weight:bold;
	color: #06F;
	margin: 0;
	padding:0;	
}

.hua #sidebar2 h4 {
	color: #039;
	font-weight:normal;
	font-size:10px;
	text-decoration:none;
	margin:0;
	padding:10px 0 0 0;
	letter-spacing:1px;
}

.hua #sidebar2 p {
	margin:0;
	padding:0;
}

.hua #sidebar1 h3, .hua #sidebar1 p, .hua #sidebar2 p, .hua #sidebar2 h3 {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

.hua #sidebar2 a{
	color: #06F;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	display:block;
	border-bottom:1px solid #036;
	padding:10px 0 20px 0;
	width:100%;
}

.hua #sidebar2 u{
	color: #036;
	font-weight:normal;
	text-decoration:underline;
	font-size:14px;
	letter-spacing:1px;
}


.hua #sidebar2 em{
	color: #036;
	font-weight:normal;
	font-size:10px;
	text-decoration:none;
	letter-spacing:1px;
}

.hua #mainContent {
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 0px;
	margin-right: 208px;
	margin-bottom: -32767px;
	margin-left: 230px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 32767px;
	padding-left: 10px;
	min-height: 488px;
	background-image: url(../images/hua_text_grad.jpg);
	background-color: #CACED9;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #156293;
	border-bottom-color: #156293;
	border-left-color: #156293;
}


.hua #maintext {

	float:left;	

	font-size: 12px;

	color: #000;

	text-transform: none;	

	text-align: justify;

}


.hua #maintext li{
	margin-left:30px;
}

.hua #maintext h1{
	color: #069;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	letter-spacing: normal;
	word-spacing: normal;
	margin: 0px;
}

.hua #maintext td{
	font-weight:bold;
	margin:0;
	padding:2px;
	font-family:Verdana;
	letter-spacing:0px;
	font-size:9px;
	text-align: left;
	
}

#anakoinwseis td {
	padding:2px;
	border:solid thin #000;
	font-size:6px;
	text-align: left;
}


.hua #infoinner h1{
	color: #069;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	letter-spacing: normal;
	word-spacing: normal;
	margin: 0px;
}

.hua #maintext h2,#infoinner h2{
	color: #069;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	letter-spacing: normal;
	word-spacing: normal;
	margin:15px 0px;
}

.hua #maintext h3,#infoinner h3{
	color: #036;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	letter-spacing: normal;
	word-spacing: normal;
	margin:15px 0px;
}

.hua #Hmenu ul {
	margin:0px;
	list-style-type:none;	
}

.hua #Hmenu li {
	margin:0;
	float: left;
	padding-top: 18px;
	background-image: url(../images/buttnbg.jpg);
	background-repeat: no-repeat;
	height: 18px;
	width: 170px;
	text-align: center;
}

.hua #Hmenu a {
	color: #aacbe4;
	text-decoration: none;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	letter-spacing: 0px;
	word-spacing: normal;
	line-height: 20px;
}

.hua #Hmenu a:hover, #Hmenu a:active {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	letter-spacing: 0px;
	word-spacing: normal;
	line-height: 20px;
}

.hua #imagemask {
	background-image:url(../images/mask_photo1.gif);
	background-repeat: no-repeat;
	height: 149px;
	width: 166px;
	margin-left: 15px;
	float: left;
}



.hua #imagemask img {

	height: 123px;

	width: 140px;

	margin-right: auto;

	margin-left: auto;

	padding: 13px;

}

.hua #maintext h4,#infoinner h4{

	color: #036;

	font-style: normal;

	font-weight: bold;

	font-size: 13px;

	line-height: normal;

	font-variant: normal;

	text-transform: none;

	text-decoration: none;

	letter-spacing: normal;

	word-spacing: normal;

	margin:15px 0px;

}



.hua #infoinner {

	float:right;

	font-size: 12px;

	line-height: 22px;

	letter-spacing: 1px;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #09C;

	height: 400px;

	padding-left: 20px;

	margin-left: 20px;

	width: 200px;

	background-color: #CACED9;

	padding-top: 15px;

	border-right-width: 1px;

	border-right-style: solid;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #156293;

	border-right-color: #156293;

	border-bottom-color: #156293;

	padding-bottom: 32767px;

	margin-bottom: -32767px;

	background-image: url(../images/hua_text_grad.jpg);

	background-repeat: repeat-x;

	background-position: right top;

}

.hua #footer {

	background-color: #DDDDDD;

	background-image: url(../images/hua_footer_grad.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	height: 34px;

	float: left;

	width: 100%;

	

}



.hua #footer a{

	font-size: 12px;
	
	line-height:28px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	color: #FFF;

	text-decoration: none;

	font-family: Verdana;

	

} 

.hua #footer p {

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

}



/* Miscellaneous classes for reuse */

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	float: none;

	clear: both;

	margin: 0;

	padding: 0;

	border: none;

	font-size:1px;

}



/************************************

		 MENU LI 

***************************************/

#vertnav{



                list-style: none;



                margin: 0;



                padding:0 0 10px 14px;



}



 



#vertnav ul {



                padding:0;



                margin:0;



                list-style: none;



                width:200px;



                z-index:99;



                overflow:visible;



                position:absolute;           



}



 



#vertnav li {        



                -moz-border-radius: 5px;



-webkit-border-radius: 5px;



border: 1px solid #000;  



                background-color:#5aace0;position: relative;



                width: 200px;



                display:block;



                margin:0;



                background-repeat: repeat-x;



                background-position: left top;   



                background-image: url(../images/mlddm_ul_li.jpg);            



}



#vertnav ul li{



                background-color:#5aace0;



                background-image: url(../images/mlddm_ul_li.jpg);



                background-repeat:repeat-x;



                background-position: left top;



                border: thin solid #284562;          



                



}



 



 



#vertnav ul li:hover{



                background-color:#50748d;



                background-image: url(../images/mlddm_ul_li_hover.jpg);



                background-repeat:repeat-x;



                background-position: left top;



                



}



 



#vertnav ul li li{



                background-color:#5aace0;



                background-image: url(../images/mlddm_ul_li.jpg);



                background-repeat:repeat-x;



                background-position: left top;



                



}



 



#vertnav ul li li:hover{



                background-color:#50748d;



                background-image: url(../images/mlddm_ul_li_hover.jpg);



                background-repeat:repeat-x;



                background-position: left top;   



}



 



 



#vertnav a {
	text-decoration:none;
	display:block;
	padding:8px 10px 8px 10px;
	margin:0; /*helps Opera with hover */
	width:190px; /*helps IE with hover */
	color: #036;
	outline:none;
	font-size: small;
	font-weight: bold;				
				



}



 



#vertnav li li a {



                text-decoration:none;



                display:block;



                padding:8px 10px 8px 10px;



                margin:0; /*helps Opera with hover */



                width:190px; /*helps IE with hover */



                



                outline:none;



                font-size: small;



}



 



#vertnav a:hover {



                color:#FFF



                



}



#vertnav a:active {
                font-weight:bold;
                color:#FFF
}

#vertnav li:hover{



                background-color:#50748d;



                background-image: url(../images/mlddm_ul_li_hover.jpg);



                background-repeat:repeat-x;



                background-position: left top;



                



}



 



#vertnav ul, #vertnav ul ul, #vertnav ul ul ul{



    display:none; 



    position:absolute; 



    top:0; 



    left:200px;



}



 



#vertnav li:hover ul ul, #vertnav li:hover ul ul ul{



    display:none; 



                



  



}



 



#vertnav li:hover ul, #vertnav ul li:hover ul, #vertnav ul ul li:hover ul{



    display:block;



                



}



 



li>ul { 



                top: auto;



                left: auto;



}



 



/* Win IE only \*/



* html #vertnav li{float:left;} 



/* end holly hack */