html {background-color: #73130F}
body {background-color: #73130f;text-align:center;font: 100% "Georgia" , "Garamond", "Times New Roman", serif;color: #3F3B3B}
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}


#container {background: #73130f url(/img/background.jpg) repeat scroll top left;}

tr#background  {background:  url(/img/background.jpg) repeat scroll top left;}
#header {background-image: url(/img/mockup10_01.jpg); width:1000px;height:203px;}
#main {background-image: url(/img/mockup10_02.jpg); width:1000px;height:417px;}
h1 {font:  120% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;font-weight:bold;color: #4B0D0A;}
#slidecontainer {margin-left:10px;margin-bottom:20px;background-image:url(/img/slidecontainer.jpg); width: 333px; height:390px;float:left}
#content {margin-left:40px;width:720px; float:left;height:390px;margin-top:-20px;}
#next-act{float:right;margin-top:70px; color:black; margin-right:20px;font-size:12px;width:200px;text-align:justify;height:70px; vertical-align:middle}
p {font-size:14px;margin-top:14px;margin-bottom:14px;}
#box-links a{text-decoration:none;color:#513332}
#box-links a:hover{text-decoration:underline;color:#513332}
#bottom-links {padding-top:30px;border-top:2px solid #DFD1CB;float:left;position:relative;display:block;margin-left:375px;margin-top:-100px;}

ul#bottom-links {height:30px;padding-left:30px;}
#bottom-links li{display:inline;margin:3px;margin-left:10px}
#bottom-links a{display:block;margin-left:10px;float:left;padding:6px;color:#4b0d0a;text-decoration:none;font: 100% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;;border:2px dotted #B9CBA2}
#bottom-links a:hover{background-color: #E7D9D2;border:2px dotted #7E8B6F}

/*#bottom-links li{margin-left:0px;text-align:center;height:60px;width:110px;display:block;float:left;font:  80% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;font-weight:bold;color: #4B0D0A;}
#bottom-links a{width:110px; height:20px;padding-top:40px;display:block;color: #4b3c3b;text-decoration:none}
#bottom-links a:hover{width:110px; height:20px;padding-top:80px;display:block;color: #241d1c;text-decoration:none}
 a#ergastiri{background:url(/img/ergastiri.jpg) -110px 0 no-repeat;}
 a:hover#ergastiri{background:url(/img/ergastiri.jpg) no-repeat;}
h1 {margin-top:15px}
a#erga{background:url(/img/erga.jpg) -110px 0 no-repeat;}
a:hover#erga{background:url(/img/erga.jpg) no-repeat;}

a#eikones{background:url(/img/eikones.jpg) -110px 0 no-repeat;}
a:hover#eikones{background:url(/img/eikones.jpg) no-repeat;}

a#video{background:url(/img/video.jpg) -110px 0 no-repeat;}
a:hover#video{background:url(/img/video.jpg) no-repeat;}

a#paragontes{background:url(/img/paragontes.jpg) -110px 0 no-repeat;}
a:hover#paragontes{background:url(/img/paragontes.jpg) no-repeat;}
*/
#s3slider {
margin-left:63px;
margin-top:60px;
   width: 215px; /* important to be same as image width */
   height: 223px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 215px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 188px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
    text-align:center;
}
.date{
    font:100% "Courier New";
    float:left;
    display:block;
    margin:2px;
}

.acts {
    line-height:18px;
}
.acts {height:300px; overflow:auto;width:470px;margin:1em;background-color: #EFE1E1;padding:3px;border:2px dotted #7E8B6F}
.acts a{
    margin-left:10px;
    text-decoration:none;
    color: #3F3B3B;
    font:  100% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
}
.acts a:hover{
    background-color: #E7D9D2;
}
.acts li{
    padding:2px;
    clear:left;
    height:18px;
    width: 28em;
}
.acts a{
    display:block;
    float:left;
    width:20em;
}

.bottom {
	bottom: 0;
    left: 0;
}

.clear {
   clear: both;
}

ul.list-images  {padding:10px;float:left;width:470px;overflow:auto;height:228px;background-color:red;display:block;background-color: #EFE1E1;padding:3px;border:2px dotted #7E8B6F}
.list-images li {display:block;float:left; margin:3px;padding:2px; border:1px solid #7e8b6f;height:50px}

.available-data ul{width:400px;height:30px;margin-bottom:70px;padding-bottom:90px}
.available-data li{display:inline;margin:3px;margin-left:10px}
.available-data a{display:block;margin-left:10px;float:left;padding:6px;color:#4b0d0a;text-decoration:none;font: 90% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;;border:2px dotted transparent}
.available-data a:hover{background-color: #E7D9D2;border:2px dotted #7E8B6F}