﻿/*Created & Edited by Bartholomew-Michael Vasilantonakis for Hellenic Institute of Transport in July 2007*/
body {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	margin: 0px;
	padding: 0px;
	background-color: white;/*: #6699FF;*/
	text-align: justify;
}

body.sub {
	font-family: Verdana;/*Calibri;*/
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	margin: 0px 25px 0px 25px;
	padding: 0px;
	background-color: transparent;
	text-align: justify;
}

/*HomeSite HomeSite HomeSite HomeSite HomeSite HomeSite HomeSite HomeSite HomeSite HomeSite HomeSite HomeSite */
/*HomeSite HomeSite HomeSite HomeSite HomeSite HomeSite HomeSite HomeSite HomeSite HomeSite HomeSite HomeSite */
#DateClock {
	width: 280px;
	float: left;
	display: inline;
	text-align: left;
	padding-left: 30px;
}

#HomeSite {
	width: 120px;
	float: right;
	display: inline;
	text-align: right;
	font-size: 80%;
	padding-right: 30px;
}
/*END HomeSite END HomeSite END HomeSite END HomeSite END HomeSite END HomeSite END HomeSite END HomeSite */
/*END HomeSite END HomeSite END HomeSite END HomeSite END HomeSite END HomeSite END HomeSite END HomeSite */

/*TopBanner TopBanner TopBanner TopBanner TopBanner TopBanner TopBanner TopBanner TopBanner TopBanner TopBanner */
/*TopBanner TopBanner TopBanner TopBanner TopBanner TopBanner TopBanner TopBanner TopBanner TopBanner TopBanner */
#TopBanner {
	clear: both;
	background: #387A9B;/*#003366*/
	color: #FFF;
	border-bottom: 5px solid #D36832;
	font-size: 12px;
}

#LeftTopBannerBack {
	background: url('../images/TopBanner/LeftCorner_2.png') no-repeat;
	width: 100%;
	height: 90px;
}

#RightTopBannerBack {
	background: url('../images/TopBanner/RightCorner_2.png') no-repeat 100% 0;
	width: 100%;
	height: 90px;
}

#MiddleTopBannerBack {
	/*background: url('../images/TopBanner/Repeating.png') repeat-x 100%;
	width: 100%;
	height: 90px;
	padding: 0px 20px 0px 20px;*/
}

#RightTopBanner {
	background: url('../images/TopBanner/MOSESLogo_2.png') no-repeat right;
	width: 95%;
	height: 90px;
}

#LeftTopBanner {
	background: url('../images/TopBanner/MOSESLogo_Full.png') no-repeat left;
	width: 100%;
	height: 90px;
	padding-right: -20px;
}

#TopMenu {
	background: url('../images/TopBanner/MenuBanner.png') repeat-x;
	height: 27px;
	clear: both;
}

#TBTable {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	height: 27px;
}

#CoBanner {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 15px;
	font-weight: bold;
	padding-left: 15px;
}

#Logout {
	margin: 0px;
}

td.ralign {
	text-align: right;
}

td.lalign {
	text-align: left;
}

a.menulink {
	color: #000000;
	text-transform: none;
	text-decoration: none;
	font-size: 120%;
}
/*END TopBanner END TopBanner END TopBanner END TopBanner END TopBanner END TopBanner END TopBanner END TopBanner */
/*END TopBanner END TopBanner END TopBanner END TopBanner END TopBanner END TopBanner END TopBanner END TopBanner */

/*CONTAINER CONTAINER CONTAINER CONTAINER CONTAINER CONTAINER CONTAINER CONTAINER CONTAINER CONTAINER CONTAINER */
#container {
	background: url('../images/Mainbanner4.png') repeat-x;
}

#container2 {
	background-color: transparent;
	text-align: justify;
	padding: 1em 10px 0 10px;
}

#RightBlock {
	text-align: right;
	width: 14%;
	float: right;
	margin: 1em .5%;
}

#news {
	text-align: left;
	list-style-image: url('../images/News.png');
}

#events {
	text-align: left;
	list-style-image: url('../images/Date.png');
}

#links {
	text-align: left;
	list-style-image: url('../images/Info.png');
}

#content {
	text-align: justify;
	width: 70%;
	float: left;
	margin: 1em .5%;
}

#nav {
	width: 14%;
	float: left;
	margin: 1em .5%;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 150%;
}

#footer {
	clear: both;
	background: #387A9B;
	color: #fff;
	padding: 5px 3%;
	text-align: right;
}

/*RIGHT MENU 1 RIGHT MENU 1 RIGHT MENU 1 RIGHT MENU 1 RIGHT MENU 1 RIGHT MENU 1 RIGHT MENU 1 RIGHT MENU 1 */
/*RIGHT MENU 1 RIGHT MENU 1 RIGHT MENU 1 RIGHT MENU 1 RIGHT MENU 1 RIGHT MENU 1 RIGHT MENU 1 RIGHT MENU 1 */
#MMenuItems {
	padding: 0px 15px 0px 15px;
	text-align: justify;
}

a.mmenulink {
	color: #000000;
	text-transform: none;
	text-decoration: none;
	font-variant: small-caps;
	font-size: 105%;
}

#RightMenu {
	display: inline;
	float: right;
	position: relative;
	width: 191px;
	z-index: 3;
}

#RightTopMenu {
	background-image: url('../images/RightMenu/TopRightMenu3.png');
	background-position: top;
	background-repeat:no-repeat;
	width: 191px;
	padding-bottom: 50px;
	z-index: 3;
}

#RightMidMenu {
	background-image: url('../images/RightMenu/MiddleRightMenu3.png');
	background-repeat: repeat-y;
	width: 191px;
	z-index: 3;
}

#RightBotMenu {
	background-image: url('../images/RightMenu/BottomRightMenu3.png');
	background-position: top;
	background-repeat:no-repeat;
	width: 191px;
	padding-top: -50px;
	text-align: center;
	z-index: 3;
}

#MenuItems {
	position: relative;
	width: 101px;
	padding-left: 45px;
	padding-right: 45px;
	top: -18px;
	z-index: 3;
}

#LeftMenu {
	float: left;
	position: relative;
	width: 150px;
	z-index: 3;
}

#LeftTopMenu {
	width: 150px;
	z-index: 3;
}

#LeftMidMenu {
	width: 150px;
	z-index: 3;
}

#LeftBotMenu {
	width: 150px;
	text-align: center;
	z-index: 3;
}

#MenuItemsRA {
	position: relative;
	width: 150px;
	padding-left: 0px;
	padding-right: 5px;
	z-index: 3;
}

#MOver {
	padding-left: 15px;
	display: none;
	text-align: left;
}

#Proj {
	padding-left: 15px;
	display: none;
	text-align: left;
}

#RArea {
	padding-left: 15px;
	display: none;
	text-align: left;
}

#Admin {
	padding-left: 25px;
	display: none;
	text-align: left;
}

#PMan {
	padding-left: 20px;
	display: none;
	text-align: left;
}

#SProj {
	padding-left: 20px;
	display: none;
	text-align: left;
}

#GDocs {
	padding-left: 20px;
	display: none;
	text-align: left;
}

#Dissem {
	padding-left: 20px;
	display: none;
	text-align: left;
}

#Contact0, #Contact1, #Contact2, #Contact3, #Contact4, #Contact5, #Contact6, #Contact7, #Contact8, #Contact9, #Contact10,
#Contact11, #Contact12, #Contact13, #Contact14, #Contact15, #Contact16, #Contact17, #Contact18, #Contact19,
#Contact20, #Contact21, #Contact22, #Contact23, #Contact24, #Contact25, #Contact26, #Contact27, #Contact28,
#Contact29, #Contact30, #Contact31, #Contact32, #Contact33, #Contact34, #Contact35, #Contact36, #Contact37,
#Contact38, #Contact39, #Contact40, #Contact41, #Contact42, #Contact43, #Contact44, #Contact45, #Contact46,
#Contact47, #Contact48, #Contact49, #Contact50, #Contact51, #Contact52, #Contact53, #Contact54, 
#Contact55, #Contact56, #Contact57, #Contact58, #Contact59, #Contact60, #Contact61, #Contact62, #Contact63, 
#Contact64, #Contact65, #Contact66, #Contact67, #Contact68, #Contact69, #Contact70, #Contact71, #Contact72, 
#Contact73, #Contact74, #Contact75, #Contact76, #Contact77, #Contact78, #Contact79, #Contact80, #Contact81, 
#Contact82, #Contact83, #Contact84, #Contact85, #Contact86, #Contact87, #Contact88, #Contact89, #Contact90, 
#Contact91, #Contact92, #Contact93, #Contact94, #Contact95, #Contact96, #Contact97, #Contact98, #Contact99 {
	padding-left: 20px;
	display: none;
	text-align: left;
}

div#akis0 {
	text-align: right;
	/*width: 200px;*/
}

div#akis1 {
	text-align: right;
	background: url('../images/Banners/LTOP.png') no-repeat 100% 0;
}

div#akis2 {
	background: url('../images/Banners/RTOP.png') no-repeat 100% 0;
}

div#akis3 {
	padding-top: 50px;
}

div#pullquote1 {
	background: url('../images/Banners/ML.png') repeat-y 100% 0;
}

div#pullquote2 {
	padding: 0px 15px 0px 15px;
	text-align: justify;
	background: url('../images/Banners/MR.png') repeat-y 100% 0;/**/
}

div#akis4 {
	background: url('../images/Banners/LBOTTOM.png') no-repeat 100% 0;
}

div#akis5 {
	background: url('../images/Banners/RBOTTOM.png') no-repeat 100%;
}







div#pullquote h2 {
	margin: 0px 0px 0px 0px;
	padding: 50px 50px 0px 50px;
	background: url('../images/Banners/MR.png') repeat-y 100% 0;
}

div#pullquote p {
	padding: 0 50px;
	background: url('../images/Banners/ML.png') repeat-y 0 100%;
}

div#pullquote p.furtherinfo {
	padding: 0 50px;
	background: url('../images/Banners/LBOTTOM.png') no-repeat 0 100%;
}

div#pullquote p.furtherinfo a {
	display: block;
	padding: 0 50px 50px 0;
	text-align: right;
	background: url('../images/Banners/RBOTTOM.png') no-repeat 100% 100%;
}



/*END RIGHT MENU RIGHT MENU RIGHT MENU RIGHT MENU RIGHT MENU RIGHT MENU RIGHT MENU RIGHT MENU */




h1 {
	/*background: #D36832;
	color: #FFF;
	margin: 0;
	padding: .5em 3%;
	border-bottom: 5px solid #387A9B;*/
}

h2, h3 {
	margin-top: 0;
}


/*BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK 
BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK 
BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK BOOK
div#pullquote {
	margin: 2em;
	background: #09f url('../images/RightMenu/TopRightMenu3.png') no-repeat;
}

div#pullquote h2 {
	margin: 0;
	padding: 20px 20px 0 20px;
	background: url() no-repeat 100% 0;
}

div#pullquote p {
	padding: 0 20px;
}

div#pullquote p.furtherinfo {
	padding: 0 20px;
	background: url() no-repeat 0 100%;
}

div#pullquote p.furtherinfo a {
	display: block;
	padding: 0 20px 20px 0;
	text-align: right;
	background: url() no-repeat 100% 100%;
}


h1 {
	background: #D36832;
	color: #FFF;
	margin: 0;
	padding: .5em 3%;
	border-bottom: 5px solid #387A9B;
}

h2, h3 {
	margin-top: 0;
}

#container {
	background: url(../images/TopBanner/LeftWithLogo.png) repeat-y 50% 0;
}

#container2 {
	background: url(../images/TopBanner/RightWithLogo.png) repeat-y 80% 0;
}

#content {
	width: 44%;
	float: left;
	margin: 1em 3%;
}

#news {
	width: 24%;
	float: left;
	margin: 1em 3%;
}

#nav {
	width: 14%;
	float: left;
	margin: 1em 0 1em 3%;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 150%;
}

#footer {
	clear: both;
	background: #387A9B;
	color: #fff;
	padding: 5px 3%;
	text-align: right;
}
*/