/** BASIC */

html, body {
	height: 100%;
}

/** HEADER */

#header, #pre_header {
	width: 778px;
	height: 160px;
	margin: 0px auto;
}

#pre_header {
	width: 778px;
	height: 0px;
	margin-top: 10px;
}

#logo {
	float: left;
	width: 248px;
	height: 160px;
	background: url(../img/design/homepage02.jpg) no-repeat left top;
}

#logo a {
	text-decoration:none;
	color: white;
}

#logo h1 {
	padding-left: 40px;
	padding-top: 60px;
	color: white;
	margin-bottom: 0;
}
#logo #slogan {
	margin-top: 0;
	padding-left: 100px;
	color: white;
	text-align: right;
}

#menu {
	float: right;
	width: 530px;
	height: 160px;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu span, #menu span.inactive {
	display: block;
	float: left;
	height: 160px;
}

#menu span a, #menu span.inactive a {
	position: relative;
	top: 100px;
	font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration:none;
}

#menu span.inactive a {
	border-bottom: 1px dotted;
}

/* x menu positioning */

#menu1 a {
	left: 35px;
}

#menu2 a {
	left: 25px;
}

#menu3 a {
	left: 25px;
}

#menu4 a {
	left: 35px;
}

#menu1 { width: 129px; background: url(../img/design/homepage03.jpg) no-repeat left top; }
#menu2 { width: 130px; background: url(../img/design/homepage04.jpg) no-repeat left top; }
#menu3 { width: 126px; background: url(../img/design/homepage05.jpg) no-repeat left top; }
#menu4 { width: 145px; background: url(../img/design/homepage06.jpg) no-repeat left top; }

/** PAGE */

#page {
	width: 778px;
	margin: 0px auto;
}

.bg1 { background-position: 39px 0px; }
.bg2 { background-position: 39px 0px; }
.bg3 {
	background-position: 39px 100%;
	
}

#content {
	float: right;
	width: 416px;
	padding: 35px 65px 40px 0px;
	background: url(../img/design/bg05.jpg) no-repeat right top;
	min-height:465px;
}

* html #content {
	height: 465px;
}

#sidebar {
	float: left;
	width: 146px;
	padding: 35px 0px 0px 63px;
	background: url(../img/design/bg04.jpg) no-repeat left top;
	min-height:465px;
}

* html #sidebar {
	height: 465px;
}

/** welcome_1 */

#welcome_1 {
}

#welcome_1 p {
	text-indent: 20px;
}


/** welcome_2 */

#welcome_2 {
	float: left;
	width: 200px;
	clear: both;
}

#exclaim {
	clear:both;
	padding-top: 6px;
}

#exclaim p {
	text-align: center;
}

/** BOX3 */

#box3 {
	float: right;
	width: 198px;
}

/** BOX4 */

#box4 {
}

/** BOX5 */

#box5 {
}

/** FOOTER */

#footer {
	width: 778px;
	height: 97px;
	margin: 0px auto;
	padding-top: 25px;
}

/* LANGUAGES */

#languages_select {
	max-width: 100px;
	position: relative;
	left: 660px;
	top: 0;
	color: #FFF;
	z-index: 1000;
}

#languages_select a {
	/*color: #9ab6cc;*/
	color: #FFF;
}

/*green sticker */

#green_sticker {
	background: url(../img/design/homepage10.jpg) no-repeat left top;
	padding: 5px 12px 0 7px;
	height: 190px;
	color: #FFF;
}

#green_sticker h2 {
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
}

#green_sticker img {
	/*margin-left:30px;*/
	/*border: 1px dotted #FFF;*/
}

#green_sticker .sticker_description {
	width: 92%;
	text-align: justify;
	margin-top: 10px;
}

#green_sticker a {
	color: #FFF;
}

#green_sticker a:hover {
	text-decoration: none;
}

/* calendar */

#calendar_box {
}

#calendar_container h2 {
	margin-bottom: 10px;
}

#events_calendar {
	display: inline;
}

.event_day {
	font-weight: bold;
	text-decoration: underline;
}

#dateEvents {
	clear: both;
	padding-top:5px;
}

#dateEvents li {
	padding-top: 4px;
}

.more {
	text-align: right;
	margin-bottom: 3px;
}

/* Paging */
div.paging {
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #A3A39B;
	display: inline;
}
div.news_container {
	margin-bottom:10px;
}
div.news_header {
	font-size: 10px;
	margin: 3px 0;
}
div.news_header ul {
	padding-left:20px;
}
div.news_text {
	margin-top: 10px;
}
div.news_title {
	color: #1262B0;
	font-weight: bold;
}
div.events_header {
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 1px dotted;
	margin: 5px 0;
}
/*PROJECTS*/
div.project_container {
	clear:both;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
div.project_container .project_logo {
	float:left;
	padding-right: 10px;
}
div.project_container .project_logo img {
	border: 1px solid #DDCFA8;
}
div.project_container .project_text {
	float:left;
	margin-left:5px;
	width: 70%;
}
div.project_container .project_text p {
	text-align: justify;
	margin-top: 5px;
}
div.project_container .project_title {
	color: #1262B0;
	font-weight: bold;
}