/* CSS Document
Media: Screen  

Template for Cyprus Cultural Foundation www.ccf.org.cy
Version: 2-1/2007
Author: Pavel Kozlov www.pavelkozlov.com; design{at}pavelkozlov.com
Copyright: 2007 Cyprus Cultural Foundation

Acknowledgements:  
Slideshow copyright Patrick Fitzgerald http://slideshow.barelyfitz.com/  


Slideshow img size: 450x338px; large: 800x600px; 
banner size: 720x235px
*/

@import url("reset.css");
@import url("topmenu.css");
@import url("sidemenu.css");




body {
    margin: 0px;
    padding-top: 0px;
	font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
	background: url(../images/new-bg.png);
	line-height: 110%;
	}

p {text-align: justify;
	margin-bottom: 8px;
	}


p, content2col, #slideshow1, #slideshow, ol li, ul li {
	font-size: 0.8em;
	line-height:1.6em;
	}

div#printheader {display:none}


#wrapper {
	width: 920px;
	margin: auto;
	overflow: hidden;
	background-color: white;
	border-right: 1px solid #b9a777;
		}

#centerwrapper {
	/*background: url(../images/left-col-bg2009.png) repeat-y;*/
	background-image:url(../images/left-col-bg.gif);
	background-repeat:repeat-y;
	width: 920px;
	margin: 0;
	padding: 0;}
	
.clear {
	clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
	margin: 0;
	padding: 0;
	}





#top, #header, #footer {width: 100%; margin: auto;}

#headerfront {
	background-color: transparent;
	height: 235px; 
	background: url(../images/logo1.jpg) left no-repeat;
	background-color: #614c21;
	

	}
		
				
			
#banner-front, #banner01, #banner02, #banner03, #banner04, #banner05, #banner06 {
	margin-left: 199px;
	height:235px;
	width: 721px;
	background-repeat: no-repeat;
	background-position:right;
		}

#banner-front {background-image: url(../images/logo/night-view.jpg)}
#banner01 {background-image: url(../images/logo/banner01.jpg)}
#banner02 {background-image: url(../images/logo/banner02.jpg)}
#banner03 {background-image: url(../images/logo/banner03.jpg)}
#banner04 {background-image: url(../images/logo/banner04.jpg)}
#banner05 {background-image: url(../images/logo/banner05.jpg)}
#banner06 {background-image: url(../images/logo/banner06.jpg)}  
   
#top {
display: none;
	}
	
/*top menu bar*/
#separator {
	float: left;
	height: 30px; 
	background: url(../images/topmenu.png) repeat-x top;
	width: 920px;
	}




/*2cols*/
#left {
	float: left;
	width: 200px;
	background-image: url(../images/bullet-bl.gif) repeat-y;
	background: transparent;
	background-repeat: repeat;	
	position: relative;
	
	}

#right { 
    float: right;
    width: 196px;
	margin: 0 0 1px 1px;
	padding: 1px 0px 0 2px;
	height: 100%;
		}

#content2col {
	width: auto;
	margin-left: 205px;
	margin-right: 0px;
	padding: 5px 10px 20px 5px;
	
	}

#content3col {
	width: auto;
	margin-left: 202px;
	margin-right: 0px;
	padding: 5px 5px 5px 5px;
	height: 100%;
	}



#footer {
	color: #333; 
	margin: 0; padding: 0;
    clear: both;
	text-align: center;
	font-size: 0.73em;
	background: #b9a777 url(../images/footer_bg.png) repeat-x 0 120%;

		}

#footer_menu{
	display: block; 
	width: 100%; 
	position: relative; 
	padding-bottom: 2px;
	clear: both;

}
	
#footer p {
	margin: 0; padding: 0; 
    text-align: center; 
	text-transform: uppercase; 
	font-weight: bold;
	}
	
#footer ul {
	margin: auto; 
	width: 630px; 
 padding-left: 20px;
	position: relative;
	height: 125px;
	display: block;
	margin-top: 10px;
		}
	
#footer li {
	width: 150px;
	list-style-type: none; 
	float: left; 
	line-height: 12px; 
	font-size: 10px;
	margin-right: 60px;
	}
	
#footer img {
}


/*footer menu*/

#footer_menu a:link, #footer_menu a:visited {
	font-size: .85em;
	text-decoration: none;
	color: #333;
}

#footer_menu a:hover {
	text-decoration: underline;
	}




/* ----module ---- */

.module {
	width: 97%;
	overflow: hidden;
	border: 1px solid #AAB;
	font-size: 0.85em;
	margin-left: 1px;
	background-color: white;
		}
			
.modheader {
	height: 22px;
	background-image:url(../logo/images/modheader.gif);
	background-repeat: repeat-x;
	background-position: top left;
	color:#FFFFFF;
	font-size: 0.85em;
	padding: 3px 5px 0px 5px;
	font-weight: bold;
		}

.modcontent {padding: 2px;}
.modcontent p {margin-bottom: 3px;}

.modcontent a:link, .modcontent a:visited  {
	color: #0033CC;
	text-decoration: none;
	}


.modcontent a:hover {
	color: #555555;
	text-decoration: underline;	}

.modcontent .date {
	text-decoration: underline;
	display: inline;
	margin-right: 3px;
	color: #555555;}




/* ----- content section formatting ----- */
/* ---- for both, screen and print ---*/


.contentpagetitle, h1 { /*page title*/
	color: #333333;
	font-size: 1.3em;
	border-bottom: 1px solid #5D471F;
	margin-bottom: 5px;
	padding-bottom: 3px;
	padding-top: 5px;
	line-height: 30px;
}

h3 {font-size: 0.9em; margin: 10px 0; color: #333333;}

/*single column text block */

#contentitem p, #contenthighlight p, #contentitem-left p, #contentitem-right p, p  {
	margin-bottom: 0px;

	}
#contentitem { 
	margin: 10px 0 15px 0;
	/*padding: 5px; float:left*/
	overflow: hidden;

	width: 98%;
	}
	

#contentitem-highlight {
	margin: 5px 0 5px 0;
	padding: 5px;
	background-color: #FEFFE8;
	border: 1px solid #AAB;
	width: 98%;
	}
	
#contentitem-highlight, .contentheading, .contenheadingStrong{
	margin-bottom: 10px;
	}


#logoImage {
	background:url(../images/ccf-logo.jpg) no-repeat top left;
	float: left;
	width:150px;
	height: 100px;
}
/* 2 col text block */

#twocolumnwrapper /*wrapstwocolumns in the main text area*/
{	width: auto;
	padding: 20px 5px;
	margin-bottom: 20px;
	}

#twocolumnwrapper p {text-align: left;}

.contentitem-left { /*must always go next to the one on the right*/
	float: left;
	width: 48%;
	
}

.contentitem-right{
	float: right;
	width: 48%;
	
	
	}


.contentitem-left30 { /*must always go next to the one on the right*/
	float: left;
	width: 30%;

}

.contentitem-right30{
	float: left;
	width: 30%;
	margin-left: 20px;

	
	}



.contentitem-right p {
	text-align: left;
	}


/*standard text within block formatting*/

.pagesection {margin-top: 15px; height: auto;}

	
p.contentheadingStrong { /*content item title*/
	width: auto;
	font-size: 1.1em;
	text-align: center;
	color: #865839; 
	font-weight: bold;
	padding-bottom: 3px;
	padding-bottom: 30px;
	border-bottom: 1px #999999 solid;
	}
	
	
.contentdate  {
	font-size: 0.75em;
	color: #666666;
	font-weight: bold;
	}

.author {
	font-size: 0.75em;
	color: #666666;
	font-weight: bold;
	margin-top: 10px;
	text-align: right;
	
	}
	
.red-highlight {  /*press release, latest news, etc*/
	color:#CC3300;
	font-weight: bold;
	}



/*text and images format*/
.subheading {
	color: #333333;
	font-weight: bold;
	}

.left {text-align:left}
.right {text-align:right}
.justify {text-align: justify}

img.left {float: left}
img.right {float: right}

.leftpadding30 {padding-left: 30px}


.floatright {
	float:right;
	margin-left: 10px;}
.floatleft {
	float:left;
	margin-right: 10px;} 

.gray {color:gray}
.blue {color:blue}
.red {color:red}
.smallcaps {font-variant:small-caps}
.italic {font-style: italic;}
.quote {
	margin: 5px 20px 10px 30px; 
	font-style:italic;}
.left25 {margin-left: 25px}
.left30 {margin-left: 35px}
.left50 {margin-left: 50px}

ol {
	text-align: left;
	margin-left: 0px;

}

ol li {
	margin: 0 0 10px 0;
	text-align:justify;
}

.left100 {margin-left: 100px;}
.left150 {margin-left: 150px;}

/* -links- */

a:link, a:visited {
	color: #069;
	text-decoration: underline;
	}

a:hover {
	color: #0033CC;
	text-decoration: underline;	}

.imglinkleft {
	float: left;
	border: 1px solid #aab;
	margin: 0 10px 5px 0;}
.imglinkright {
	float: right;
	border: 1px solid #aab;
	margin: 0 0 3px 10px;}

#content2col a {font-weight: bold;}
	

/*links page*/

#link {
	height: 133px;
	padding: 5px;
	}

#link p {margin-top: 60px;}

#link img a:link {
	border: none;
	}

.even {
	background-color:#edecd4;
	border-bottom: 1px solid #dbdabc;

	}
	
	
/* readon button */


a.readonGr:link, a.readonGr:visited {
	width: 153px;
	height: 27px;
	background: url(../images/readmore1.png) 0 0 no-repeat;
	float: right;
	border: none;
	margin-top: 5px;
	outline: none;
	display: block;
	}
	
a.readonGr:hover {
	background: url(../images/readmore1.png) 0 -27px no-repeat;}

a.readonEn {
	width: 151px;
	height: 23px;
	background: url(../images/readmoreEn.png) no-repeat 0 0;
	float: right;
	border: none;
	margin-top: 5px;
	outline: none;
	}

/*Language buttons*/

a.downloadGr, a.downloadEn {
	float: left;
	width: 27px;
	height: 30px;
	overflow: hidden;
	position:relative;
	outline: none;
}

a:link.downloadGr, a:visited.downloadGr, a:focus.downloadGr {background: url(../images/greek-flag.png) 0 0 no-repeat;}
a:hover.downloadGr {background-position: -27px;}
a:link.downloadEn, a:visited.downloadEn, a:focus.downloadEn {background: url(../images/english-flag.png) 0 0 no-repeat;}	
a:hover.downloadEn {background-position: -27px;}
 
/* Slideshow */
	
#slideshow { /*full width*/
	padding: 5px;
	background-color: #FEFFE8;
	border: 1px solid #AAB;
	margin: 5px 0px 10px 0px;

	}
	
#ss_control {
	margin: 7px 0 5px 0 ;
	text-transform:uppercase;
	font-weight: bold;
	font-size: 0.8em;
	
	
	}

.ss_control a:link, .ss_control a:visited{
	color: #666666;
	text-decoration: none;
	display: inline;
	border: 1px solid #DADADA;
	width: 75px;
	padding:2px;
	background-color:#F2F1BF;}

.ss_control a:hover{
	color: #CC3300;
	text-decoration: none;
	display: inline;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #DADADA;
	border-top: 1px solid #DADADA;
	border-right: 1px solid #999999;
	width: 75px;
	padding:2px;
	background-color:#F2F1BF}

#slideholder {margin: 0;}

#slideshow #SLIDESTEXT {
	width: 215px;
	float: right;
	height: 300px;
		}
		
#slideholder-jury #SLIDESTEXT {
	width: 260px;
	float: right;
	height: 300px;
		}		
		
#slideshowjury #SLIDESTEXT {
	width: 215px;
	float: right;
	height: 300px;
		}

#slideshow #SLIDESTEXT p{text-align: left;}
#slideimage {margin: 0;}

#slideshow hr {margin-bottom: 10px;}
#comment {text-transform: none; color: #666666; margin-left: 50px;}

/*slideshow1 - narrow version*/


#slideshow1 { 
	margin: 5px;
	padding: 5px;
	background-color: #FEFFE8;
	border: 1px solid #AAB;
	width: 466;
	float: right;
	}
#slideimage img {}
	
#leftofslideshow {width: 205px; padding: 0; float: left;}
#rightofslideshow {width: 205px; padding: 0; float: right;}
#leftofslideshow p, #rightofslideshow p {margin-bottom: 5px;}

#noscriptss { /*used in CCC*/
	width: 450px;
}

#noscriptss img {
	margin-bottom: 5px; margin-top: 5px;}



.flythrough {
	width: 200px; 
	height: 134px;
	background: url(../images/ffm_leftcol.jpg) 50% 0 no-repeat;
	text-align: center;
	color: #FFFFFF;
	font-size: .8em;
	font-weight: bold;
	float: left; 
	margin-top: 20px;
	}

.flythrough a:link, .flythrough a:visited {
	line-height: 25px;
	color: white;
	text-decoration: none;}
.flythrough a:hover {text-decoration: underline;}



.downloadLink, downloadLink a  {font-size: 0.8em;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	}

/*pdf icons*/

.pdftxt {
	display: block;
	background: url(../images/reader_icon.jpg) left top no-repeat;
	padding-left: 40px;}

.pdf {
	display: block;
	width: 250px;
	height: 30px;
	background-image:url(../images/reader_icon.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 40px;
	border: 1px solid #333333;
	font-size: .8em;
	font-weight: bold;
		}

div.pdfimg { /*used next to pdf text*/
		float: left;
		width: 31px; height: 31px;
		margin-right: 10px;
		background: url(../images/reader_icon.jpg) no-repeat;
		}
		
.pdftext {float: left; margin-left: 10px;}
.pdftext_full {float: left; margin-left: 10px;}


div.ppsimg { /*used next to pdf text*/
		float: left;
		width: 40px; height: 35px;
		background: url(../images/pps.gif) no-repeat;
		}


.contentheading, .prheading, h2 { /*content item title*/
	color:#333333;
	font-size:1.1em;
	font-weight:normal;
	line-height:1.2em;
	text-align:left;
	}

.prheadingSmall {
	font-size: 0.7em;
	font-weight: bold;
	color:  #333333;
	padding-bottom: 3px;
	}

#contentitem .headingDefinition, #contentitem-highlight .headingDefinition, headingDefinition, h3  {
	font-size: 0.8em;
	font-weight: bold;
	margin-bottom: 0px;
}

.headingDefinition {
	color:#CC3300;}

.titleDefinition {
	font-size: 0.8em;
	font-weight: bold;
	color: #CC3300;
	margin-bottom: 0px;
	text-align: center;
}

.titleContentDefinition {
	font-size: 0.8em;
	font-weight: bold;
	color: #CC3300;
	margin-bottom: 0px;
	text-align: left;
}

p.titleContent {
	font-size: 1em;
	font-weight: bold;
	color: #333333;
	padding-bottom: 10px;
	text-align: left;
	
}

.titleContentSmall {
	font-size: .9em;
	font-weight: bold;
	color: #333333;
	padding-bottom: 10px;
	text-align: left;

}

#contacts {
width: auto;
height: 400px;
background: url(../images/ccfbld1.jpg) top right no-repeat;
position: relative;
padding: 0;


}


#ccf .logo_left {float: left; margin-right: 10px;}

.welcome-message {padding-right: 100px; position:relative;}



#flowplayer {margin-left: 10px; float: right; z-index: 1000}
#ccf-leaflet {float: left; position: relative; margin: -8px 0 0 1px; width: 200px; height: 132px; 
background: url(../images/btn_downoad_ccf_leaflet.png) no-repeat 0 50%;}
#ccf-leaflet span {width: 22px; height: 22px; display: block; float: left; margin-right: 3px; cursor: pointer;}
#ccf-leaflet span a {width: 22px; height: 22px; display: block; overflow: hidden; outline: none;}
#ccf-leaflet .links {width: 55px; height: 25px; left: 140px; top: 100px; position: absolute}


div.letter {display: block; border: 1px solid #999; padding: 10px; position: relative;}
div.letter-corner {position: absolute; margin-left: 680px; background: url(../images/letter-corner.png) no-repeat; width: 61px; height: 62px; margin: -11px 0 0 628px;}
div.letter p{font-size: .8em}


#subscribe {
	background:url(../images/btn_subscribe_plain.png) 0 0 no-repeat; 
	width: 200px; height: 82px; 
	float: left; 
	margin: 0 0 0 1px;
	padding: 20px 0 0 10px;}

#subscribe a:link, #subscribe a:visited {
	font: bold 12px/15px Arial, Helvetica, sans-serif; 
	color: white; 
	text-decoration: none; 
	display: block; 
	text-align: left; 
	display: block; 
	width: 65%; 
	outline: none;
	padding: 2px;}
	
#subscribe a:hover, #subscribe a:focus {text-decoration: underline;}

#subscribe a.gr {}
#subscribe a.en { margin: 0 0 0 0px; text-align: right; width: 90%}
#friends #subscribe {display: none}


/*subscribe form*/
#friends form {font: 12px Arial, Helvetica, sans-serif; }
#friends form fieldset {border: 0;}
#friends form legend {display: none}
div.indicate-required {text-align: left; margin: 0 0 20px 190px; color: red}
div.indicate-required .note-required {margin-right: 10px}
div.mc-field-group {margin: 0 0 10px 0; width: 100%; float: left;}

.mc-field-group label {width: 200px; text-align: right; float: left; padding-right: 10px; font-size: 12px; padding-right: 10px;}
.note-required {color: #F30; font-family:Verdana, Tahoma; font-size: 18px; font-weight: normal;}
.mc-field-group input {width: 200px; padding-left: 5px;}

.mc-field-group ul {display: block; width: 400px; float: left; margin: 0; padding: 0;}
.mc-field-group li {list-style-type:none; display:block; float: left; width: 100%; margin: 0 0 5px 0;}
.mc-field-group li input {float: left; width: auto; margin-right: 10px;}
.mc-field-group li label {text-align: left; width: 350px; padding-top: 2px;}

input.btn {margin-left: 210px; outline: none;}
input.mce_inline_error {border: 1px solid red}
.mce_inline_error {float: left; color: red; margin: 0 10px 0 0; display: block;}
a.mc_embed_close {display: none}


#friends .sep {margin-top: 20px;}
#friends label.right {
	display:inline-block;
	float:none;
	margin-left:10px;
	padding:0;
	text-align:left;
	width:230px;}

.contentpagetitle a.gr:link, .contentpagetitle a.gr:visited  {float: right; margin-top: 2px;display: inline-block; width: 28px; height: 28px; background: url(../images/greek-flag.png) 0 0 no-repeat; text-indent: -999em; outline: none;}
.contentpagetitle a.gr:hover, .contentpagetitle a.gr:focus {background: url(../images/greek-flag.png) -27px 0 no-repeat;}

.contentpagetitle a.en:link, .contentpagetitle a.en:visited  {float: right; margin-top: 2px;display: inline-block; width: 28px; height: 28px; background: url(../images/english-flag.png) 0 0 no-repeat; text-indent: -999em; outline: none;}
.contentpagetitle a.en:hover, .contentpagetitle a.en:focus {background: url(../images/english-flag.png) -27px 0 no-repeat;}

#mce-error-response {
color:red;
display:block;
padding-bottom:15px;
padding-left:210px;
padding-right:0;
padding-top:10px;
}

#mce-success-response {
background:white;
color:green;
font-weight:bold;
margin:740px 0 0;
padding:20px 0 15px 0;
position:absolute;
width:630px;
text-align: center}

#mc_embed_signup {padding-bottom: 30px;}
/*
.mc-field-group .input-group li {width: auto; margin-right: 10px}
.mc-field-group .input-group label {width: 60px;}
#friends form .input-group li input {width: auto;}
.input-group li {list-style-type: none;  width: auto;}
*/



/*
.signup-message {margin: 10px 0 40px 10px}
#friends div#subscribe {display: none;}

#friends form ul li label {display: block; width: auto; margin: 0; float: left; padding: 0.2em 0 0 0}
#friends form .morefields {margin: 0 0 0 170px; float: left}
#friends form .morefields ul li {width: 430px;}
#friends form .morefields ul li label{width: 380px; text-align: left; float: left;}
div.mce_inline_error {width: 200px!important; margin: 5px 0 0 210px!important; padding: 5px!important; border: 1px solid red; float: left;}
*/

a.top {
	float: right; 
	margin-top: 20px
}

a.fb {
	display: inline-block; 
	background:url(../images/fb-rounded.png) no-repeat 0 2px; 
	padding-left: 25px; 
	font-size: 12px; 
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	margin-left: 30px;
	height: 20px;
	text-decoration: none;}
	
a.fb:hover {text-decoration: underline}