body {margin:0px; padding:0px; background:#003953 url(imgs/bgr.jpg) repeat-x 0px 0px;}
.clear {margin:0px; padding:0px; }
.error {margin:0px; padding:0px; color:red; font: normal 11px/12px "verdana"!important;}
.date {margin:0px 5px 0px 0px; padding:0px; color:#0a76ae; font: normal 11px/12px "verdana"; text-decoration:none; }

.radiobutns {margin:0px; padding:0px; float:left; display: block; clear:both; width:550px; height: 50px; border:0px;}
.radiobutns radio {border:0px; }


#mainbg {position: absolute; margin:0px auto; padding:0px; background: url(imgs/genbgr.jpg) no-repeat center top; clear:both; width: 100%; height:100%;}

#mainbg .container {margin:0px auto; padding:0px; width: 957px; display:block;}

/*OLO TO TOP*/
#mainbg .container .top {margin:10px 0px 0px 0px; padding:0px; display: block; width:957px; height:94px; background:#ffffff url(imgs/top.jpg) no-repeat 0px 0px; margin-bottom: 5px; float:left;}
#mainbg .container .top .logo {margin:0px; padding:15px 0px 0px 10px; float:left; display:block; width:207px; height:79px;}
#mainbg .container .top .mydate {margin:0px; padding:54px 10px 0px 0px; display:block; height:40px; float:right; width:730px; text-align:right; font: normal 11px/12px "Verdana"; color:#6c6c6c;}


/*FLASH BLOCK*/
#mainbg .container .obj {margin:0px; padding:20px 0px 20px 0px; display: block; background:#fff; width:957px; height:290px; float:left;}
#mainbg .container .obj .flash {margin:0px auto; padding:0px; display: block;  width:920px; height:290px;}


/*TOP MENU*/
#mainbg .container .menu {margin:0px; padding:0px; width:957px; display:block; background: url(imgs/menu.jpg) repeat-x 0px 0px; height:74px; float:left;}
#mainbg .container .menu ul {margin:0px 0px 0px 20px; padding:0px; display:block; height:74px; border-left:1px dotted #fff;}
#mainbg .container .menu li {margin:0px; text-align:center; padding:0px; float:left; display:block;  list-style-type:none; border-right: 1px dotted #ffffff; font: normal 16px/65px "Verdana;"  color:#fff;}
#mainbg .container .menu li a {margin:0px; padding:0px; display: block; width: 182px; height:69px; text-decoration:none; font: normal 16px/65px "Verdana";  color:#fff;}
#mainbg .container .menu li a:hover {margin:0px; padding:0px; display: block; width: 182px; height:69px; text-decoration:none; font: normal 16px/65px "Verdana"; color:#1091d2; background: url(imgs/menu_over.jpg) repeat-x 0px 0px;} 

/*TO DIV POU PERIEXEI OLA TA DOCUMENTS - AUTO THA TO KANOUME PLACEHOLDER*/
#mainbg .container .all {margin:0px; padding:0px; display:block; width: 957px; background:#fff; float:left;}

/*WELCOME BLOCK*/
#mainbg .container .all .welcome {width:334px; padding:20px 10px 20px 20px; margin:0px; display:block; float:left;}
#mainbg .container .all .welcome .title {width: 324px; margin:0px; padding:0px 0px 0px 10px; display:block; background: url(imgs/wlcme.jpg) no-repeat 0px 0px; height:47px; font: normal 16px/47px "Verdana"; color:#fff; text-align:left;}
#mainbg .container .all .welcome .txt {width: 314px; margin:0px; padding:15px 10px 15px 10px; display:block; background:#eff0f1 url(imgs/wlcme_bgr.jpg) no-repeat left bottom; text-align:justify; font: normal 12px/16px "Verdana"; color: #151d21; }

/*DIV SECOND INCLUDES BOTH NEWS RELEASES AND NEWSLETTER*/

/*NEWS RELEASES HOMEPAGE*/
#mainbg .container .all .second {width: 293px; float:left; display: block; padding:0px 0px 10px 0px; margin:20px 0px 20px 0px;}

#mainbg .container .all .second .news {margin:0px; padding:0px; float:left; display:block; width:293px; text-align:left;}
#mainbg .container .all .second .news .title {width: 283px; margin:0px; padding: 0px 0px 0px 10px; background: url(imgs/news_title.jpg) no-repeat; height:55px;  font: normal 16px/47px "Verdana"; color:#000; text-align:left;}
#mainbg .container .all .second .news .txt {width: 273px; margin:0px;padding:5px 10px 5px 10px; float:left; display:block; border-bottom: 5px solid #bfd13b;}
#mainbg .container .all .second .news .txt ul {margin:0px; padding:0px; float:left;}
#mainbg .container .all .second .news .txt li {margin:0px 0px 10px 0px; padding:0px; float:left; display:block; list-style-type:none; width: 273px;}
#mainbg .container .all .second .news .txt li a {margin:0px; padding:0px 0px 0px 15px; display: block; background: url(imgs/bullet1.gif) no-repeat 3px 5px; font: normal 11px/14px "Verdana"; color: #515817; text-decoration:none; width: 260px; }
#mainbg .container .all .second .news .txt li a:hover {margin:0px; padding:0px 0px 0px 15px; display: block; background:#f8ffc3 url(imgs/bullet1.gif) no-repeat 3px 5px; font: normal 11px/14px "Verdana"; color: #515817; text-decoration:none; width: 260px;}
#mainbg .container .all .second .news .txt .more {margin:10px; padding:0px; float:right; display: block;}

/*NEWSLETTER HOMEPAGE*/ 
#mainbg .container .all .second .newsltr {width: 261px; margin:20px 0px 20px 0px; padding:10px 15px 10px 15px; background: url(imgs/nsltr_bgr.jpg)repeat-x left bottom; border: 1px solid #bdbcbd;  display:block; float:left; text-align:left; font: normal 16px/16px "Verdana"; color:#000;}
#mainbg .container .all .second .newsltr .txt {color:#7e7e7e; margin: 10px 0px; padding:0px; font:normal 11px/13px "Verdana"; float:left; display: block;}
#mainbg .container .all .second .newsltr .inputs {width: 261px; margin:0px; padding:0px; float:left; display: block;}
#mainbg .container .all .second .newsltr .inputs .mymail {width: 191px; margin:0px; padding:0px; float:left; display:block;}
#mainbg .container .all .second .newsltr .inputs .mymail input {border:1px solid #dedede; width: 170px; margin:0px; padding:0px; text-align:left; font: 12px/20px "verdana"; color:#666666; height:20px;}
#mainbg .container .all .second .newsltr .inputs .submit {margin:0px; padding:0px; float:left; display:block; width:70px; text-align:right;}


/*MISSION BLOCK*/
#mainbg .container .all .mission {margin:20px 0px 20px 10px;  padding:0px; float:left; display: block; width:266px; }
#mainbg .container .all .mission .title {width: 256px;  padding: 0px 0px 0px 10px; display:block; float:left; height:50px; background:url(imgs/mission_bgr.jpg) no-repeat 0px 0px; font: normal 16px/47px "Verdana"; color:#000;}
#mainbg .container .all .mission .txt {margin:0px; padding:0px; float:left; display: block; width: 266px;}
#mainbg .container .all .mission .txt ul {margin:0px; padding:0px;}
#mainbg .container .all .mission .txt li {margin:0px; padding:10px 5px 5px 10px; float:left; display:block; width:251px; height: 75px; list-style-type: none; background:url(imgs/mission.jpg) no-repeat 0px 0px; font: normal 11px/14px "Verdana"; color:#000;}

/*BOTTOM BLOCK*/
#mainbg .container .bottom {margin:5px 0px 0px 0px; float:left; display:block; padding:0px; background:#fff url(imgs/bottom_bgr.jpg) no-repeat 0px bottom; width:957px; height:50px; }
#mainbg .container .bottom .copyright {margin:20px 0px 0px 20px; padding:0px; height: 25px; width:450px; float:left; display:block; text-align:left; font:normal 11px/12px "Verdana"; color:#767676;} 
#mainbg .container .bottom .by {margin:20px 20px 0px 0px; padding:0px; height: 25px; width:400px; float:right; display:block; text-align:right; font:normal 11px/12px "Verdana"; color:#767676;}
#mainbg .container .bottom .by a {font:normal 11px/12px "Verdana"; color:#0a96cc; text-decoration:underline;}
#mainbg .container .bottom .by a:hover {font:normal 11px/12px "Verdana"; color:#0a96cc; text-decoration:none;}





/*DOCUMENT CSS*/

/* LEFT COLUMN */

#mainbg .container .all .left {width: 294px; margin:0px; padding: 10px 10px 0px 16px; float:left; display: block;}

/*left news*/
#mainbg .container .all .left .news {margin:10px 0px 10px 0px; padding:0px; float:left; display:block; width:293px; text-align:left;}
#mainbg .container .all .left .news .title {width: 283px; margin:0px; padding: 0px 0px 0px 10px; background: url(imgs/news_title.jpg) no-repeat; height:55px;  font: normal 16px/47px "Verdana"; color:#000; text-align:left;}
#mainbg .container .all .left .news .txt {width: 273px; margin:0px;padding:5px 10px 5px 10px; float:left; display:block; border-bottom: 5px solid #bfd13b;}
#mainbg .container .all .left .news .txt ul {margin:0px; padding:0px; list-style-type:none;}
#mainbg .container .all .left.news .txt li {margin:0px 0px 10px 0px; padding:0px; float:left; display:block; list-style-type:none; width: 273px;}
#mainbg .container .all .left .news .txt li a {margin:0px; padding:0px 0px 10px 15px; display: block; background: url(imgs/bullet1.gif) no-repeat 3px 5px; font: normal 11px/14px "Verdana"; color: #515817; text-decoration:none; width: 260px; }
#mainbg .container .all .left .news .txt li a:hover {margin:0px; padding:0px 0px 10px 15px; display: block; background:#f8ffc3 url(imgs/bullet1.gif) no-repeat 3px 5px; font: normal 11px/14px "Verdana"; color: #515817; text-decoration:none; width: 260px;}
#mainbg .container .all .left .news .txt .more {margin:10px; padding:0px; float:right; display: block;}



/*left NEWSLETTER*/ 
#mainbg .container .all .left .newsltr {width: 261px; margin:10px 0px 10px 0px; padding:10px 15px 10px 15px; background: url(imgs/nsltr_bgr.jpg)repeat-x left bottom; border: 1px solid #bdbcbd;  display:block; float:left; text-align:left; font: normal 16px/16px "Verdana"; color:#000;}
#mainbg .container .all .left .newsltr .txt {color:#7e7e7e; margin: 10px 0px; padding:0px; font:normal 11px/13px "Verdana"; float:left; display: block; }
#mainbg .container .all .left .newsltr .inputs {width: 261px; margin:0px; padding:0px; float:left; display: block;}
#mainbg .container .all .left .newsltr .inputs .mymail {width: 191px; margin:0px; padding:0px; float:left; display:block;}
#mainbg .container .all .left .newsltr .inputs .mymail input {border:1px solid #dedede; width: 170px; margin:0px; padding:0px; text-align:left; font: 12px/20px "verdana"; color:#666666; height:20px;}
#mainbg .container .all .left .newsltr .inputs .mymail textarea {border:1px solid #dedede; width: 170px; margin:0px; padding:0px; text-align:left; font: 12px/20px "verdana"; color:#666666; height: 50px;}
#mainbg .container .all .left .newsltr .inputs .submit {margin:0px; padding:0px; float:left; display:block; width:70px; text-align:right; font:normal 12px/20px "verdana";}




/*left Contact*/ 
#mainbg .container .all .left .contact {width: 261px; margin:10px 0px 10px 0px; padding:10px 15px 10px 15px; background: url(imgs/nsltr_bgr.jpg)repeat-x left bottom; border: 1px solid #bdbcbd;  display:block; float:left; text-align:left; font: normal 16px/16px "Verdana"; color:#000;}
#mainbg .container .all .left .contact .txt {width: 261px; margin:10px 0px 10px 0px; padding:0px; float:left; display: block;}
#mainbg .container .all .left .contact .txt .mytxt {width: 175px; margin:0px; padding:0px 0px 0px 10px; float:left; display:block; font: normal 11px/12px "Verdana";}
#mainbg .container .all .left .contact .txt .mytxt input {border:1px solid #dedede; width: 170px; margin:0px; padding:0px; text-align:left; font: 11px/20px "verdana"; color:#666666; height:20px; float:left;}
#mainbg .container .all .left .contact .txt .mytxt textarea {border:1px solid #dedede; width: 170px; margin:0px; padding:0px; text-align:left; font: 11px/20px "verdana"; color:#666666; height: 50px; float:left;}

#mainbg .container .all .left .contact .txt .titles {margin:0px; padding:0px; float:left; display:block; width:75px; text-align:left; font:normal 11px/20px "verdana";}
#mainbg .container .all .left .contact .txt .send {margin:10px 0px 0px 0px; padding:0px; float:right; display:block; width:70px; text-align:right; font:normal 12px/20px "verdana";}



/*LEFT MENU*/
#mainbg .container .all .left .lmenu {width: 291px; margin:10px 0px 10px 0px; padding:17px 0px 0px 0px; background:#e8e8e8 url(imgs/lmenubg.jpg) repeat-x 0px 0px; display:block;  float:left;}
#mainbg .container .all .left .lmenu .title {width: 261px; margin:0px; padding:0px 0px 0px 10px; float:left; display:block; width: 291px; height: 20px; font: normal 16px/16px "Verdana"; color:#000;}
#mainbg .container .all .left .lmenu .mymenu {width: 291px; margin:10px 0px 0px 0px; padding:0px; display:block; float:left;}
#mainbg .container .all .left .lmenu .mymenu ul {margin:0px; padding:0px; border-top: 1px dotted #000; display:block; float:left;}
#mainbg .container .all .left .lmenu .mymenu li {width: 291px; margin:0px; padding:0px 0px 5px 0px; float:left; display: block; border-bottom: 1px dotted #000;  list-style-type:none;}
#mainbg .container .all .left .lmenu .mymenu li a {margin:0px 0px 5px 0px; padding: 0px 0px 5px 30px;  background: url(imgs/bullet3.gif) no-repeat 10px 5px; width: 281px; font: normal 12px/14px "Verdana"; color:#000; text-decoration:none;}
#mainbg .container .all .left .lmenu .mymenu li a:hover {margin:0px 0px 5px 0px; padding: 0px 0px 5px 30px;  background: url(imgs/bullet3.gif) no-repeat 10px 5px; width: 281px; font: normal 12px/14px "Verdana"; color:#0a76ae; text-decoration:none;}




/* right column - document */
#mainbg .container .all .document {width: 625px; margin:0px; padding: 20px 0px 0px 0px; float:left; display:block;}
#mainbg .container .all .document .mytitle { width: 605px; margin:0px; padding:14px 10px 0px 10px; float:left; display: block; background: url(imgs/doc_title.jpg) no-repeat 0px 0px; height:55px; font: normal 16px/18px "Verdana"; color:#fff; }
#mainbg .container .all .document .mytext {width: 605px; margin:0px; padding: 10px; float:left; display:block; font:normal 12px/14px "Verdana"; color:#000;}
#mainbg .container .all .document .mytext strong {font: bold 12px/16px "Verdana"; color:#0a76ae;}
#mainbg .container .all .document .mytext a{text-decoration: underline; font:normal 12px/16px "Verdana"; color:#0a76ae;}
#mainbg .container .all .document .mytext a:hover{text-decoration: none; font:normal 12px/16px "Verdana"; color:#0a76ae;}

#mainbg .container .all .document .news {width: 605px; margin:0px; padding: 10px; float:left; display:block; font:normal 12px/14px "Verdana"; color:#000;}
#mainbg .container .all .document .news ul {margin:0px; padding:0px; float:left;}
#mainbg .container .all .document .news li {margin:0px 0px 5px 0px; padding:0px 0px 5px 0px; float:left; display: block; width: 605px; border-bottom:1px dotted #dadada; list-style-type:none;}
#mainbg .container .all .document .news li a {margin:0px; padding: 5px 0px 5px 10px; font: normal 12px/16px "Verdana"; color: #000; text-decoration:underline; background: url(imgs/bullet1.gif) no-repeat 0px 10px;}
#mainbg .container .all .document .news li a:hover {margin:0px; padding: 5px 0px 5px 10px; font: normal 12px/16px "Verdana"; color: #000; text-decoration:none; background: url(imgs/bullet1.gif) no-repeat 0px 10px;}



#mainbg .container .all .document .mytext .forms {width: 600px; margin:0px auto; padding:0px; display:block;}
#mainbg .container .all .document .mytext .forms .left {width:150px; height: 15px; margin:10px 0px 0px 0px; padding:5px 0px 0px 0px; float:left; display:block; font: normal 11px/12px "Verdana"; color:#000;}
#mainbg .container .all .document .mytext .forms .right {margin:10px 0px 0px 0px; padding:0px 0px 0px 10px; float:left; display: block; width: 440px; font: normal 11px/12px "Verdana"; color:#000;}
#mainbg .container .all .document .mytext .forms .right input {border:1px solid #dedede; width: 170px; margin:0px; padding:0px; text-align:left; font: 11px/20px "verdana"; color:#666666; height:20px; float:left;}
#mainbg .container .all .document .mytext .forms .right textarea {border:1px solid #dedede; width: 170px; margin:0px; padding:0px; text-align:left; font: 11px/20px "verdana"; color:#666666; height:20px; float:left; height: 70px;}

#mainbg .container .all .document .mytext table {font: normal 11px/12px "Verdana"; border:1px solid #dadada; padding:0px; margin:10px 0px 20px 0px; display: block;}
#mainbg .container .all .document .mytext table td {height:15px; margin:0px; padding:4px; text-align:left;}


/*////////////////////////////////////////// PAGES  ////////////////////////*/
#mainbg .container .all .document .page {margin:5px 0px; padding: 10px 0px; float:left; display:block; width: 625px; height:20px;}
#mainbg .container .all .document .page .pre {width: 50px; margin:0px 0px 0px 10px; float:left; display:block; padding:5px 0px 0px 0px;height:20px; }
#mainbg .container .all .document .page .next {width: 50px; margin:0px 10px 0px 0px; float:right; display:block;padding:5px 0px 0px 0px; text-align:right; height:20px;}
#mainbg .container .all .document .page .nums {width: 460px; margin:0px; padding:5px 0px 0px 0px; float:left; display:block; text-align:center; font:normal 12px/12px "Arial"; color:#0a76ae; }
#mainbg .container .all .document .page .nums a { font:bold 12px/12px "Arial"; color:#5a656d; text-decoration:none; }
#mainbg .container .all .document .page .nums a:hover { font:bold 12px/12px "Arial"; color:#5a656d; text-decoration:underline; }


/*GALLERY*/
#mainbg .container .all .document .gallery {margin:0px auto; padding:0px;  width:620px; display:block;}
#mainbg .container .all .document .gallery ul {margin:0px auto; padding:0px;}
#mainbg .container .all .document .gallery li {margin: 5px 10px 10px 10px; padding:0px; width: 170px; list-style-type:none; float: left; height:95px;}
#mainbg .container .all .document .gallery li img{height:80px; margin:0px auto; padding:0px; border:5px solid #dedede;}
#mainbg .container .all .document .gallery li img a{height:80px; margin:0px auto; padding:0px; border:5px solid #dedede;}
#mainbg .container .all .document .gallery li img a:hover{height:80px; margin:0px auto; padding:0px; border:5px solid #2d78be;}




/*my contact*/
#mainbg .container .all .document .mytext .mycontact{ margin:0px 0px 20px 0px; padding:0px;width:600px; float:left;display:block}
#mainbg .container .all .document .mytext .mycontact ul{ margin:0px 0px 20px 0px; padding:0px;width:600px; display:block}
#mainbg .container .all .document .mytext .mycontact li{ list-style-type:none;margin:5px 0px 5px 0px; float:left; padding:0px;width:285px; display:block; background: none; }
#mainbg .container .all .document .mytext .mycontact li input {margin:0px 0px 0px 0px; padding:0px; width:200px; height:22px; float:left;font: normal 12px/16px "Verdana"; color:#5199bb; border: 1px solid #5199bb; background:#e8f1f6;}
#mainbg .container .all .document .mytext .mycontact li textarea {margin:0px 0px 0px 0px; padding:0px 0px; width:200px; height:100px; color:#5199bb; border: 1px solid #5199bb; background:#e8f1f6; float:left;font: normal 12px/14px "Verdana";}
#mainbg .container .all .document .mytext .mycontact li input:hover {margin:0px 0px 0px 0px; padding:0px; width:200px; height:22px; float:left;font: normal 12px/16px "Verdana"; color:#5199bb; border: 1px solid #5199bb; background:#d8ec89;}
#mainbg .container .all .document .mytext .mycontact li textarea:hover {margin:0px 0px 0px 0px; padding:0px 0px; width:200px; height:100px; color:#5199bb; border: 1px solid #5199bb; background:#d8ec89; float:left;font: normal 12px/14px "Verdana";}
#mainbg .container .all .document .mytext .mycontact li span .btns{margin:10px 0px 0px 20px ; float:left; padding:0px;width:170px; display:block}
#mainbg .container .all .document .mytext .mycontact li span .butt{margin:20px 10px 0px 0px; float:left;border:none; padding:0px;width:73px; height:20px; display:block}
#mainbg .container .all .document .mytext .mycontact li span .butt:hover{margin:20px 10px 0px 0px; float:left;border:none; padding:0px;width:73px; height:20px; display:block}
#mainbg .container .all .document .mytext .mycontact .butt2{margin:0px 0px 0px 0px; float:left; border:none; padding:0px;width:73px; height:20px; display:block}