@charset "utf-8";
/* CSS Document
 * Stylesheet of www.topo-wecep.eu
 * Copyright: 2009 topo-wecep.eu
 */

/* Standard elements */

* {
	font-family:Arial, Helvetica, sans-serif;
}

p,li,a {font-size:12px;}

dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,blockquote,th,td { 
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	background-color:#444444;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { 
	border:0;
	margin:0; 
}

/* Text Elements */

address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	color:#06394C;
	font-weight:bold;
}

q:before,q:after {
	content:''; 
}

abbr,acronym {
	border:0;
}

/* Custom elements */

.captionholder {
	float:right;
	margin-top:8px;
	font-size:10px;
	color:#444444;
}

.captionholder tr td {
	padding:4px;
}

.captionholder p {
	text-align:justify;
	font-size:10px;
	margin:0px;
}

/* Div elements */

.container {
	width:978px;
	margin:0px auto;
	background-color:#DAF1F7;
}

.top {
	padding:4px;
	margin:4px;
	width:962px;
	float:left;
	background-color:#06394C;
	background-image:url(../images/banner.png);
}

.logo {
	cursor:pointer;
	float:left;
	width:241px;
	height:128px;
	background-image:url(../images/logo_topo-wecep_small.png);
	background-repeat:no-repeat;
}

.menu-top {
	float:left;
	height:24px;
	width:694px;
	padding:104px 4px 0px 23px;
}

.menu-top a {
	color:#06394C;
	text-decoration:none;
	font-weight:bold;
	padding:6px 4px 4px 4px;
	display:marker;
	background-color:#9fc2d6;
	margin:0px 0px 0px 0px; 
}

.menu-top a:hover {
	background-color:#DAF1F7;
	display:marker;
}

.menu-top .current {
	background-color:#DAF1F7;
	display:marker;
}

.mid {
	float:left;
	width:978px;
}

.left {
	width:260px;
	margin: 0px 8px 4px 4px;
	float:left;
}

.menu-left {
	padding:0px 4px 0px 0px;
	/*background-color:#B9D2D6;*/
	background-color:#b8d0de;
	float:left;
	width:260px;
	font-size:12px;
	margin-bottom:30px;
}

.menu-left a:link, .menu-left a:visited, .menu-left a:active {
	color:#06394C;
	text-decoration:none;
	font-weight:bold;
	display:block;
}

.menu-left a:hover {
	text-decoration:none;
	background-color:#DAF1F7;
	display:block;
}

.menu-left li{
	display:block;
	/*background-color:#A1C1C0;*/
	background-color:#9fc2d6;
	margin:0px 0px 4px 0px;
	padding:0px 0px;
}

.menu-left ul, ol {
	list-style:none;
	margin:0;
	padding:4px 0px 0px 4px;
	background-color:#b8d0de;
}

.menu-left .current {
	background-color:#DAF1F7;
	display:block;
}

.content-wrapper {
	padding:4px;
	margin-bottom:4px;
	float:left;
	width:694px;
	background-color:#E9E7EC;
	_height:500px;
	min-height:500px;
}

.breadcrumb {
	padding:0px 4px 4px 4px;
	float:left;
	width:686px;
	background-color:#9fc2d6;
	font-size:12px;
}

.breadcrumb a {
	text-decoration:none;
	font-weight:bold;
	color:#06394C;
}

.content {
	padding:4px 0px 4px 4px;
	float:left;
	width:690px;
	margin-bottom:0px;
}

.content a:link, .content a:active, .content a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#6792ab;
}

.content a:hover {
	text-decoration:underline;
	font-weight:bold;
	color:#06394C;
}

.sponsors {
	background-color:#fff;
	float:left;
	width:694px;
	text-align:center;
}

.sponsors p {
	margin:0;
	padding:0;
}

.sponsors a:link, .sponsors a:active, .sponsors a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#27687F;
}

.sponsors a:hover {
	text-decoration:underline;
	font-weight:bold;
	color:#06394C;
}

.footer {
	font-size:10px;
	clear:left;
	width:970px;
	padding:0px 4px;
	color:#ffffff;
	background-color:#444444;
}

.footer a {
	text-decoration:underline;
	font-weight:bolder;
	color:#ffffff;
	font-size:10px;
}


.menu-bottom {
	width:680px;
	float:left;
	text-align:left;
}

.copyright {
	width:290px;
	text-align:right;
	float:left;
}

.clearer {
	clear:both;
	width:962px;
	height:0px;
}

/* Added for news letter plugin */

.simple_form {
	width: 260px;
	padding: 4px;
	border: 1px solid #c3c3c3;
	}
.simple_form h4{
	color: #1F3E5F;
	font: normal bold 16px/normal 'Arial', sans-serif;
	padding: 5px;
	clear: both;
	}
.simple_form label {
	width: 80px;
	display: inline-block;
	vertical-align: top;
	clear: both;
	font-weight: bold;
	}
.simple_form input.text {
	width: 160px;
	padding: 2px;
	margin: 0 0 4px 8px;
	border: 1px solid #c3c3c3;
	}
.simple_form input.submit{
	display: block;
	margin-left: 170px;
	width:  auto;
}
div.simple_message{
	color: #FF4500;
	font: normal bold 16px/normal 'Arial', sans-serif;
	padding: 5px;
}