/* ========== ALL ELEMENTS and FIXES */
*{margin:0;padding:0;}
a{outline:none;border:none;}
img{border:none;}
input{vertical-align:middle;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE Mac \*/.clearfix{display:block;}/* End hide from IE Mac */

.floatleft{float:left !important;}
.floatright{float:right !important;}

acronym, abbr{cursor: help;}


/* ========== BODY */
body {
margin:0;
padding:0 0 15px 0;
background:#969ba0 url(images/bg.gif) left top repeat-x;
color:#737373;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}


/* ========== WRAPPER */
#wrapper{
width:768px;
margin:0 auto;
}


/* ========== LEFT COLLUMN */
#left_collumn{
width:588px;
float:left;
background:url(images/wrapperbg.gif) left top repeat-y;
}

#left_inner{
background:url(images/cfbg.gif) left bottom no-repeat;
padding-bottom:40px;
}


/* ========== HEADER */
#header{
width:588px;
height:241px;
background:url(images/hbg.gif) left top no-repeat;
position:relative;
}


/* ========== LOGO */
#header h1 a{
width:263px;
height:93px;
position:absolute;
left:48px;
top:25px;
display:block;
text-indent:-2000em;
background:url(images/logo.png) left top no-repeat;
}


/* ========== SLOGAN */
.slogan{
width:225px;
height:50px;
position:absolute;
left:42px;
top:142px;
/*text-indent:-2000em; */
padding:10px 0 0 50px;
color:#f39b10;
font-size:16px;
font-style:italic;
display:block;
background:url(images/logoman.gif) left top no-repeat;
}


/* ========== HEADER FLASH */
#header_flash{
width:240px;
height:210px;
position:absolute;
right:14px;
top:23px;
z-index:0;
}


/* ========== CONTAINER */
#container{
background:url(images/containerbg.gif) 442px top no-repeat;
padding:0 13px 0 15px;
}


/* ========== CONTENT */
#content{
width:420px;
float:left;
position:relative;
padding-top:30px;
}

.title_homepage{
display:block;
padding:0 0 0 7px;
position:absolute;
left:7px;
top:-8px;
font-size:14px;
color:#9c3389;
font-weight:bold;
background:url(images/arrow.gif) no-repeat left;
}

#content img{
border:2px solid #9c3389;
margin-right:10px;
}

#content a{
color:#9c3389;
text-decoration:underline;
}

#content a:hover{
color:#9c3389;
text-decoration:none;
}

#content h2{
font-size:14px;
color:#9c3389;
margin-bottom:10px;
}

#content p{
font-size:11px;
color:#000000;
line-height:14px;
margin-bottom:15px;
}


/* ========== DOUBLE BOX */
#double_box{
clear:both;
padding-top:10px;
}

#double_box h3{
width:100px;
height:16px;
margin-bottom:5px;
margin-left:10px;
/*text-indent:-2000em;*/
display:block;
}

.partners{
color:#9C3389;
background:url(images/arrow.gif) no-repeat left;
padding:0 0 0 7px;
/*background:url(images/partners.gif) left top no-repeat;*/
}

.sponsors{
color:#9C3389;
background:url(images/arrow.gif) no-repeat left;
padding:0 0 0 7px;
/*background:url(images/sponsors.gif) left top no-repeat;*/
}

.dboxin{
width:180px;
background:url(images/dboxbg.gif) left top no-repeat;
padding:10px;
}

#double_box a{
font-weight:bold;
}


/* ========== INNER SIDEBAR */
#inner_sidebar{
width:120px;
float:right;
}

#inner_sidebar h4{
width:120px;
height:40px;
text-indent:-2000em;
display:block;
background:url(images/our_news.gif) left top no-repeat;
}

.news{
clear:both;
margin-bottom:25px;
}

.day{
float:left;
width:22px;
height:21px;
line-height:21px;
background:url(images/sbdate.gif) left top no-repeat;
color:#ffffff;
font-size:11px;
font-weight:bold;
text-align:center;
margin-right:5px;
}

.month{
float:left;
display:block;
font-size:11px;
color:#f39b10;
font-weight:bold;
width:90px;
margin-top:-3px;
}

.year{
float:left;
display:block;
font-size:10px;
color:#f39b10;
font-weight:bold;
}

.newshead{
margin-bottom:5px;
}

.newscont a{
color:#9c3389;
font-weight:bold;
text-decoration:none;
font-size:10px;
}

.newscont a:hover{
text-decoration:underline;
color:#9c3389;
}

.newscont p{
font-size:10px;
color:#000000;
}


/* ========== SIDEBAR */
#sidebar_outer{
width:178px;
float:right;
background:url(images/sbg.gif) left top repeat-y;
}

#sidebar_inner{
background:url(images/sbh.gif) left top no-repeat;
}

#sidebar{
background:url(images/sbf.gif) left bottom no-repeat;
padding:15px 10px;
text-align:center;
}


/* ========== SIDEBAR NAV */
#sb_nav{
padding-bottom:5px;
padding-left:3px;
margin-bottom:8px;
background:url(images/ulbg.gif) center bottom no-repeat;
}

#sb_nav li{
list-style:none;
margin-bottom:2px;
height:34px;
line-height:34px;
text-align:center;
font-size:12px;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#sb_nav li a{
width:154px;
height:34px;
display:block;
clear:both;
color:#9c3389;
text-decoration:none;
background:url(images/nav.gif) left top no-repeat;
}

#sb_nav li a:hover{
text-decoration:none;
color:#aa4798;
}


/* ========== SIDEBAR RELATED */
.sb_picture{
width:146px;
height:210px;
background:url(images/sbimgbg.gif) left top no-repeat;
padding:2px;
margin:5px auto 5px auto;
clear:both;
}

#sidebar_flash{
margin-top:5px;
margin-bottom:10px;
z-index:0;
}

.netstudio{
background:#969ba0 url(images/netstudio.gif) 5px center no-repeat;
text-align:center;
color:#ffffff;
text-decoration:underline;
font-size:10px;
padding-left:15px;
display:block;
font-family:Arial, Helvetica, sans-serif;
line-height:30px;
clear:both;
}

.netstudio{margin-top:-5px;}

a:hover.netstudio{
text-decoration:none;
color:#ffffff;
}

/* Form Styling ------------------ */
form fieldset {margin-bottom: 5px;border:1px solid #ddd;padding:10px;}
form legend {padding: 0 2px;font-weight: bold;margin:0 auto 5px auto;color:#000;}
form label {float: left;text-align: right;padding-top: 0.2em;margin-right: 20px;line-height: 1.8em;vertical-align: top;width: 80px; /* width of labels */}
form fieldset ol {margin: 0;padding: 0;}
form fieldset li {list-style: none;padding: 5px;margin: 0;}
form fieldset fieldset {border: none;margin: 3px 0 0;}
form fieldset fieldset legend {padding: 0 0 5px;font-weight: normal;}
form fieldset fieldset label {margin-left: 20px; /* width plus 3 (html space) */}
form em {font-weight: bold;font-style: normal;color: #f00;}
form p input {margin-left: 103px;width: 100px;}
form p.longdescription {font-size: 0.8em;line-height: 0.8em;margin: 5px 0 5px 140px;padding: 0;}
form input, form textarea {width: 200px;background-color: #ddd;color: #9c3389;font-weight: bold;}
form input.radio {margin: 0;padding: 0;width: 30px;}
form label.radiolabel {width: 180px;margin: 0;padding: 0;}
form .highlabel {height: 70px;}
/* End Form Styling ---------------------- */

.copyright{font-size:10px;padding-left:15px;color:#444;background:#969ba0;}
#links ul{list-style:none;margin:0 0 0 20px;}
#links h2{background:url(images/littleman.png) no-repeat left top;margin:20px 0 2px 0;padding:7px 0 0 20px;height:21px;}
#links{margin:0 0 20px 0;}

#photos{margin:0 0 0 30px;}
#photos img{margin:20px 20px 0 0;}

#parousiasi ul, #xorigies ul, #students ul, #proteinomena ul{list-style:none;margin:0 0 20px 5px;position:relative;}
#parousiasi li, #xorigies li, #students li, #proteinomena li{margin:10px 0 5px 0;background:url(images/littleman.png) no-repeat left top;padding:5px 0 0 30px;}

#content{color:#000;font-size:11px;line-height:14px;margin-bottom:15px;}

#program table{border:1px solid #d9d9d9;margin:0 10px 10px 0;width:195px;}
#program td{padding:3px;}
td.tabletitle{text-align:center;background:#9c3388;color:#fff;}
td.hourstitle, td.lessonstitle{text-align:center;font-weight:bold;background:#c3c1c2;color:#9c3388;}
td.lesson{background:#eee;}
td.hours{background:#eee;text-align:center;}
td.sumtitle{font-weight:bold;background:#eee;}
td.sumhours{font-weight:bold;background:#eee;text-align:center;}

#agymn, #cgymn, #blykthet, #blyktexnol, #clyktheor{float:left;}

p.newstitle{color:#9C3389;font-weight:bold;}
#mary{height:200px;margin:10px 0;}
#yannis{clear:both;margin:10px 0;}

#content h2{font-size:14px;}
#content h3{font-size:12px;}
#content h4{font-size:10px;}
#content h5{font-size:9px;}
#content h6{font-size:8px;}

#offers{font-size:11px;}

.det{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px; color:#fff;}
.det s{font-size:10px; text-align:left;}