/*--------------- ::Resets:: --------------------- */
body, address, blockquote, dl, ol, ul, li, fieldset, form,
h1, h2, h3, h4, h5, h6, p, pre {
margin:0;
padding:0;
}
/* ---------- ::HTML & Body:: --------------------- */
html { 
font-size:100.01%;  
height: 101%;
}
body {
	height:100%;
	font:62.5%/1.4 Georgia, "Times New Roman", Times, serif;
	background:#f0efe4;
	background-image: url(images/body-bg.jpg);
	background-repeat: repeat-x;
}
/* ---------- ::Links:: ------------------------ */
a {text-decoration:none;
	color:#507bb2}
a:visited {text-decoration:none;}
a:active, a:focus, a:hover {
color:#000;
outline:none;
visibility: visible; /* kills IE6 a:hover bug */
}
a img {border:none;}

#lang a {
color:#FFFFFF;
font-size:1.2em;}
#lang a:hover {
color:#507bb2;}
/* ---------- ::Typography:: ------------------- */

h1, h2, h3, h4, h5, h6 {color:#507bb2; padding-top:0.5em;}
h1 {font-size:2.4em;}
h2 {font-size:2.0em; clear:both;}
h3 {font-size:1.8em;}
h4 {font-size:1.6em;}
h5 {font-size:1.4em;}
h6 {font-size:1.2em;}
p {font-size:1.2em; padding-top:0.8em; line-height:1.8em;}

#text h4 {
font-size:1.4em;
color:#507bb2;
padding:5px 0 5px 0;
}
#text ul li { 
font-size:1.2em; 
padding:10px 0 10px 10px; 
line-height:1.5em; 
border-bottom:dotted; 
border-bottom-width:1px;
display:block;
list-style:none;
}
#text ul li:hover{  
background-image: url(images/events-bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
}

.sidebarh5 {
color:#333;
padding:10px 0 5px 0;

}

#sidebar ul li {
font-size:1.2em; 
padding:5px 0px 0px 0px; 
line-height:1.5em; 
display:block;
list-style:none;
}


/* ---------- ::Tables:: ------------------- */
table {
border:none;
border-collapse:collapse;
border-spacing:0;
overflow:hidden;
word-wrap:break-word;
}
caption, th, td {
text-align: left;
vertical-align:top;
}
/* ---------- :: Layout :: --------------------- */
#wrapper {
margin:0 auto;
width:960px;
}
#header {

}
.h1GR{
width:350px;
margin: 0 0 0 300px;
padding:0;
height:155px;
background-image:url(images/logo-gr.jpg);
background-repeat:no-repeat;
background-position:center;
text-indent:-9999px;

}
.h1EN{
width:350px;
margin: 0 0 0 300px;
padding:0;
height:155px;
background-image:url(images/logo-en.jpg);
background-repeat:no-repeat;
background-position:center;
text-indent:-9999px;

}
#lang {
width:200px;
margin:10px 60px 0 0;
}
#nav{
height:36px;
clear:both;
}
#imageA {
width:960px;
height:404px;
text-align:center;
margin:39px 0 0 0;
}
#image {
width:960px;
height:200px;
text-align:center;
margin:39px 0 0 0;
}
#content {
width:810px;
margin:0 auto;
padding:0;
}
#sidebar {
float:right;
width:262px;
text-align:center;
background-image:url(images/sidebar_bg.jpg);
background-repeat:no-repeat;
background-position:top;
}
#text{
text-align:left;
float:left;
width:520px;
}


#footer {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
height:50px;
clear:both;
padding:15px 0 15px 0;
margin-top:30px;
background-color:#312e2e;
text-align:center;
}
/* ----------  ::Navigation:: ------------------ */

    
    #nav ul {
	margin:0 auto;
	list-style: none;
	text-align:center;
	}    
       
    #nav li {
	
	font-weight:bold;
	font-size:1.5em;
	display: inline;
	padding:0 10px;
	}   
	#nav a {
	color:#88867a;    
    }  
	#nav a:hover {
	color:#000;    
    } 
	
	.rightBorder{
	border-style:dotted;
	border-width:0 1px 0 0;
	border-color:#88867a;
	}
       
/* :Footer Menu: --- */
    #footer ul {
    }
    #footer li {
    }
    #footer li a {
    }
    #footer li a:active, #footer li a:focus, #footer li a:hover {
    }

/* ---------- ::Forms:: ------------------------ */
label {cursor:pointer;}
fieldset {border:0;}
input,label,select,textarea {
width:480px;
line-height:1.2;
font-size:1.2em;
font-family:inherit;
display:block;
margin: 5px 0 5px 0;
}
input[type="submit"], input[type="reset"] {
width: 100px;
float:left;
margin-right:10px;
height:30px;
}
input[type="text"],textarea {padding:.2em;}
textarea {overflow:auto;}

/* ---------- ::Classes:: --------------- */
.SBdate {
	color:#333333;font-size: 1.5em;
	font-style: italic;
	font-weight: normal;
	}
.SBtitle {
	font-size: 1.8em;
	font-weight: bold;
	color: #97928a;
	line-height:1.2em;
}
.SBp{
padding:10px 5px 0 5px;
margin-bottom:30px;
}
.SBlength {height:300px;}
.BGpapers {
	background: url(images/bgpapers.jpg) no-repeat top;
	height:184px;
}
.readmore{
	font: 1.2em Arial, Helvetica, sans-serif;
	text-align: right;
	padding-right: 10px;
	margin-bottom:100px;
}
.admin{
font-family:Arial, Helvetica, sans-serif;
width:500px;
border-top:1px dotted;
margin-top:3px;
padding-top:3px;}

.thumbnail {
border:#FFFFFF solid 8px;
margin:5px 0;}

.center {text-align:center;}
.clear {clear:both;padding:0;margin:0;line-height:0;}
.external {/* for use with new window JS */}
.floatleft {float:left;}
.floatright {float:right;}
.hidden {display:none;}
.inline {display:inline;}
.large {font-size:20px;font-weight:bold;}
.light {color:#999;}
.png {/* for use with png fix JS */}
.small {font-size:10px;font-weight:normal;}

/* ---------- ::Other:: ------------------------ */
.clearfix:after {/*The peroid is the last thinb before the div closes*/
	content: ".";/*inline elements doin't respond to the clear property*/
	display: block;/*Ensure the peroid is not visible*/
	height: 0;/*Make the container clear the peroid*/
	clear: both;/*Further ensures the peroid is not visible*/
	visibility: hidden;/*Further ensures the peroid is not visible*/
	}
.clearfix {
	display: inline-block;/*A fix for IE mac*/
	}
*html .clearfix {/*the holly hack for a bug in IE6 for Windows*/
	height: 1%;
	}
.clearfix {
	display: block;/*the holly hack for a bug in IE6 for Windows*/
	}