body {padding:0;margin:0;font-family:'Open Sans';font-size:14px;background-image:url(images/back_pic_01.png);background-repeat:no-repeat;background-position:50% 0;background-attachment:fixed;}
div.clear {clear:both;height:0;}
div#main_holder {min-height: 100%;height:auto !important;height:100%;margin:0 auto -50px;padding:0;position:relative;}
div.main_wrap {width:975px;padding:0;margin:0 auto;z-index:1;position:relative;background:none;}
div#pusher {height:50px;}
div#footer_wrap {height:50px;position:relative;}

div#footer {width:950px;background:#000;padding:8px 0;margin:30px auto;}
div#footer {width:975px;}
div#footer p.footer_address {float:left;padding:10px 0 10px 50px;margin:0 0 0 9px;background:url(images/footer_logo.png) no-repeat;color:#fff;font-size:11px;}
div#footer a.footer_gravity {float:right;display:block;margin:0 9px 0 30px;background:url(images/footer_gravity.png) no-repeat;width:144px;height:32px;text-indent:-9000px;}
div#footer a.footer_facebook {float:right;display:block;margin:0;background:url(images/footer_facebook.png) no-repeat;width:83px;height:32px;text-indent:-9000px;}

div#top {height:30px;width:950px;margin:0 auto;}
div#top ul {list-style:none;margin:0;padding:0;}
div#top ul li {margin:0;padding:0;float:right;}
div#top ul li a {display:block;text-indent:-9000px;width:25px;height:30px;}
div#top ul li a.facebook {background:url(images/top_facebook.png) no-repeat;}
div#top ul li a.contact {background:url(images/top_contact.png) no-repeat;}





div.left {float:left;width:245px;margin:0;padding:0 0 20px 0;}

div.homebanner {margin:0 auto;width:975px;}

div.left div#header {height:157px;margin:0 0 49px 0;}
.home div.left div#header {height:157px;margin:0 0 0 0;}

div.left div#header h1 {margin:0;padding:0;}
div.left div#header h1 a {text-indent:-9000px;background:url(images/dipethepatras_logo.png) no-repeat;background-position:50% 15px;
	margin:0;padding:0;height:157px;display:block;}

div.left div#school {height:106px;margin:30px 0 49px 0;}
div.left div#school h1 a {text-indent:-9000px;background:url(images/school_logo.png) no-repeat;background-position:50% 50%;
	margin:0;padding:0;height:106px;display:block;}

div.left div#opera {height:106px;margin:30px 0 49px 0;}
div.left div#opera h1 a {text-indent:-9000px;background:url(images/opera_studio_banner.jpg) no-repeat;background-position:50% 50%;
	margin:0;padding:0;height:106px;display:block;}


ul#mainmenu {list-style:none;margin:0;padding:0;}
ul#mainmenu li {margin:0 0 4px 0;padding:0;clear:left;float:left;}
ul#mainmenu li a {display:block;padding:5px 25px 5px 10px;font-weight:300;font-size:13px;text-decoration:none;
	float:left;}

div.right {float:right;width:685px;margin:0 0 0 45px;padding:0 0 0px 0;position:relative;}
div#pagedata {background:url(images/pagedata_back.png) repeat;padding:30px 30px 200px 30px;margin:0;color:#000;}
div#pagedata.contact {padding:30px 18px 18px 18px;}
div#pagedata.contact h1 {padding:0 12px;}


ul#events {margin:0;padding:0;list-style:none;}
ul#events {margin-bottom:15px;}
ul#events li {margin:0 0 5px 5px;}
ul#events li:nth-child(7n+1) {margin-left:0;clear:left;}
ul#events li {float:left;width:95px;height:95px;margin:0 7px 7px 0;border:0;padding:0;}
ul#events li a {display:block;position:relative;width:95px;height:95px;margin:0;padding:0;border:0;background:#000;
	text-decoration:none;overflow:hidden;line-height:1.1;font-size:9.5px;}
ul#events li a img {position:absolute;z-index:10;top:0;left:0;display:block;}
ul#events li a:hover img {display:none;}
ul#events li a span {display:block;padding:8px 10px 0 10px;}
ul#events li a em {color:#fff;display:block;padding:2px 10px 0 10px;font-style:normal;}


div#pagedata div#main_header {margin:0 0 55px 0;padding:0;}
div#pagedata h1 {font-size:30px;font-weight:normal;margin:0;padding:0;}
div#pagedata h1 span {font-style: italic;font-weight:300;}
div#pagedata h2 {font-size:13px;font-weight:normal;color:#000;margin:0;padding:0;}

div#pagedata ul {font-size:13px;}

div#pagedata div#siderelated {float:right;width:228px;margin:0 0 25px 25px;padding:0 0 25px 0;}
div#pagedata div#siderelated ul#pictures {list-style:none;margin:0;padding:0;}
div#pagedata div#siderelated ul#pictures li {display:block;margin:0 0 10px 0;}
div#pagedata div#siderelated ul#pictures li a {display:block;margin:0;padding:0;}

div#pagedata div#siderelated ul#youtube {list-style:none;margin:0;padding:0;}
div#pagedata div#siderelated ul#youtube li {display:block;margin:0 0 10px 15px;}
div#pagedata div#siderelated ul#youtube li a {display:block;margin:0;padding:0;width:200px;height:150px;
	background-position:50%;background-color:#000;background-repeat:no-repeat;background-size:100% auto;}

div#pagedata div#siderelated h4 {padding:0 0 10px 0;margin:0;color:#000;}
div#pagedata div#siderelated ul#downloads {list-style:none;margin:0;padding:0;}
div#pagedata div#siderelated ul#downloads li {display:block;margin:0 0 5px 0px;}
div#pagedata div#siderelated ul#downloads li a {display:block;margin:0;padding:0;text-decoration:none;padding:2px 6px;border-radius:3px;}
div#pagedata div#siderelated ul#downloads li a span {display:block;margin:0;padding:0;text-decoration:none;color:#000;font-size:92%;}
div#pagedata div#siderelated ul#downloads li a:hover {background:rgba(0,0,0,.1);}

ul.pages {list-style:none;height:22px;margin:0;padding:0;}
ul.pages li {display:block;float:left;display:block;height:22px;margin-right:2px;}
ul.pages li a {display:block;height:22px;line-height:22px;width:22px;text-align:center;background:#fff;text-decoration:none;
	color:#000;}





div.activenew {position:relative;width:221px;margin:44px auto 50px;
background-image: -moz-linear-gradient(bottom, #f0f0f0 0%, #fff 49.88%, #efefef 100%); /* gradient overlay */
background-image: -o-linear-gradient(bottom, #f0f0f0 0%, #fff 49.88%, #efefef 100%); /* gradient overlay */
background-image: -webkit-linear-gradient(bottom, #f0f0f0 0%, #fff 49.88%, #efefef 100%); /* gradient overlay */
background-image: linear-gradient(bottom, #f0f0f0 0%, #fff 49.88%, #efefef 100%); /* gradient overlay */
}
.home div.activenew {margin-top:15px;width:100%;}

div.activenew div.top {width:221px;height:69px;position:absolute;left:0;top:-65px;
		background:url(images/ropes.png) no-repeat top left;}
.home div.activenew div.top {display:none;}
div.activenew div.main {padding:0;margin:0;}
div.activenew div.main a {display:block;padding:35px 19px 20px 15px;margin:0;color:#000;text-decoration:none;}
div.activenew div.main a h3 {margin:0;padding:0 0 3px 0;color:#000;font-family:'Open Sans Condensed';font-weight:700;font-size:14px;}
div.activenew div.main a h2 {margin:0;padding:0 0 10px 0;color:#df533f;font-family:'Open Sans';font-weight:300;font-size:14px;}
div.activenew div.main a p {margin:0;padding:0 0 20px 0;color:#000;font-family:'Open Sans';font-weight:300;font-size:14px;}
div.activenew div.main a span {display:block;float:right;color:#df533f;}
div.activenew div.main a:hover h2,div.activenew div.main a:hover span {text-decoration:underline;}




div#pagedata ul#photogallery {list-style:none;margin:0;padding:0;}
div#pagedata div#siderelated ul#photogallery {margin-top:20px;}
div#pagedata ul#photogallery li {display:block;margin:0 0 5px 5px;float:left;}
div#pagedata ul#photogallery li.first {margin-left:0;}
div#pagedata div#siderelated ul#photogallery li {margin:0 12px 12px 0;float:right;}
div#pagedata ul#photogallery li a {display:block;margin:0;padding:0;width:95px;height:95px;}

div.showarticle a {color:#000;text-decoration:underline;}

ul#news {list-style:none;padding:0;margin:0;}
ul#news li {display:block;padding:10px 0;margin:10px 0 0 0;border-top:1px solid #000;}
ul#news li.first {margin:0 0 0 0;border-top:0;}
ul#news li h3 {margin:0;padding:0;font-weight:normal;font-size:13px;}
ul#news li h2 {margin:0;padding:0 0 0 0;font-weight:300;font-size:20px;line-height:1.2;}
ul#news li h2 a {text-decoration:none;}
ul#news li h2 a:hover {text-decoration:underline;}
ul#news li h4 {margin:0;padding:0;font-weight:400;font-size:11px;font-family:'Open Sans';color:#000;}
ul#news li p {padding:0;margin:10px 0 0 0;}

ul.news {list-style:none;padding:0;margin:0;}
ul.news li {display:block;padding:10px 0;margin:10px 0 0 0;border-top:1px solid #000;}
ul.news li.first {margin:0 0 0 0;border-top:0;}
ul.news li h3 {margin:0;padding:0;font-weight:normal;font-size:13px;}
ul.news li h2 {margin:0;padding:0 0 0 0;font-weight:300;font-size:20px;line-height:1.2;}
ul.news li h2 a {text-decoration:none;}
ul.news li h2 a:hover {text-decoration:underline;}
ul.news li h4 {margin:0;padding:0;font-weight:400;font-size:11px;font-family:'Open Sans';color:#000;}
ul.news li p {padding:0;margin:10px 0 0 0;}



ul.topmenu {list-style:none;margin:0 0 0 0;padding:108px 0 0 0;width:100%;display:table}
ul.topmenu li {display:table-cell;margin:0;padding:0;}
ul.topmenu li a {display:block;margin:0 0 0 1px;border-bottom:4px solid #DF533F;text-align:center;padding:5px 0;vertical-align:middle;
	font-size:13px;color:#df533f;text-decoration:none;background-color:#fff;padding:0 12px;height:45px;}
ul.topmenu li a span {padding:5px 0;display:block;}
ul.topmenu li a:hover {text-decoration:none;background-color:#EFEFEF;}
ul.topmenu li.sel a {color:#fff;text-decoration:none;background-color:#df533f;}
div.submenuwrap {min-height:40px;margin:0;padding:10px 0 0 0;}/*background:rgba(0,0,0,.18);}*/
div.submenuwrap.home {height:27px;margin:0;padding:0 0 0 0;}/*background:rgba(0,0,0,.18);}*/
ul.submenu {list-style:none;margin:0;padding:0;}
ul.submenu li {float:left;margin:0 15px 0 0;}
ul.submenu li.emth {clear:left;padding-bottom:10px;}
ul.submenu li a {display:block;padding:5px 0;text-decoration:none;color:#fff;font-size:12px;}






div#head_banner {margin:0 0 18px 0;padding:0;position:relative;z-index:2;background-color:#fff;border-radius:5px;
	padding:0;position:relative;height:320px;overflow:hidden;
-moz-box-shadow: 0 5px 5px rgba(6,6,6,.18); /* drop shadow */
-webkit-box-shadow: 0 5px 5px rgba(6,6,6,.18); /* drop shadow */
box-shadow: 0 5px 5px rgba(6,6,6,.18); /* drop shadow */

}
div#head_banner div.banner_pic {position:absolute;border-radius:4px;top:8px;left:8px;width:679px;height:304px;
	background-repeat:no-repeat;background-size:auto;background-position:50% 0;z-index:1;}
div#head_banner div.banner_pic div.tag {position:absolute;left:689px;top:0;width:260px;background:#fff;text-align:left;padding:0 0 0 10px;height:304px;overflow:hidden;z-index:2;}
div#head_banner div.banner_pic div.tag h1 {padding:8px 0 3px 0;margin:0 0 0 0;font-size:18px;font-weight:300;display:block;}
div#head_banner div.banner_pic div.tag h2 {padding:0 0 0 0;margin:0 0 0 0;font-size:13px;font-weight:400;display:block;}
div#head_banner div.banner_pic div.tag p {padding:15px 0 0 0;margin:0 0 0 0;font-size:13px;font-weight:300;display:block;}
div#head_banner div.banner_pic div.tag div.links {position:absolute;bottom:0;right:0;}
div#head_banner div.banner_pic div.tag div.links a {float:left;display:block;line-height:22px;text-decoration:none;color:#000;font-size:11px;padding:0 10px 0 0;margin-right:10px;
		border-right:1px solid #DCDCDC; height:22px;background:#fff;font-weight:300;}
div#head_banner div.banner_pic div.tag div.links a:last-child {border-right:0;margin-right:0;}
div#head_banner div.banner_pic div.tag div.links a.facebook {text-indent:-9000px;background-image:url(images/performancefacebook.png);background-repeat:no-repeat;width:27px;padding-right:0;}

div.homenews {background:#fff;margin:15px 0 0 0;}
div.homenews h1 {border-bottom:1px solid #C2C2C1;}

div.homenews ul#news li {padding:20px 23px;border-top:1px solid #C2C2C1;}
div.homenews ul#news li:first-child {border-top:0px solid #C2C2C1;}
ul#news li h3 {font-weight:700;font-family:'Open Sans Condensed';font-size:14px;}
ul#news li a.more {text-decoration:none;margin:10px 0 0;display:block;}
ul#news li a.more:hover {text-decoration:underline;}

div.homenews ul.news li {padding:20px 23px;border-top:1px solid #C2C2C1;}
div.homenews ul.news li:first-child {border-top:0px solid #C2C2C1;}
ul.news li h3 {font-weight:700;font-family:'Open Sans Condensed';font-size:14px;}
ul.news li a.more {text-decoration:none;margin:10px 0 0;display:block;}
ul.news li a.more:hover {text-decoration:underline;}


ul.newevents {margin:0;padding:0;list-style:none;}
ul.newevents li {margin:10px 0;padding:0;}
ul.newevents li a {margin:10px 0;padding:0;background:#fff;display:block;height:95px;position:relative;padding:0 10px 0 115px;
overflow:hidden;text-decoration:none;}
ul.newevents li a:hover {background-color:#F4F4F4;}
ul.newevents li a img {position:absolute;top:0;left:0;}
ul.newevents li a h2 {color:#000;font-family:'Open Sans';font-size:18px;color:#000;font-weight:300;padding:8px 0 0 0;margin:0;}
ul.newevents li a h3 {font-family:'Open Sans';font-size:15px;color:#000;font-weight:300;padding:0 0 0 0;margin:0;}




div#header_banner_navigation {height:30px;padding:0;position:absolute;z-index:20;width:695px;}
div#header_banner_navigation a {display:block;position:absolute;height:29px;width:29px;text-indent:-9000px;padding:0;top:210px;background-color:#fff;background-repeat:no-repeat;}
div#header_banner_navigation a.left {background-image:url(images/photo_player_previous.png);left:8px;border-bottom-right-radius:3px;border-top-right-radius:3px;
	background-position:60% 50%;}
div#header_banner_navigation a.right {background-image:url(images/photo_player_next.png);right:8px;border-bottom-left-radius:3px;border-top-left-radius:3px;
	background-position:40% 50%;}
div#header_banner_navigation a.head_navigation_button {width:24px;background:url(images/head_banner_bullet.png) no-repeat;margin:0;}
/*div#header_banner_navigation a:hover {background-position:0 -30px;}
div#header_banner_navigation a.sel {background-position:0 -30px;}*/

div#header_banner_navigation.inactive a {cursor:default;}
div#header_banner_navigation.inactive a:hover {background-position:0 0;cursor:default;}
div#header_banner_navigation.inactive a.sel {background-position:0 0;}

ul#homepics {list-style:none;margin:20px 0 0 0;padding:0;width:655px;}
ul#homepics li {margin:0 0 20px 0;padding:0;}
ul#homepics li a {display:block;position:relative;padding:0;height:200px;overflow:hidden;}
ul#homepics li img {width:100%;max-width:100%;}
ul#homepics li a span {display:block;position:absolute;bottom:0;left:0;padding:10px;color:#fff;}
ul#homepics li a span em {display:block;bottom:0;left:0;padding:0;color:#fff;}





ul.headtopmenu {list-style:none;position:absolute;top:0;right:0;padding:0;margin:0;}
ul.headtopmenu li {float:left;display:block;width:24px;height:24px;margin:0 0 0 4px;}
ul.headtopmenu li a {display:block;width:24px;height:24px;background-position:0 0 ;background-repeat:no-repeat;text-indent:-9000px;}
ul.headtopmenu li a:hover {background-position:0 -24px;}
ul.headtopmenu li.contact a {background-image:url(images/header_contact.png);}
ul.headtopmenu li.facebook a {background-image:url(images/header_facebook.png);}
ul.headtopmenu li.tickets a {background-image:url(images/header_tickets.png);}
ul.headtopmenu li.home a {background-image:url(images/header_home.png);}