/* NOTES: */


body {
margin: 0px;
padding: 0px;
font: 12px Arial, Helvetica, sans-serif;
line-height: 16px;
color: #000;
background: #FFFFFF url(../images/bgFade.gif) 0 0 repeat-x;
text-align:center;
}

.clear-both { clear:both; }
p { font-size:12px; font-family: Arial, Helvetica, sans-serif; color: #000; line-height: 16px; }
a {
	color: #666;
}
a:hover {
	color:#CCCCCC;
	text-decoration:none;
}

img { border:none; }
/*____________________________________ MAIN CONTAINER ____________________________________*/

#mainContainer {  width: 900px; padding: 0 15px 0 15px; background:url(../images/bgMain.gif) 0 0 repeat-y; margin-left: auto; margin-right: auto; margin-top:0; text-align: left;  }
#top { height: 335px; width: 900px; padding: 0 15px; margin-left: auto; margin-right: auto; margin-top: 0; background:url(../images/bgTop.gif) 0 0 no-repeat;}
#top_admin {  width: 900px; padding: 0 15px; margin-left: auto; margin-right: auto; margin-top: 0; background-color:#FFFFFF; }

/*____________________________________ HEADER ____________________________________*/

#header { height: 107px; width: 900px; position:relative;}
#headerTop { height: 26px; width: 900px; position:relative; background: url(../images/bgHeader.gif) 0 0 repeat-x;}
#right_container{ width: 400px; height: 102px; float:right; padding: 0; margin: 0;}
#headerLogoLeft { height:85px; width:592px; margin: 11px 0 11px 10px; padding: 0; float:left; background: url(../images/left_logo.gif) no-repeat; }
#headerLogoRight { height:85px; margin: 11px 10px 11px 0; padding: 0; float:right; background: url(../images/left_logo.gif) no-repeat; }

/*____________________________________ BANNER ____________________________________*/

#banner { height: 202px; width: 900px; padding: 0; margin:0; position:relative;}
#homebanners { margin: 0 40px; text-align:center; }
/*____________________________________ BELOW NAV ____________________________________*/

#below_nav { width: 900px; height: 26px; margin: 0px; background: #FFF url(../images/bgBelowNav.gif) 0 0 repeat-x; }


/*____________________________________ RIGHT COLUMN ____________________________________*/

#right { width: 640px; float: right; padding:0; margin:0 0 0 0; }

/*____________________________________ PARAGRAPH BOX (pbox) ____________________________________*/

div.pbox { margin: 25px 25px 0 25px; padding: 0; }
div.pbox_linebot { margin: 25px 25px 0 25px; padding: 0; border-bottom: 1px solid #cccccc; }
div.pbox a, div.pbox_linebot a {
	color: #666;
	text-decoration: none;
}
div.pbox a:hover, div.pbox_linebot a:hover { color:#CCCCCC; text-decoration: none; }	 
div.pbox_linebot p, div.pbox p {
	margin: 10px 0 0 0;
	color: #666;
}


/*____________________________________ LEFT NAV ____________________________________*/

#left_nav { width: 197px; float: left; padding:0 0 0 0; margin:0 0 25px 32px; line-height: 13px; background:#eaeeF1  url(../images/nav_top.gif) 0 0 no-repeat; }
#left_nav_bot { background: url(../images/nav_bot.gif) 0 100% no-repeat; }

a.sideLinkTop { display: block; font-size:11px; border-bottom: 1px solid #fff; text-decoration: none; color: #000; padding: 14px 5px 5px 5px; background:  url(../images/nav_strip.gif) 0 0 repeat-x; }
a.sideLinkBot { display: block; font-size:11px; border-bottom: 1px solid #fff; text-decoration: none; color: #000; padding: 5px 5px 14px 5px; background:  url(../images/nav_strip.gif) 0 100% repeat-x; }
a.sideLink { display: block; font-size:11px; border-bottom: 1px solid #fff; text-decoration: none; color: #000; padding: 5px; }
a.sideLink:hover, a.sideLinkTop:hover, a.sideLinkBot:hover {  text-decoration:none; background-color:#D3D3D3; }
a.sideLink.active, a.sideLinkTop.active, a.sideLinkBot.active { text-decoration:none; background-color:#D3D3D3;}
	
a.subLinkTop { display: block; font-size:11px; border-bottom: 1px solid #fff; background: #CCD4D9 url(../images/bgSubNav_top.gif) 0 0 repeat-x; text-decoration: none; color: #666666; padding: 5px; }
a.subLinkBot { display: block; font-size:11px; border-bottom: 1px solid #fff; background: #CCD4D9 url(../images/bgSubNav_bot.gif) 0 100% repeat-x; text-decoration: none; color: #666666; padding: 5px; }
a.subLink   { display: block; font-size:11px; border-bottom: 1px solid #fff; background-color:#CCD4D9; text-decoration: none; color:#666666; padding: 5px; }
a.subLink:hover, a.subLinkBot:hover, a.subLinkTop:hover { text-decoration:none; }
a.subLink.active, a.subLinkBot.active, a.subLinkTop.active { text-decoration:none; }

/*____________________________________ LEFT COLUMN ____________________________________*/



/*____________________________________ WIDE COLUMN ____________________________________*/
	
#wide { width: 900px; float: left; padding:0; margin:0 0 0 0; }
#wide .nospace {  margin:0;  }

/*____________________________________ TITLES ____________________________________*/

.admintitle { margin: 40px 25px 0 25px; padding: 0 0 8px 0; font-size:18px; line-height:21px;  text-align:left; font-weight: bold; color: #06357A; border-bottom: 1px solid #DF8C19;  }

.title { margin: 0 25px 0 25px; padding: 0 0 8px 0; font-size:18px; line-height:21px;  text-align:left; font-weight: bold; color: #06357A; border-bottom: 1px solid #DF8C19;  }
.titleDownloads { margin: 0 25px 0 25px; padding: 0 0 8px 0; font-size:18px; line-height:48px;  text-align:left; font-weight: bold; color: #06357A; border-bottom: 1px solid #DF8C19; background: #fff url(../images/doc_icon.gif) 20% 0 no-repeat; height:48px;  }
.subtitle { margin: 0 0 0 0; padding: 0 0 0 0; font-size:14px; line-height:16px;  font-weight: normal; color:#666666; }
.bodytitle { margin: 0 0 0 0; padding: 0 0 0 0; font-size:13px; line-height:21px;  font-weight: bold; color:#DF8C19; }


/*____________________________________ CONTENT AREA ____________________________________*/

#content { margin: 0; width:900px; padding:0; }

/*____________________________________ GALLERY ____________________________________*/

.gallery_holder { margin: 15px 115px 15px 115px; padding: 0; text-align:center; position:relative;}
#gallery { margin: 0; width: 440px; padding: 0;}
#gallery ul { margin:0; padding:0; list-style: none;  }
#gallery ul li { float:left; margin:5px 10px 10px 0; }

/*____________________________________ MISC ____________________________________*/
.image { float: left; margin: 10px 0 0 7px; padding: 0; }
#noteMore { width: 60px; padding:0 3px 0 0; margin: 5px 8px 0 0; float:left; font-size:9px; background:url(../images/arrowNote.gif) no-repeat right center; }
#noteMore a { color:#666666; text-decoration:none; }
#noteMore a:hover { color:#000000; text-decoration:none; }
.floatimgRight { margin-left: 15px; float: right; clear: both;  }
#more_plain a { font-size:9px; padding:0; margin: 5px 0 0 0; float:left; color: #666666; text-decoration: none; }
#more_plain a:hover { font-size:9px; padding:0; margin: 5px 0 0 0; float:left; color: #FFFFFF; text-decoration: none; }
div.more { width: 40px; padding:0; margin:0 0 0 0; float:left; color:#999999; line-height:6px; font-size:11px; background:url(../images/arrowNote.gif) no-repeat right center;}
div.more_link { width: 80px; padding:0; margin:0 0 15px 0; float:left; color:#999999; line-height:6px; font-size:11px; background:url(../images/arrowNote.gif) no-repeat right center;}
#moreInfo { width: 40px; padding:0 0 0 0; margin: 0 0 0 0; float:left; color:#999999; line-height:12px; text-decoration: none; font-size:11px; background:url(../images/generic/arrowNoteInfo.gif) no-repeat right center;}

#terms { float: right; text-align:right; width: 250px; line-height:13px; color:#000; margin: 6px 10px 0 0; font-size: 10px; }	
#terms  a { color:#000; text-decoration:none; }
#terms a:hover { color:#000; text-decoration:underline; }

#lang { float: left; text-align:left; width: 250px; line-height:13px; color:#000; margin: 6px 0 0 10px; font-size: 10px; }	

/*____________________________________ LISTS & BULLETS ____________________________________*/
#bulletFirst{ padding: 3px 0 3px 25px; width:485px; margin: 20px 0 6px 16px; background:url(../images/iconArrow.gif) left top no-repeat; color:#DF8C19;}
#bullet    { padding: 3px 0 3px 25px; width:485px; margin: 6px 0 6px 16px; background:url(../images/iconArrow.gif) left top no-repeat; color:#DF8C19;}
#bulletLast{ padding: 3px 0 3px 25px; width:485px; margin: 6px 0 20px 16px; background:url(../images/iconArrow.gif) left top no-repeat; color:#DF8C19;}

#downloads  { padding: 3px 0 3px 25px; width:485px; margin: 6px 0 6px 16px; border-bottom: 1px solid #CCC; border-bottom-width:1px; background:url(../images/pdf_logo.gif) left top no-repeat; color:#000;}


ol { list-style-position: outside; color:#DF8C19;}
ul { list-style-position: outside; list-style-image:url("../images/bullet_square.gif"); color:#DF8C19; line-height:18px;}

.note { color:#999999; font-size:10px; }

.note a { color:#999999; text-decoration:none; font-size:10px; }
.note a:hover { color:#cccccc; text-decoration:none;}
/*____________________________________ COLOURS ____________________________________*/

.cgba {  color:#E68E22;  }
.light {  color:#666;  }
.fix {  color:#000000;  }

/*____________________________________ BORDERS AND DIVIDERS ____________________________________*/

div .divider { display:block; height:1px; margin: 0 0 0 0; padding:0; border-bottom: 1px solid #CCC; border-bottom-width:1px; position:relative; }
.lineBelow { border-bottom: 1px solid #ccc;  }
/*____________________________________ HEADERS ____________________________________*/

/***H1***/
h1 {font-size:20px; margin: 0 0 25px 0; padding: 0; line-height: 18px; font-weight: bold; color:#E68E22; }

/***H2***/
h2 {  font-size:16px; margin: 12px 0 12px 0; padding: 0; line-height: 16px; font-weight: bold; color:#E68E22;  }

/***H3***/
h3 {font-size:14px; margin: 12px 0 12px 0; padding: 0; line-height: 12px; font-weight:bold; color:#000000; }

/***NO SPACE***/
h1.nospace, h2.nospace { margin-bottom:4px; } 
h3.spacesml { margin-bottom:6px; } 
.no_top_space {  margin-top:0;}

/*____________________________________ FOOTER ____________________________________*/

#footer { width: 900px; padding: 0 15px; height: 46px; background: #808A92 url(../images/bgFooter.gif) no-repeat; margin-left: auto; margin-right: auto; margin-bottom:0px; }
#footerBelow { width: 900px; padding: 0 ; height: 50px; margin-left: auto; margin-right: auto; margin-bottom:80px; }
#footer a { color: #CCCCCC; text-decoration: none; margin-right: 6px; margin-left: 6px; }
#footer a:hover { text-decoration: underline; }
#copyright { float: left; width: 400px; height:40px; color:#999; margin: 10px 10px 0 0; font:10px; text-align:left; padding:0 0 0 10px;  }	
a#webtheoria { float: right;  display:block; width: 110px; height:22px; color:#CCCCCC; margin: 25px 0 0 0; background: url(../images/webtheoria_logo.gif) 0 0 no-repeat; }	
a#pyrgos { float: right;  display:block; width: 81px; height:44px; color:#CCCCCC; margin: 8px 5px 0 0; background: url(../images/pyrgos_logo.gif) 0 0 no-repeat; }	



/*____________________________________ FORM ELEMENTS ____________________________________*/

#bgBBut { background: url(../images/doc_upload.gif) 0 0 no-repeat; width: 200px; height:40px; display:block; position: absolute;}

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}




#selection {
	height: 50px;
	width: 100px;
	margin: 40px;
}
#selection {
	margin-top: 100px;
	margin-left: 10px;
}
#filegreekmanipulation {
	margin-top: 300px;
	width: 750px;
}