/* 

THIS FILE SHOULD BE VALID CSS level 2.1 
PLEASE CHECK AT http://jigsaw.w3.org/css-validator AFTER CHANGES
AUTHOR: MARTIN BARTENBERGER

FOR A BETTER OVERVIEW THE FILE IS DIVIDED IN THE FOLLOWING SECTIONS
PLEASE ADD NEW ENTRIES IN THE PROPER SECTION!

1. GENERAL STUFF (BODY, LINKS, ...)
2. SITE LAYOUT (DIVS)
3. CONTENT TEXT LAYOUT
4. SITES 

*/



/******************************** 1. GENERAL STUFF (BODY, LINKS, ...) ********************************/ 

body {
	text-align: center; /* center Box #wrapper horicental for IE 5, 5.5 */
	background-color: #30588B;
	background-image:url(images/site_layout/bg.jpg);
	background-repeat:repeat-x;
   font-family: 'Trebuchet MS', sans-serif;
   font-size: 13px; /* AUSGANGS-Schriftgroesse */
}

a {
	color: #30588B;
	text-decoration: none;
}

a:visited {
	color: #6495CD; /* IMPORTANT FOR USABILITY */
}

a:hover {
	text-decoration: underline;
}

.clear {
	clear: both; /* use this claass to clear things */
}
	

	
/********************************* 2. SITE LAYOUT (DIVS) ************************************/

div {
   text-align: left; /* undo text-align:center so that text ist showed left-aligned */
}

/* WRAPPER -Center all */	
div#wrapper {
	width: 980px; /* Fix width 980px */
	margin: 0px auto; /* centered with auto */
	padding: 0px;
	padding-top: 50px; /* Distance to top */
	margin-bottom: 50px; /* Distance to bottom */
	z-index: -100;
}

/* NAVIGATION BOX */
div#navigation {
	background-image:url(images/site_layout/navigation_bar.png); /*background image */
	background-repeat: no-repeat;		
	width: 979px; /* fixes 1px bug */
	height: 200px;
	margin: auto;
	z-index:100;
}

/* Link Logo to Homepage */
div#gohome {
	position: relative;
	left: 572px; 
	top: 10px; 
	width: 350px;
}

div#gohome a {
	 display: block; 
	 width: 350px; 
	 height: 62px;
}


/************* MENU START ******************/
div#menu {
	position: relative;
	left: 120px;	
	margin-top: 25px;
}

div#navigation #menu ul {
	display: inline; /* in one line */
}

div#navigation #menu ul li {
	margin-top: 120px;
	list-style-type: none; /* no dots */
	display: inline;
	font-size: 16px;
	margin-left: 30px;
}

div#navigation #menu ul li a{
	color: #30588B;
	text-decoration: none;
}

div#navigation #menu ul li a:hover{
	background-image:url(images/site_layout/highlight_menu.jpg);
	background-repeat: no-repeat;		
	background-position: bottom;
	text-decoration: underline;
	color: #6293CB;
}

/* Switch between english and romanian */
div#navigation  #select_lang {
	position: relative;
	left: 820px;
	top: 10px;

}

div#navigation  #select_lang li {
	font-size: 14px;
	margin: 0;
	padding: 0;
	display: inline;
}

/* Activated site */
#active {
	background-image:url(images/site_layout/highlight_menu.jpg);
	background-repeat: no-repeat;		
	background-position: bottom;
	color: #6293CB;
}
/************** MENU END ****************/

/* Wraps the content */
div#content_wrapper {
	background-color: white;
	width: 887px;
	margin: auto;
	margin-top: -20px;
	border: 0;
}

/* Content field */
div#content {
	padding: 35px;
	padding-top: 10px;
}

/* BOX FOR BOTTOM OF SITE */
div#end {
	width: 887px;
	height: 26px;
	margin: auto;
	background-image:url(images/site_layout/end.png);
	background-repeat: no-repeat;
	text-align: center;
	font-size: 10px;
	color: gray;
}



/************************** 3. CONTENT TEXT LAYOUT *******************************/

#content h3 {
	font-size: 18px;
	color: #2f2f2f;
	letter-spacing: 2px;
	height: 20px;
	padding-left: 5px;
	background-image:url(images/site_layout/heading_bar.png);
	background-repeat: no-repeat;
	background-position: 0% bottom;
	margin-bottom: 30px;
}

#content h4 {
	color: #2f2f2f;
	letter-spacing: 1px;
	margin-top: 50px;
}

#content h5 {
	color: #2f2f2f;
	letter-spacing: 1px;
	margin-top: 40px;
}

/* Every first letter in paragraph is bigger and blue */
#content p:first-letter {
  font-weight: bold;
  font-size:150%;
  color:#67989f;
}

/* Box with light border for general use */
#content .box {
	border: 1px solid #e7e7e7;
	padding: 10px;
}



/******************************* 4. SITES **************************************/

/************* Index Page *****************/

/* image rotation */
#imgrotation img {
	position:absolute; 
	border:0px; 
	width:260px; 
	height:260px;
	height:260px;
}

/* About us box */
#index_box_aboutus {
	background-image:url(images/site_layout/box.png); /* fix width and height, change if text changes */
	background-repeat: no-repeat;
	width: 500px; /* fix width and height, change if text changes */
	height: 250px;
	padding: 20px;
}

/* Romanian News box */
#index_box_ronews {
	width: 500px;
	padding: 10px;
	padding-top: 0;
}

/* International News box */
#index_box_intnews {
	width: 269px;
	float: right;
}


/****** NEWS ENTRY ******/
/* Class is set in PHP file */
.news_entry {
	margin-bottom: 40px;
}

.news_entry h4 {
	color: #30588B;
	margin-top: 30px !important;
}

.news_entry img {
	padding-right: 5px;
	padding-bottom: 5px;
}

.news_entry hr {
	margin-top: 20px;
	width: 30%;
	color: #30588B;
}

/* need 300px for the image rotation at the top of the ESC-news box*/
#escnews {
	margin-top: 300px;
}


/**************** ABOUT US ********************/
#memberslist ul{
	float: left;
}

/* Show memberslist in columns via float: left; */
#memberslist li{
	line-height: 200%;
	list-style-type: none;
	float: left;
	width: 30%;
}


/*************** ACTIVITIES ********************/

#activities ul {
	font-size: 16px;
	line-height: 200%;
	list-style-type: circle;
}

#activities ul li:hover {
	list-style-type: disc; /* fill circle when overflow */

}

#activitieslist {
	text-align: center;
}

#activitieslist li{
	line-height: 200%;
	list-style-type: none;
	float: left;  /* show in columns via float: left */
	width: 15%;
}

#activitieslist li#active_year {
	font-weight: bold;
}


/************** PUBLICATIONS *************/
/* Class is set in PHP file */
.publications_entry {
	margin-bottom: 50px;
}

.publications_entry h4 {
	color: #30588B;
}

.publications_entry img {
	padding-right: 5px;
	padding-bottom: 5px;
}

.publications_entry hr {
	margin-top: 20px;
	width: 30%;
	color: #30588B;
}


/************** EVENTS *************/
/* Class is set in PHP file */
.events_entry {
	margin-bottom: 50px;
}

.events_entry h4 {
	color: #30588B;
}

.events_entry img {
	padding-right: 5px;
	padding-bottom: 5px;
}

.events_entry hr {
	margin-top: 20px;
	width: 30%;
	color: #30588B;
}


/* Link to the other Club of Rome Publications */
a#publications_banner {
	background-image:url(images/publications_banner.png);
	background-repeat: no-repeat;
	width: 456px;
	height: 59px;
	display: block;
	margin: auto;
}

/* Hide text which was set for accesibility reasons (for people who cant see the image) */
a#publications_banner  span{
	display: none;
}

/* Change image on overflow */
a#publications_banner:hover{
	background-image:url(images/publications_banner-overflow.png);
	background-repeat: no-repeat;
}

#publications_banner-image {
	margin: auto; /* center */
}


/************** LINKS **************/

.links_text {
	float: right; /* at the right site */
	width: 75%;
	margin-bottom: 40px;
}

.links_img {
	float: left; /* at the left site */
	width: 24%;
}

/* image is centered in a box */
.links_img img{
	border: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.links_url {
	float: right; /* right at the bottom */
	margin-top: 5px;
}