/* 
2009.Cascading Stylesheet 
Created by Atanas Mahony for ChiosOnline - www.chiosonline.gr
*/

@import url(reset.css);

/* Global
----------------------------------------------- */

body{background:#70c2d9 url(../images/bg.jpg) no-repeat 50% 0; font-family:Arial, Helvetica, sans-serif;}
p{ font: 13px/1.5 Arial, Helvetica, sans-serif; color:#666; margin-top:5px; }


a:link{ color:#392a00; text-decoration:none; font:13px/1.5 Arial, Helvetica, sans-serif;}
a:hover{color:#392a00; text-decoration:none;font:13px/1.5 Arial, Helvetica, sans-serif;}
a:visited{color:#392a00; text-decoration:none;font:13px/1.5 Arial, Helvetica, sans-serif;}

h1{}
h2{ font:bold 36px Arial, Helvetica, sans-serif; letter-spacing:-3px;}
h3{ font-size:24px;letter-spacing:-2px; }
h4{ font-size:18px;letter-spacing:1px;}
h5{}
h6{ font-size:18px; color:#666; letter-spacing:-1px;}


address{ font: normal 12px/1.5 Arial, Helvetica, sans-serif; color:#3d7585; padding:7px 12px; }
hr{ border:1px solid #d4d9dd; margin:0px 20px; background:none;}

/* Structure
----------------------------------------------- */

#headerwrap{ height:70px; border-bottom:1px solid #91cada; background:#fff;}
#header{ background:#fff; width:1030px; margin:0px auto; height: 100%; position:relative; z-index:9;}
#wrapper{ width:820px; margin:150px auto; height:100%;}
#inner{ padding:10px;}

#sidebar{ width:240px; min-height: 800px; background: #f5d682; border: 1px solid #e9c053; position:relative;}
#main{ width:570px; min-height:500px; background:#FFF; margin-top: 70px; position:relative;}
.inner{ padding:10px;}
/* // Header */

.logo{ margin-top:20px; width:441px;}

.navigation{ width:800px; background:#963; position:absolute; right:0;}
.navigation ul{ position:absolute; top:18px; right:20px;}
.navigation ul li { float:left; margin:0px 0px;}
.navigation ul li h6{color:#7d8c98;}

/* //  Language Navigation */
#langnav{ }
#langnav ul{padding-top: 0px; float:right;}
#langnav ul li{float:left; padding-right: 13px;}

/* // Content */

#news,#archives, #organisers { padding:0px 13px;}
#news li{ border-left: 10px solid #fff!important; display:block; float:left; clear:left; padding: 0 0 0 7px; margin-bottom:10px; width:200px;}
#news li a, #news li span{ float:left; clear:left; cursor:pointer;}

#news .date{ font: italic 11px Arial, Helvetica, sans-serif; color:#fff; }



#news1 { padding:0px 13px;}
#news1 li{padding: 0 0 0 7px; margin-bottom:15px; }

#news1 .date{ font: italic 11px Arial, Helvetica, sans-serif; color:#000; }


#archives2005 { display:block; float:left; height: 73px; background:url(../images/archives2005.gif) no-repeat left; position:relative; margin-bottom:10px;}
#archives2006 { display:block; float:left; height: 73px; background:url(../images/archives2006.gif) no-repeat left; position:relative; margin-bottom:10px;}
#archives2007 { display:block; float:left; height: 73px; background:url(../images/archives2007.gif) no-repeat left; position:relative; margin-bottom:10px;}
#archives2008 { display:block; float:left; height: 73px; background:url(../images/archives2008.gif) no-repeat left; position:relative; margin-bottom:10px;}
#archives2009 { display:block; float:left; height: 73px; background:url(../images/archives2009.gif) no-repeat left; position:relative; margin-bottom:10px;}


#archives li a{ margin-left: 75px; line-height: 5; }


#organisers li a{font:10px/1.1 Arial, Helvetica, sans-serif;}


.image{ margin:10px; padding:10px;}


.righthold{ position:relative; width:250px; float:right;}
#routemenu{ position:absolute; left:0px; top:20px;}
#routemenu li{ margin-bottom:10px; border-bottom: 1px solid #d4d9dd; min-width:200px; padding-bottom:5px;}
#routemenu li a h3{ color:#70c2d9;}


#routemenu1{ position:absolute; left:0px; top:20px;}
#routemenu1 li{ margin-bottom:10px; border-bottom: 1px solid #d4d9dd; min-width:200px; padding-bottom:5px;}
#routemenu1 li a h3{ color:#70c2d9;}


ol.nor {margin: 20px 30px;background: #fff;padding: 0 0 0 20px; list-style-type:decimal;}
ol.nor li {margin: 0;padding: 15px 0px;color: #70c2d9;font-size: 1.7em;font-weight: bold; border-bottom: 1px solid #d4d9dd;}

ol.nor ol, ol.nor ul { list-style-type: lower-alpha; margin: 20px 20px; font-size: 20px; }
ol.nor ol li, ol.nor ul li{margin: 0;padding: 15px 0px;color: #70c2d9;font-size: 1em;font-weight: bold; border-bottom:none;}
ol.nor ul { list-style-type:square;}
ol.nor ul li{ padding: 5px 0px;}


.schedule{ width:100%; background:#fff; margin: 10px; border:1px solid #fff; padding:5px; font: 13px/1.5 Arial, Helvetica, sans-serif;}
.schedule th{ background:#70c2d9; color:#fff; padding:3px 0px; border:2px solid #fff; border-width:2px 0px!important;}
.schedule tr{ margin:2px 1px; border-bottom:1px solid #d4d9dd; background:#fff;}
.schedule td{ padding: 3px 5px; color:#3d7585; vertical-align: middle;}
.schdate{ background:#f5d682; width:30%; border:1px solid #e9c053; margin:2px; text-align:center;}

.schwrap{ margin:0!important; list-style-type:none!important;}

.tablestyle2{ width:95%; text-align:center;}
.tablestyle2 thead th{ vertical-align: middle;}


.notice_gr ol.nor ol{list-style-type: lower-greek; }


.popup_box{ width:800px; }
.infoblox img{ padding-right:20px; padding-bottom:5px;}


/* // Footer */

#footer{ height:35px; background:#3d7585; width: 100%;}


/* Navigation
----------------------------------------------- */


/* // Top Nav */


/* // Side Nav */



/* Classes
----------------------------------------------- */

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.hidden{ visibility:hidden;}
.block{ display:block;}
.textCenter{ text-align: center; }
.textRight{ text-align: right; }
.textLeft{ text-align: left; }



.m5{ margin: 5px;}
.m7{ margin:7px;}
.m10{margin: 10px;}
.m20{margin: 20px;}

.m-left-5{margin-left: 5px;}
.m-left-7{margin-left: 7px;}
.m-left-10{margin-left: 10px;}
.m-left-15{margin-left: 15px;}
.m-left-20{margin-left: 20px;}

.m-bottom-10{margin-bottom: 10px;}
.margin-10-0{ margin: 10px 0px;}

.width350{width: 350px;}

/* // Image Classes */


/* // List Classes */


/* // Other Classes */


/* Typografy
----------------------------------------------- */

.toptitle{ position:absolute; top: -29px; color:#FFF; margin-left:15px;}
.toptitle2{position:relative;  top: -15px;  color:#FFF; margin-left:15px;}


.bigtext{ font: normal 16px/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif; color:#27547b; padding: 20px;}



.paleblue{ color:#7d8c98;}
.yellow{ color:#e1ab18;}


/* Pager
----------------------------------------------- */

.pager
{
	clear:both;
	margin: 0 auto;
}

.pagerlink
{
	border:solid 1px black;
	display:inline-block;
	margin-right:0.4em;
	padding:0.4em 0.7em;
	text-decoration:none;
	line-height:normal;		
	font-weight:bold;
	color:Black;		
}


.pagerlink:hover {
	border: solid 1px black;	
}


.pagerlabel
{	
	border:solid 1px white;
	display:inline-block;
	margin-right:0.4em;
	padding:0.4em 0.7em;
	text-decoration:none;
	line-height:normal;	
	background-color:black;
	font-weight:bold;
	color:white;		
}